@yourgpt/copilot-sdk 1.2.10 → 1.3.0

package/dist/ui/index.js

@@ -1,4 +1,4 @@
-import { useCopilot, useThreadManager } from '../chunk-EYNSW3NR.js';
+import { useCopilot, useThreadManager } from '../chunk-N2SMQKRK.js';
 import { createServerAdapter } from '../chunk-CVD3X4MN.js';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -462,7 +462,7 @@ function CodeBlock({ children, className, ...props }) {
   );
 }
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "csdk-button inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
@@ -782,14 +782,14 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
   {
     ref,
     className: cn(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      "csdk-avatar-fallback flex h-full w-full items-center justify-center rounded-full bg-muted",
       className
     ),
     ...props
   }
 ));
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
-var Message = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("flex gap-3", className), ...props, children });
+var Message = ({ children, className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn("csdk-message flex gap-3", className), ...props, children });
 var MessageAvatar = ({
   src,
   alt,
@@ -798,7 +798,7 @@ var MessageAvatar = ({
   delayMs,
   className
 }) => {
-  return /* @__PURE__ */ jsxs(Avatar, { className: cn("size-7 shrink-0", className), children: [
+  return /* @__PURE__ */ jsxs(Avatar, { className: cn("csdk-avatar size-7 shrink-0", className), children: [
     /* @__PURE__ */ jsx(AvatarImage, { src, alt }),
     /* @__PURE__ */ jsx(AvatarFallback, { delayMs, children: fallbackIcon || fallback })
   ] });
@@ -816,7 +816,7 @@ var MessageContent = ({
   ...props
 }) => {
   const classNames = cn(
-    "rounded-lg p-2 break-words whitespace-normal max-w-none leading-relaxed",
+    "csdk-message-content rounded-lg p-2 break-words whitespace-normal max-w-none leading-relaxed",
     // Typography - simple Tailwind utilities (no prose)
     "[&_p]:my-1 [&_p]:leading-relaxed",
     "[&_ul]:my-1 [&_ul]:pl-4 [&_ul]:list-disc [&_ul]:list-outside",
@@ -897,7 +897,7 @@ function PromptInput({
         {
           onClick: handleClick,
           className: cn(
-            "border-input bg-background cursor-text rounded-3xl border p-2 shadow-xs",
+            "csdk-input border-input bg-background cursor-text rounded-3xl border p-2 shadow-xs",
             disabled && "cursor-not-allowed opacity-60",
             className
           ),
@@ -957,7 +957,7 @@ function PromptInputTextarea({
       onChange: handleChange,
       onKeyDown: handleKeyDown,
       className: cn(
-        "text-foreground min-h-[44px] w-full resize-none border-none bg-transparent shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+        "csdk-input-textarea text-foreground min-h-[44px] w-full resize-none border-none bg-transparent shadow-none outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
         className
       ),
       rows: 1,
@@ -2263,12 +2263,12 @@ function FollowUpQuestions({
   if (!questions || questions.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-2 mt-2", className), children: questions.map((question, index) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: cn("csdk-followup flex flex-wrap gap-2 mt-2", className), children: questions.map((question, index) => /* @__PURE__ */ jsx(
     "button",
     {
       onClick: () => onSelect(question),
       className: cn(
-        "px-3 py-1.5 text-sm rounded-full",
+        "csdk-followup-button px-3 py-1.5 text-sm rounded-full",
         "bg-primary/10 hover:bg-primary/20 text-primary",
         "border border-primary/20 hover:border-primary/40",
         "transition-colors duration-150",
@@ -3563,7 +3563,7 @@ function DefaultMessage({
               MessageContent,
               {
                 className: cn(
-                  "rounded-lg px-4 py-2 bg-primary text-primary-foreground",
+                  "csdk-message-user rounded-lg px-4 py-2 bg-primary text-primary-foreground",
                   userMessageClassName
                 ),
                 markdown: true,
@@ -3635,7 +3635,7 @@ function DefaultMessage({
         MessageContent,
         {
           className: cn(
-            "rounded-lg px-4 py-2 bg-muted",
+            "csdk-message-assistant rounded-lg px-4 py-2 bg-muted",
             assistantMessageClassName
           ),
           markdown: true,
@@ -4636,7 +4636,7 @@ function Chat({
                             {
                               htmlFor: fileInputId,
                               className: cn(
-                                "flex h-8 w-8 items-center justify-center rounded-2xl",
+                                "csdk-button-attach flex h-8 w-8 items-center justify-center rounded-2xl",
                                 attachmentsEnabled ? "hover:bg-secondary-foreground/10 cursor-pointer" : "opacity-50 cursor-not-allowed"
                               ),
                               children: [
@@ -4664,7 +4664,7 @@ function Chat({
                         {
                           size: "sm",
                           variant: "destructive",
-                          className: "rounded-full size-9",
+                          className: "csdk-button-stop rounded-full size-9",
                           onClick: onStop,
                           children: /* @__PURE__ */ jsx(StopIcon, { className: "h-4 w-4" })
                         }
@@ -4672,7 +4672,7 @@ function Chat({
                         Button,
                         {
                           size: "sm",
-                          className: "rounded-full size-9",
+                          className: "csdk-button-send rounded-full size-9",
                           onClick: handleSubmit,
                           disabled: !input.trim() && !pendingAttachments.some(
                             (att) => att.status === "ready"