@wealthx/shadcn 1.1.0 → 1.2.1

package/dist/{chunk-3VQNJ235.mjs → chunk-CSDO6VBW.mjs}

@@ -30,6 +30,10 @@ var TYPOGRAPHY_LABEL = {
   medium: style(600, "0.875rem", "1.125rem"),
   small: style(600, "0.75rem", "1rem", { letterSpacing: "0.03125rem" })
 };
+var TYPOGRAPHY_BUTTON = {
+  default: style(500, "0.875rem", "1.25rem"),
+  xs: style(500, "0.75rem", "1.25rem")
+};
 var TYPOGRAPHY_UTILITY = {
   caption: style(400, "0.75rem", "1rem"),
   overline: style(600, "0.625rem", "0.875rem", {
@@ -43,6 +47,7 @@ var TYPOGRAPHY = {
   heading: TYPOGRAPHY_HEADING,
   body: TYPOGRAPHY_BODY,
   label: TYPOGRAPHY_LABEL,
+  button: TYPOGRAPHY_BUTTON,
   utility: TYPOGRAPHY_UTILITY
 };
 var TYPOGRAPHY_RESPONSIVE = {
@@ -73,6 +78,7 @@ function getTypographyCssVars(fontFamily = FONT_FAMILY_SANS) {
     ["", TYPOGRAPHY_HEADING],
     ["body", TYPOGRAPHY_BODY],
     ["label", TYPOGRAPHY_LABEL],
+    ["button", TYPOGRAPHY_BUTTON],
     ["", TYPOGRAPHY_UTILITY]
   ];
   for (const [prefix, group] of allGroups) {
@@ -106,6 +112,7 @@ export {
   TYPOGRAPHY_HEADING,
   TYPOGRAPHY_BODY,
   TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_BUTTON,
   TYPOGRAPHY_UTILITY,
   TYPOGRAPHY,
   TYPOGRAPHY_RESPONSIVE,

package/dist/chunk-D4ILTPOG.mjs

@@ -0,0 +1,293 @@
+import {
+  Sheet,
+  SheetContent
+} from "./chunk-462HMNO4.mjs";
+import {
+  Textarea
+} from "./chunk-34NWQURD.mjs";
+import {
+  Badge
+} from "./chunk-WAZD7NFU.mjs";
+import {
+  Spinner
+} from "./chunk-7YAU5CY6.mjs";
+import {
+  Button
+} from "./chunk-2I5S2AMY.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+
+// src/components/ui/ai-assistant-drawer.tsx
+import * as React from "react";
+import { Bot, RotateCcw, Send, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AiTypingIndicator() {
+  return /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 py-1", "aria-label": "AI is thinking", children: [0, 150, 300].map((delay) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "size-1.5 rounded-full bg-current animate-bounce",
+      style: { animationDelay: `${delay}ms` },
+      "aria-hidden": "true"
+    },
+    delay
+  )) });
+}
+function AiChatBubble({ message }) {
+  const isUser = message.role === "user";
+  const isEmpty = !message.content.trim();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex w-full", isUser ? "justify-end" : "justify-start"),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "max-w-[85%] px-3 py-2 text-sm",
+            isUser ? "bg-primary text-primary-foreground" : "bg-muted text-foreground",
+            message.isErrored && "bg-destructive/10 text-destructive"
+          ),
+          children: [
+            isEmpty && message.isStreaming ? /* @__PURE__ */ jsx(AiTypingIndicator, {}) : /* @__PURE__ */ jsx("span", { className: "whitespace-pre-wrap break-words leading-relaxed", children: message.content }),
+            message.isErrored && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs opacity-70", children: "Failed to send. Please try again." })
+          ]
+        }
+      )
+    }
+  );
+}
+function AiTaskCard({
+  suggestion,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: () => onSelect(suggestion.title),
+      className: "flex flex-col gap-1 border border-border bg-background p-3 text-left transition-colors hover:bg-muted/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: suggestion.title }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: suggestion.description })
+      ]
+    }
+  );
+}
+var DEFAULT_SUGGESTIONS = [
+  {
+    id: "s1",
+    title: "Update pricing strategy",
+    description: "Review and adjust pricing based on market trends"
+  },
+  {
+    id: "s2",
+    title: "Enhance marketing outreach",
+    description: "Develop new campaigns to increase customer engagement"
+  },
+  {
+    id: "s3",
+    title: "Optimise social media strategy",
+    description: "Analyse performance and adjust content for better visibility"
+  },
+  {
+    id: "s4",
+    title: "Implement customer feedback loops",
+    description: "Create mechanisms to collect and act on customer insights"
+  }
+];
+function AiAssistantDrawer({
+  open,
+  onClose,
+  opportunityName,
+  taskSuggestions,
+  messages = [],
+  isStreaming = false,
+  isLoading = false,
+  onSendMessage,
+  onReset,
+  className
+}) {
+  var _a;
+  const [inputValue, setInputValue] = React.useState("");
+  const messagesEndRef = React.useRef(null);
+  const textareaRef = React.useRef(null);
+  const suggestions = taskSuggestions != null ? taskSuggestions : DEFAULT_SUGGESTIONS;
+  const hasMessages = messages.length > 0;
+  const canSend = inputValue.trim().length > 0 && !isStreaming && !isLoading;
+  React.useEffect(() => {
+    if (!messagesEndRef.current) return;
+    messagesEndRef.current.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }, [messages.length]);
+  React.useEffect(() => {
+    const el = textareaRef.current;
+    if (!el) return;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 120)}px`;
+  }, [inputValue]);
+  const handleSend = React.useCallback(() => {
+    const text = inputValue.trim();
+    if (!text || !canSend) return;
+    onSendMessage == null ? void 0 : onSendMessage(text);
+    setInputValue("");
+  }, [inputValue, canSend, onSendMessage]);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+  const handleSuggestionSelect = (text) => {
+    var _a2;
+    setInputValue(text);
+    (_a2 = textareaRef.current) == null ? void 0 : _a2.focus();
+  };
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange: (o) => !o && onClose(), children: /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: "right",
+      showCloseButton: false,
+      className: cn("w-[480px] max-w-full gap-0 p-0", className),
+      "data-slot": "ai-assistant-drawer",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex size-8 shrink-0 items-center justify-center rounded-full bg-primary", children: /* @__PURE__ */ jsx(Bot, { className: "size-4 text-primary-foreground" }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-foreground", children: "AI Assistant" }),
+              opportunityName && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: opportunityName })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            onReset && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-8",
+                onClick: onReset,
+                title: "Reset conversation",
+                disabled: isLoading,
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "size-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Reset conversation" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-8",
+                onClick: onClose,
+                title: "Close",
+                children: [
+                  /* @__PURE__ */ jsx(X, { className: "size-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-y-auto", children: isLoading ? (
+          /* Loading state */
+          /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center py-20", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+            /* @__PURE__ */ jsx(Spinner, { size: "lg", className: "text-muted-foreground" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Initialising\u2026" })
+          ] }) })
+        ) : !hasMessages ? (
+          /* Empty / welcome state */
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 p-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border border-border bg-muted/30 p-4", children: [
+              /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "w-fit gap-1.5", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "size-1.5 rounded-full bg-primary",
+                    "aria-hidden": "true"
+                  }
+                ),
+                "AI Chat for Brokers"
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "A safe and secure way to chat about insights that run your business and utilise AI. All chats stay within your environment, all closed off and compliant." }),
+              /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: [
+                { emoji: "\u{1F916}", label: "Smart" },
+                { emoji: "\u26A1", label: "Fast" },
+                { emoji: "\u{1F512}", label: "Secure" }
+              ].map(({ emoji, label }) => /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: "border border-border px-2.5 py-1 text-xs text-foreground",
+                  children: [
+                    emoji,
+                    " ",
+                    label
+                  ]
+                },
+                label
+              )) })
+            ] }),
+            suggestions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Suggested tasks" }),
+              /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: suggestions.map((s) => /* @__PURE__ */ jsx(
+                AiTaskCard,
+                {
+                  suggestion: s,
+                  onSelect: handleSuggestionSelect
+                },
+                s.id
+              )) })
+            ] })
+          ] })
+        ) : (
+          /* Message list */
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 p-4", children: [
+            messages.map((msg) => /* @__PURE__ */ jsx(AiChatBubble, { message: msg }, msg.id)),
+            isStreaming && ((_a = messages[messages.length - 1]) == null ? void 0 : _a.role) === "user" && /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx("div", { className: "bg-muted px-3 py-2 text-muted-foreground", children: /* @__PURE__ */ jsx(AiTypingIndicator, {}) }) }),
+            /* @__PURE__ */ jsx("div", { ref: messagesEndRef })
+          ] })
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "border-t border-border p-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                ref: textareaRef,
+                value: inputValue,
+                onChange: (e) => setInputValue(e.target.value),
+                onKeyDown: handleKeyDown,
+                placeholder: "Ask me anything\u2026 (Enter to send, Shift+Enter for new line)",
+                rows: 1,
+                disabled: isLoading,
+                className: "min-h-0 flex-1 resize-none overflow-hidden py-2 text-sm"
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Button,
+              {
+                size: "icon",
+                onClick: handleSend,
+                disabled: !canSend,
+                className: "shrink-0",
+                title: "Send",
+                children: [
+                  /* @__PURE__ */ jsx(Send, { className: "size-4" }),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Send message" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-[10px] text-muted-foreground", children: "Enter to send \xB7 Shift+Enter for new line" })
+        ] })
+      ]
+    }
+  ) });
+}
+
+export {
+  AiAssistantDrawer
+};

package/dist/{chunk-HS7TFG7V.mjs → chunk-D6ID6M4V.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues