@copilotz/chat-ui 0.9.5 → 0.9.6

package/dist/index.js

@@ -1246,25 +1246,45 @@ var Message = memo2(({
           ] })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: `flex-1 min-w-0 ${messageIsUser ? "text-right" : "text-left"} ${horizontalOffsetClass}`, children: [
-          /* @__PURE__ */ jsx9("div", { className: `relative overflow-hidden text-left ${messageIsUser ? "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: isEditing ? /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx9("div", { className: `relative overflow-hidden text-left ${messageIsUser ? isEditing ? "ml-auto flex w-full max-w-[min(42rem,85%)] flex-col rounded-xl border bg-background p-2 text-foreground shadow-sm" : "ml-auto inline-flex max-w-[85%] flex-col rounded-lg bg-primary p-3 text-primary-foreground" : "flex w-full max-w-full flex-col"}`, children: isEditing ? /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
             /* @__PURE__ */ jsx9(
               Textarea,
               {
                 value: editContent,
                 onChange: (e) => setEditContent(e.target.value),
-                className: "min-h-[100px] resize-none",
+                className: "min-h-28 resize-y bg-muted/30 text-sm leading-6",
                 autoFocus: true
               }
             ),
-            /* @__PURE__ */ jsxs5("div", { className: "flex gap-2 justify-end", children: [
-              /* @__PURE__ */ jsxs5(Button, { variant: "outline", size: "sm", onClick: handleCancelEdit, children: [
-                /* @__PURE__ */ jsx9(X, { className: "h-4 w-4 mr-1" }),
-                "Cancelar"
-              ] }),
-              /* @__PURE__ */ jsxs5(Button, { size: "sm", onClick: handleEdit, children: [
-                /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4 mr-1" }),
-                "Salvar"
-              ] })
+            /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsxs5(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8",
+                  onClick: handleCancelEdit,
+                  children: [
+                    /* @__PURE__ */ jsx9(X, { className: "h-4 w-4 mr-1" }),
+                    labels?.cancel || "Cancel"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs5(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  className: "h-8",
+                  onClick: handleEdit,
+                  disabled: !editContent.trim() || editContent.trim() === message.content,
+                  children: [
+                    /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4 mr-1" }),
+                    "Save"
+                  ]
+                }
+              )
             ] })
           ] }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
             !messageIsUser && /* @__PURE__ */ jsx9(
@@ -1300,10 +1320,10 @@ var Message = memo2(({
             ) }),
             message.attachments && message.attachments.length > 0 && /* @__PURE__ */ jsx9("div", { className: "mt-3 space-y-2", children: message.attachments.map((attachment, index) => /* @__PURE__ */ jsx9(MediaRenderer, { attachment }, index)) })
           ] }) }),
-          !isEditing && (showActions || actionsFocused || copied) && (enableCopy || canEdit) && /* @__PURE__ */ jsxs5(
+          !isEditing && (enableCopy || canEdit) && /* @__PURE__ */ jsxs5(
             "div",
             {
-              className: `mt-1 flex items-center gap-1 text-muted-foreground transition-opacity ${messageIsUser ? "justify-end" : "justify-start"}`,
+              className: `mt-1 flex h-7 items-center gap-1 text-muted-foreground transition-opacity duration-150 ${messageIsUser ? "justify-end" : "justify-start"} ${showActions || actionsFocused || copied ? "opacity-100" : "pointer-events-none opacity-0"}`,
               children: [
                 canEdit && /* @__PURE__ */ jsxs5(Tooltip, { children: [
                   /* @__PURE__ */ jsx9(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx9(
@@ -2608,6 +2628,33 @@ var ThreadTagEditorBadge = ({
     }
   );
 };
+var ThreadTagOptionButton = ({
+  tag,
+  assigned,
+  onClick
+}) => {
+  const color = tagColor(tag);
+  return /* @__PURE__ */ jsxs11(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      disabled: assigned,
+      className: "gap-1.5 border font-medium disabled:opacity-70",
+      style: {
+        backgroundColor: color.background,
+        borderColor: color.border,
+        color: color.accent
+      },
+      onClick,
+      children: [
+        /* @__PURE__ */ jsx18(TagDot, { tag }),
+        tag.name
+      ]
+    }
+  );
+};
 var Sidebar2 = ({
   threads,
   currentThreadId,
@@ -3091,14 +3138,11 @@ var Sidebar2 = ({
                   (threadTag) => threadTag.id === tag.id
                 );
                 return /* @__PURE__ */ jsx18(
-                  Button,
+                  ThreadTagOptionButton,
                   {
-                    type: "button",
-                    variant: assigned ? "secondary" : "outline",
-                    size: "sm",
-                    disabled: assigned,
-                    onClick: () => addTagToThread(tagDialogThread, tag),
-                    children: tag.name
+                    tag,
+                    assigned,
+                    onClick: () => addTagToThread(tagDialogThread, tag)
                   },
                   tag.id
                 );