@contractspec/module.ai-chat 1.44.0

package/dist/presentation/components/CodePreview.js

@@ -0,0 +1,127 @@
+'use client';
+
+import * as React from "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy, Download, Play } from "lucide-react";
+import { Button } from "@contractspec/lib.design-system";
+
+//#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", "bg-muted/80 border-b"),
+			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, {
+						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, {
+						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, {
+						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 w-8 text-right select-none",
+							children: i + 1
+						}), /* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: line || " "
+						})]
+					}, i))
+				})
+			})
+		})]
+	});
+}
+
+//#endregion
+export { CodePreview };
+//# sourceMappingURL=CodePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodePreview.js","names":["LANGUAGE_NAMES: Record<string, string>"],"sources":["../../../src/presentation/components/CodePreview.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Button } from '@contractspec/lib.design-system';\nimport { Copy, Check, Play, Download } from 'lucide-react';\n\nexport interface CodePreviewProps {\n  /** Code content */\n  code: string;\n  /** Programming language */\n  language?: string;\n  /** File name */\n  filename?: string;\n  /** Additional class name */\n  className?: string;\n  /** Show copy button */\n  showCopy?: boolean;\n  /** Show execute button (for applicable languages) */\n  showExecute?: boolean;\n  /** Called when execute is clicked */\n  onExecute?: (code: string) => void;\n  /** Show download button */\n  showDownload?: boolean;\n  /** Max height before scroll */\n  maxHeight?: number;\n}\n\n/**\n * Language display names\n */\nconst LANGUAGE_NAMES: Record<string, string> = {\n  ts: 'TypeScript',\n  tsx: 'TypeScript (React)',\n  typescript: 'TypeScript',\n  js: 'JavaScript',\n  jsx: 'JavaScript (React)',\n  javascript: 'JavaScript',\n  json: 'JSON',\n  md: 'Markdown',\n  yaml: 'YAML',\n  yml: 'YAML',\n  bash: 'Bash',\n  sh: 'Shell',\n  sql: 'SQL',\n  py: 'Python',\n  python: 'Python',\n  go: 'Go',\n  rust: 'Rust',\n  rs: 'Rust',\n};\n\n/**\n * Code preview component with syntax highlighting placeholder\n */\nexport function CodePreview({\n  code,\n  language = 'text',\n  filename,\n  className,\n  showCopy = true,\n  showExecute = false,\n  onExecute,\n  showDownload = false,\n  maxHeight = 400,\n}: CodePreviewProps) {\n  const [copied, setCopied] = React.useState(false);\n\n  const displayLanguage = LANGUAGE_NAMES[language.toLowerCase()] ?? language;\n  const lines = code.split('\\n');\n\n  const handleCopy = React.useCallback(async () => {\n    await navigator.clipboard.writeText(code);\n    setCopied(true);\n    setTimeout(() => setCopied(false), 2000);\n  }, [code]);\n\n  const handleDownload = React.useCallback(() => {\n    const blob = new Blob([code], { type: 'text/plain' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = filename ?? `code.${language}`;\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n    URL.revokeObjectURL(url);\n  }, [code, filename, language]);\n\n  return (\n    <div\n      className={cn(\n        'overflow-hidden rounded-lg border',\n        'bg-muted/50',\n        className\n      )}\n    >\n      {/* Header */}\n      <div\n        className={cn(\n          'flex items-center justify-between px-3 py-1.5',\n          'bg-muted/80 border-b'\n        )}\n      >\n        <div className=\"flex items-center gap-2 text-sm\">\n          {filename && (\n            <span className=\"text-foreground font-mono\">{filename}</span>\n          )}\n          <span className=\"text-muted-foreground\">{displayLanguage}</span>\n        </div>\n\n        <div className=\"flex items-center gap-1\">\n          {showExecute && onExecute && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onPress={() => onExecute(code)}\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Execute code\"\n            >\n              <Play className=\"h-3.5 w-3.5\" />\n            </Button>\n          )}\n\n          {showDownload && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onPress={handleDownload}\n              className=\"h-7 w-7 p-0\"\n              aria-label=\"Download code\"\n            >\n              <Download className=\"h-3.5 w-3.5\" />\n            </Button>\n          )}\n\n          {showCopy && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onPress={handleCopy}\n              className=\"h-7 w-7 p-0\"\n              aria-label={copied ? 'Copied' : 'Copy code'}\n            >\n              {copied ? (\n                <Check className=\"h-3.5 w-3.5 text-green-500\" />\n              ) : (\n                <Copy className=\"h-3.5 w-3.5\" />\n              )}\n            </Button>\n          )}\n        </div>\n      </div>\n\n      {/* Code content */}\n      <div className=\"overflow-auto\" style={{ maxHeight }}>\n        <pre className=\"p-3\">\n          <code className=\"text-sm\">\n            {lines.map((line, i) => (\n              <div key={i} className=\"flex\">\n                <span className=\"text-muted-foreground mr-4 w-8 text-right select-none\">\n                  {i + 1}\n                </span>\n                <span className=\"flex-1\">{line || ' '}</span>\n              </div>\n            ))}\n          </code>\n        </pre>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA+BA,MAAMA,iBAAyC;CAC7C,IAAI;CACJ,KAAK;CACL,YAAY;CACZ,IAAI;CACJ,KAAK;CACL,YAAY;CACZ,MAAM;CACN,IAAI;CACJ,MAAM;CACN,KAAK;CACL,MAAM;CACN,IAAI;CACJ,KAAK;CACL,IAAI;CACJ,QAAQ;CACR,IAAI;CACJ,MAAM;CACN,IAAI;CACL;;;;AAKD,SAAgB,YAAY,EAC1B,MACA,WAAW,QACX,UACA,WACA,WAAW,MACX,cAAc,OACd,WACA,eAAe,OACf,YAAY,OACO;CACnB,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,MAAM;CAEjD,MAAM,kBAAkB,eAAe,SAAS,aAAa,KAAK;CAClE,MAAM,QAAQ,KAAK,MAAM,KAAK;CAE9B,MAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,QAAM,UAAU,UAAU,UAAU,KAAK;AACzC,YAAU,KAAK;AACf,mBAAiB,UAAU,MAAM,EAAE,IAAK;IACvC,CAAC,KAAK,CAAC;CAEV,MAAM,iBAAiB,MAAM,kBAAkB;EAC7C,MAAM,OAAO,IAAI,KAAK,CAAC,KAAK,EAAE,EAAE,MAAM,cAAc,CAAC;EACrD,MAAM,MAAM,IAAI,gBAAgB,KAAK;EACrC,MAAM,IAAI,SAAS,cAAc,IAAI;AACrC,IAAE,OAAO;AACT,IAAE,WAAW,YAAY,QAAQ;AACjC,WAAS,KAAK,YAAY,EAAE;AAC5B,IAAE,OAAO;AACT,WAAS,KAAK,YAAY,EAAE;AAC5B,MAAI,gBAAgB,IAAI;IACvB;EAAC;EAAM;EAAU;EAAS,CAAC;AAE9B,QACE,qBAAC;EACC,WAAW,GACT,qCACA,eACA,UACD;aAGD,qBAAC;GACC,WAAW,GACT,iDACA,uBACD;cAED,qBAAC;IAAI,WAAU;eACZ,YACC,oBAAC;KAAK,WAAU;eAA6B;MAAgB,EAE/D,oBAAC;KAAK,WAAU;eAAyB;MAAuB;KAC5D,EAEN,qBAAC;IAAI,WAAU;;KACZ,eAAe,aACd,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,eAAe,UAAU,KAAK;MAC9B,WAAU;MACV,cAAW;gBAEX,oBAAC,QAAK,WAAU,gBAAgB;OACzB;KAGV,gBACC,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,SAAS;MACT,WAAU;MACV,cAAW;gBAEX,oBAAC,YAAS,WAAU,gBAAgB;OAC7B;KAGV,YACC,oBAAC;MACC,SAAQ;MACR,MAAK;MACL,SAAS;MACT,WAAU;MACV,cAAY,SAAS,WAAW;gBAE/B,SACC,oBAAC,SAAM,WAAU,+BAA+B,GAEhD,oBAAC,QAAK,WAAU,gBAAgB;OAE3B;;KAEP;IACF,EAGN,oBAAC;GAAI,WAAU;GAAgB,OAAO,EAAE,WAAW;aACjD,oBAAC;IAAI,WAAU;cACb,oBAAC;KAAK,WAAU;eACb,MAAM,KAAK,MAAM,MAChB,qBAAC;MAAY,WAAU;iBACrB,oBAAC;OAAK,WAAU;iBACb,IAAI;QACA,EACP,oBAAC;OAAK,WAAU;iBAAU,QAAQ;QAAW;QAJrC,EAKJ,CACN;MACG;KACH;IACF;GACF"}

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

@@ -0,0 +1,26 @@
+import { WorkspaceSummary } from "../../context/workspace-context.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/presentation/components/ContextIndicator.d.ts
+interface ContextIndicatorProps {
+  /** Workspace summary */
+  summary?: WorkspaceSummary;
+  /** Whether context is active */
+  active?: boolean;
+  /** Additional class name */
+  className?: string;
+  /** Show details */
+  showDetails?: boolean;
+}
+/**
+ * Indicator showing active workspace context
+ */
+declare function ContextIndicator({
+  summary,
+  active,
+  className,
+  showDetails
+}: ContextIndicatorProps): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { ContextIndicator };
+//# sourceMappingURL=ContextIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextIndicator.d.ts","names":[],"sources":["../../../src/presentation/components/ContextIndicator.tsx"],"sourcesContent":[],"mappings":";;;;UAciB,qBAAA;;YAEL;EAFK;EAcD,MAAA,CAAA,EAAA,OAAA;EACd;EACA,SAAA,CAAA,EAAA,MAAA;EACA;EACA,WAAA,CAAA,EAAA,OAAA;;;;;iBAJc,gBAAA;;;;;GAKb,wBAAqB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/presentation/components/ContextIndicator.js

@@ -0,0 +1,97 @@
+'use client';
+
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-web/ui/utils";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FileCode, FolderOpen, Info, Zap } from "lucide-react";
+import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@contractspec/lib.ui-kit-web/ui/tooltip";
+
+//#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 };
+//# sourceMappingURL=ContextIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextIndicator.js","names":[],"sources":["../../../src/presentation/components/ContextIndicator.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '@contractspec/lib.ui-kit-web/ui/utils';\nimport { Badge } from '@contractspec/lib.ui-kit-web/ui/badge';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@contractspec/lib.ui-kit-web/ui/tooltip';\nimport { FolderOpen, FileCode, Zap, Info } from 'lucide-react';\nimport type { WorkspaceSummary } from '../../context/workspace-context';\n\nexport interface ContextIndicatorProps {\n  /** Workspace summary */\n  summary?: WorkspaceSummary;\n  /** Whether context is active */\n  active?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Show details */\n  showDetails?: boolean;\n}\n\n/**\n * Indicator showing active workspace context\n */\nexport function ContextIndicator({\n  summary,\n  active = false,\n  className,\n  showDetails = true,\n}: ContextIndicatorProps) {\n  if (!summary && !active) {\n    return (\n      <div\n        className={cn(\n          'flex items-center gap-1.5 text-sm',\n          'text-muted-foreground',\n          className\n        )}\n      >\n        <Info className=\"h-4 w-4\" />\n        <span>No workspace context</span>\n      </div>\n    );\n  }\n\n  const content = (\n    <div\n      className={cn(\n        'flex items-center gap-2',\n        active ? 'text-foreground' : 'text-muted-foreground',\n        className\n      )}\n    >\n      <Badge\n        variant={active ? 'default' : 'secondary'}\n        className=\"flex items-center gap-1\"\n      >\n        <Zap className=\"h-3 w-3\" />\n        Context\n      </Badge>\n\n      {summary && showDetails && (\n        <>\n          <div className=\"flex items-center gap-1 text-xs\">\n            <FolderOpen className=\"h-3.5 w-3.5\" />\n            <span>{summary.name}</span>\n          </div>\n\n          <div className=\"flex items-center gap-1 text-xs\">\n            <FileCode className=\"h-3.5 w-3.5\" />\n            <span>{summary.specs.total} specs</span>\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  if (!summary) {\n    return content;\n  }\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>{content}</TooltipTrigger>\n        <TooltipContent side=\"bottom\" className=\"max-w-[300px]\">\n          <div className=\"flex flex-col gap-2 text-sm\">\n            <div className=\"font-medium\">{summary.name}</div>\n            <div className=\"text-muted-foreground text-xs\">{summary.path}</div>\n\n            <div className=\"border-t pt-2\">\n              <div className=\"grid grid-cols-2 gap-1 text-xs\">\n                <span>Commands:</span>\n                <span className=\"text-right\">{summary.specs.commands}</span>\n                <span>Queries:</span>\n                <span className=\"text-right\">{summary.specs.queries}</span>\n                <span>Events:</span>\n                <span className=\"text-right\">{summary.specs.events}</span>\n                <span>Presentations:</span>\n                <span className=\"text-right\">\n                  {summary.specs.presentations}\n                </span>\n              </div>\n            </div>\n\n            <div className=\"border-t pt-2 text-xs\">\n              <span>{summary.files.total} files</span>\n              <span className=\"mx-1\">•</span>\n              <span>{summary.files.specFiles} spec files</span>\n            </div>\n          </div>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA4BA,SAAgB,iBAAiB,EAC/B,SACA,SAAS,OACT,WACA,cAAc,QACU;AACxB,KAAI,CAAC,WAAW,CAAC,OACf,QACE,qBAAC;EACC,WAAW,GACT,qCACA,yBACA,UACD;aAED,oBAAC,QAAK,WAAU,YAAY,EAC5B,oBAAC,oBAAK,yBAA2B;GAC7B;CAIV,MAAM,UACJ,qBAAC;EACC,WAAW,GACT,2BACA,SAAS,oBAAoB,yBAC7B,UACD;aAED,qBAAC;GACC,SAAS,SAAS,YAAY;GAC9B,WAAU;cAEV,oBAAC,OAAI,WAAU,YAAY;IAErB,EAEP,WAAW,eACV,4CACE,qBAAC;GAAI,WAAU;cACb,oBAAC,cAAW,WAAU,gBAAgB,EACtC,oBAAC,oBAAM,QAAQ,OAAY;IACvB,EAEN,qBAAC;GAAI,WAAU;cACb,oBAAC,YAAS,WAAU,gBAAgB,EACpC,qBAAC,qBAAM,QAAQ,MAAM,OAAM,YAAa;IACpC,IACL;GAED;AAGR,KAAI,CAAC,QACH,QAAO;AAGT,QACE,oBAAC,6BACC,qBAAC,sBACC,oBAAC;EAAe;YAAS;GAAyB,EAClD,oBAAC;EAAe,MAAK;EAAS,WAAU;YACtC,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eAAe,QAAQ;MAAW;IACjD,oBAAC;KAAI,WAAU;eAAiC,QAAQ;MAAW;IAEnE,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAI,WAAU;;OACb,oBAAC,oBAAK,cAAgB;OACtB,oBAAC;QAAK,WAAU;kBAAc,QAAQ,MAAM;SAAgB;OAC5D,oBAAC,oBAAK,aAAe;OACrB,oBAAC;QAAK,WAAU;kBAAc,QAAQ,MAAM;SAAe;OAC3D,oBAAC,oBAAK,YAAc;OACpB,oBAAC;QAAK,WAAU;kBAAc,QAAQ,MAAM;SAAc;OAC1D,oBAAC,oBAAK,mBAAqB;OAC3B,oBAAC;QAAK,WAAU;kBACb,QAAQ,MAAM;SACV;;OACH;MACF;IAEN,qBAAC;KAAI,WAAU;;MACb,qBAAC,qBAAM,QAAQ,MAAM,OAAM,YAAa;MACxC,oBAAC;OAAK,WAAU;iBAAO;QAAQ;MAC/B,qBAAC,qBAAM,QAAQ,MAAM,WAAU,iBAAkB;;MAC7C;;IACF;GACS,IACT,GACM"}

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

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { ProviderMode, ProviderName } from "@contractspec/lib.ai-providers";
+
+//#region src/presentation/components/ModelPicker.d.ts
+interface ModelSelection {
+  provider: ProviderName;
+  model: string;
+  mode: ProviderMode;
+}
+interface ModelPickerProps {
+  /** Currently selected provider/model */
+  value: ModelSelection;
+  /** Called when selection changes */
+  onChange: (value: ModelSelection) => void;
+  /** Available providers (with availability info) */
+  availableProviders?: {
+    provider: ProviderName;
+    available: boolean;
+    mode: ProviderMode;
+    reason?: string;
+  }[];
+  /** Additional class name */
+  className?: string;
+  /** Compact mode (smaller) */
+  compact?: boolean;
+}
+/**
+ * Model picker component for selecting AI provider and model
+ */
+declare function ModelPicker({
+  value,
+  onChange,
+  availableProviders,
+  className,
+  compact
+}: ModelPickerProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+export { ModelPicker };
+//# sourceMappingURL=ModelPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModelPicker.d.ts","names":[],"sources":["../../../src/presentation/components/ModelPicker.tsx"],"sourcesContent":[],"mappings":";;;;UAsBiB,cAAA;YACL;;EADK,IAAA,EAGT,YAHuB;AAM/B;AAES,UAFQ,gBAAA,CAER;EAEW;EAGN,KAAA,EALL,cAKK;EAEJ;EAAY,QAAA,EAAA,CAAA,KAAA,EALF,cAKE,EAAA,GAAA,IAAA;EAqCN;EACd,kBAAA,CAAA,EAAA;IACA,QAAA,EAzCY,YAyCZ;IACA,SAAA,EAAA,OAAA;IACA,IAAA,EAzCQ,YAyCR;IACA,MAAA,CAAA,EAAA,MAAA;EACC,CAAA,EAAA;EAAgB;EAAA,SAAA,CAAA,EAAA,MAAA;;;;;;;iBANH,WAAA;;;;;;GAMb,mBAAgB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/presentation/components/ModelPicker.js

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

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

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

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

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

package/dist/presentation/components/index.js

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

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

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

package/dist/presentation/hooks/index.js

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

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

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