@flowtomic/ui 0.1.14 → 0.2.0

package/dist/components/molecules/data-display/chat-message/chat-message.d.ts

@@ -0,0 +1,39 @@
+/**
+ * ChatMessage Component - Flowtomic UI
+ *
+ * Componente genérico de mensagem de chat com suporte a markdown,
+ * tipos de mensagem customizáveis, badges e context menu
+ */
+import type { HTMLAttributes } from "react";
+import * as React from "react";
+export interface ChatMessageData {
+    id: string | number;
+    content: string;
+    sender: string;
+    timestamp: Date | string;
+    messageType?: string;
+    isSummary?: boolean;
+}
+export interface ChatMessageProps extends HTMLAttributes<HTMLDivElement> {
+    message: ChatMessageData;
+    onEdit?: (id: string | number) => void;
+    onDelete?: (id: string | number) => void;
+    onViewContext?: (id: string | number) => void;
+    renderMarkdown?: boolean;
+    messageTypeConfig?: Record<string, {
+        label: string;
+        badgeClassName?: string;
+        containerClassName?: string;
+        senderClassName?: string;
+    }>;
+    senderConfig?: Record<string, {
+        containerClassName?: string;
+        senderClassName?: string;
+        isSystem?: boolean;
+    }>;
+    formatTimestamp?: (timestamp: Date | string) => string;
+    showActions?: boolean;
+    showTimestamp?: boolean;
+}
+export declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=chat-message.d.ts.map

package/dist/components/molecules/data-display/chat-message/chat-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/chat-message/chat-message.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CACxB,MAAM,EACN;QACE,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CACF,CAAC;IACF,YAAY,CAAC,EAAE,MAAM,CACnB,MAAM,EACN;QACE,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CACF,CAAC;IACF,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA0CD,eAAO,MAAM,WAAW,yFAgKvB,CAAC"}

package/dist/components/molecules/data-display/chat-message/chat-message.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * ChatMessage Component - Flowtomic UI
+ *
+ * Componente genérico de mensagem de chat com suporte a markdown,
+ * tipos de mensagem customizáveis, badges e context menu
+ */
+import { Edit, Eye, MoreVertical, Trash2 } from "lucide-react";
+import * as React from "react";
+import ReactMarkdown from "react-markdown";
+import { cn } from "@/lib/utils";
+import { Badge, Button } from "../../../atoms";
+import { ContextMenu, ContextMenuContent, ContextMenuItem, ContextMenuTrigger, } from "../../../atoms/actions/context-menu";
+const defaultMessageTypeConfig = {
+    STORY: {
+        label: "STORY",
+        badgeClassName: "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300",
+        containerClassName: "bg-blue-100 dark:bg-blue-900/30 border-blue-500",
+        senderClassName: "text-blue-700 dark:text-blue-300",
+    },
+    ACTION: {
+        label: "ACTION",
+        badgeClassName: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-300",
+        containerClassName: "bg-yellow-50 dark:bg-yellow-900/20 border-yellow-500",
+        senderClassName: "text-yellow-700 dark:text-yellow-400",
+    },
+    SAY: {
+        label: "SAY",
+        badgeClassName: "bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300",
+        containerClassName: "bg-emerald-50 dark:bg-emerald-900/20 border-emerald-500",
+        senderClassName: "text-emerald-700 dark:text-emerald-400",
+    },
+};
+const defaultSenderConfig = {
+    Sistema: {
+        containerClassName: "text-center text-gray-500 dark:text-gray-400 text-sm italic",
+        isSystem: true,
+    },
+    Mestre: {
+        containerClassName: "bg-blue-100 dark:bg-blue-900/30 border-l-4 border-blue-500 p-4 rounded-r",
+        senderClassName: "text-blue-700 dark:text-blue-300 text-sm font-medium",
+    },
+    Narrador: {
+        containerClassName: "bg-blue-100 dark:bg-blue-900/30 border-l-4 border-blue-500 p-4 rounded-r",
+        senderClassName: "text-blue-700 dark:text-blue-300 text-sm font-medium",
+    },
+};
+const defaultFormatTimestamp = (timestamp) => {
+    return new Date(timestamp).toLocaleString();
+};
+export const ChatMessage = React.forwardRef(({ message, onEdit, onDelete, onViewContext, renderMarkdown = true, messageTypeConfig = defaultMessageTypeConfig, senderConfig = defaultSenderConfig, formatTimestamp = defaultFormatTimestamp, showActions = true, showTimestamp = true, className, ...props }, ref) => {
+    const typeConfig = message.messageType ? messageTypeConfig[message.messageType] : undefined;
+    const senderCfg = senderConfig[message.sender] || {
+        containerClassName: "bg-gray-100 dark:bg-gray-800/50 border-l-4 border-yellow-500 p-4 rounded-r",
+        senderClassName: "text-yellow-600 dark:text-yellow-400",
+    };
+    const isSystem = senderCfg.isSystem || message.sender === "Sistema";
+    const hasActions = showActions && (onEdit || onDelete || onViewContext);
+    const renderTypeBadge = () => {
+        if (!message.messageType || !typeConfig)
+            return null;
+        return (_jsx(Badge, { className: cn("text-[10px] font-medium ml-2", typeConfig.badgeClassName), children: typeConfig.label }));
+    };
+    const renderContent = () => {
+        if (renderMarkdown) {
+            return (_jsx(ReactMarkdown, { components: {
+                    strong: ({ ...props }) => (_jsx("strong", { className: cn("font-bold", typeConfig?.senderClassName || senderCfg.senderClassName), ...props })),
+                    em: ({ ...props }) => _jsx("em", { className: "italic", ...props }),
+                    p: ({ ...props }) => _jsx("span", { ...props }),
+                }, children: message.content }));
+        }
+        return _jsx("span", { children: message.content });
+    };
+    // System message (centered, italic)
+    if (isSystem) {
+        return (_jsxs("div", { ref: ref, id: `message-${message.id}`, className: cn(message.isSummary
+                ? "bg-purple-50 dark:bg-purple-900/20 border-l-4 border-purple-500"
+                : "", senderCfg.containerClassName, className), ...props, children: [renderContent(), showTimestamp && (_jsx("div", { className: "mt-1 text-[10px]", children: formatTimestamp(message.timestamp) }))] }));
+    }
+    // Regular message with actions
+    return (_jsxs("div", { ref: ref, id: `message-${message.id}`, className: cn(message.isSummary
+            ? "bg-purple-50 dark:bg-purple-900/20 border-l-4 border-purple-500"
+            : "", typeConfig?.containerClassName || senderCfg.containerClassName, className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between mb-1", children: [_jsxs("div", { className: cn("text-sm font-medium flex items-center gap-2", typeConfig?.senderClassName || senderCfg.senderClassName), children: [_jsx("span", { children: message.sender }), renderTypeBadge()] }), hasActions && (_jsxs(ContextMenu, { children: [_jsx(ContextMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "p-1 hover:bg-gray-200 dark:hover:bg-gray-700/50 rounded transition-colors", title: "Op\u00E7\u00F5es da mensagem", children: _jsx(MoreVertical, { className: "w-3 h-4" }) }) }), _jsxs(ContextMenuContent, { children: [onEdit && (_jsxs(ContextMenuItem, { onClick: () => onEdit(message.id), children: [_jsx(Edit, { className: "w-4 h-4 mr-2" }), "Editar"] })), onViewContext && (_jsxs(ContextMenuItem, { onClick: () => onViewContext(message.id), children: [_jsx(Eye, { className: "w-4 h-4 mr-2" }), "Ver Contexto"] })), onDelete && (_jsxs(ContextMenuItem, { onClick: () => onDelete(message.id), className: "text-red-400 focus:text-red-400", children: [_jsx(Trash2, { className: "w-4 h-4 mr-2" }), "Excluir"] }))] })] }))] }), _jsx("div", { className: "text-gray-900 dark:text-gray-200", children: renderContent() }), showTimestamp && (_jsx("div", { className: "mt-1 text-[10px] text-gray-500 dark:text-gray-400", children: formatTimestamp(message.timestamp) }))] }));
+});
+ChatMessage.displayName = "ChatMessage";

package/dist/components/molecules/data-display/chat-message/index.d.ts

@@ -0,0 +1,3 @@
+export type { ChatMessageData, ChatMessageProps } from "./chat-message";
+export { ChatMessage } from "./chat-message";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/data-display/chat-message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/chat-message/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/molecules/data-display/chat-message/index.js

@@ -0,0 +1 @@
+export { ChatMessage } from "./chat-message";

package/dist/components/molecules/data-display/message/message.d.ts

@@ -4,10 +4,12 @@
  * Componente de mensagem com branches e attachments
  */
 import type { FileUIPart, UIMessage } from "ai";
+import hardenReactMarkdown from "harden-react-markdown";
 import type { ComponentProps, HTMLAttributes } from "react";
 import * as React from "react";
-import { Streamdown } from "streamdown";
-import { Button } from "../../../atoms";
+import { type Options } from "react-markdown";
+import { Button } from "@/components/atoms";
+import "katex/dist/katex.min.css";
 export type MessageProps = HTMLAttributes<HTMLDivElement> & {
     from: UIMessage["role"];
 };
@@ -40,13 +42,27 @@ export declare const MessageBranchSelector: React.ForwardRefExoticComponent<HTML
     from: UIMessage["role"];
 } & React.RefAttributes<HTMLDivElement>>;
 export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
-export declare const MessageBranchPrevious: React.ForwardRefExoticComponent<Omit<import("../../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const MessageBranchPrevious: React.ForwardRefExoticComponent<Omit<import("@/components/atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type MessageBranchNextProps = ComponentProps<typeof Button>;
-export declare const MessageBranchNext: React.ForwardRefExoticComponent<Omit<import("../../../atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const MessageBranchNext: React.ForwardRefExoticComponent<Omit<import("@/components/atoms").ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
 export declare const MessageBranchPage: React.ForwardRefExoticComponent<MessageBranchPageProps & React.RefAttributes<HTMLSpanElement>>;
-export type MessageResponseProps = ComponentProps<typeof Streamdown>;
-export declare const MessageResponse: any;
+export type MessageResponseProps = HTMLAttributes<HTMLDivElement> & {
+    options?: Options;
+    children: Options["children"];
+    allowedImagePrefixes?: ComponentProps<ReturnType<typeof hardenReactMarkdown>>["allowedImagePrefixes"];
+    allowedLinkPrefixes?: ComponentProps<ReturnType<typeof hardenReactMarkdown>>["allowedLinkPrefixes"];
+    defaultOrigin?: ComponentProps<ReturnType<typeof hardenReactMarkdown>>["defaultOrigin"];
+    parseIncompleteMarkdown?: boolean;
+};
+export declare const MessageResponse: React.NamedExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    options?: Options;
+    children: Options["children"];
+    allowedImagePrefixes?: ComponentProps<ReturnType<typeof hardenReactMarkdown>>["allowedImagePrefixes"];
+    allowedLinkPrefixes?: ComponentProps<ReturnType<typeof hardenReactMarkdown>>["allowedLinkPrefixes"];
+    defaultOrigin?: ComponentProps<ReturnType<typeof hardenReactMarkdown>>["defaultOrigin"];
+    parseIncompleteMarkdown?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 export type MessageAttachmentProps = HTMLAttributes<HTMLDivElement> & {
     data: FileUIPart;
     className?: string;

package/dist/components/molecules/data-display/message/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/message/message.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAC1E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EAAE,MAAM,EAA4D,MAAM,gBAAgB,CAAC;AAGlG,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO;UAHZ,SAAS,CAAC,MAAM,CAAC;wCAexB,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,4FAe1B,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,6JAM1B,CAAC;AAGF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,2GAwBzB,CAAC;AAwBF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,aAAa;oBAJR,MAAM;qBACL,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI;wCAsC/C,CAAC;AAGF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,kGA8BhC,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxE,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;UAH1B,SAAS,CAAC,MAAM,CAAC;wCAwBxB,CAAC;AAGF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,sKAoBhC,CAAC;AAGH,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnE,eAAO,MAAM,iBAAiB,sKAmB7B,CAAC;AAGF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAErE,eAAO,MAAM,iBAAiB,gGAc7B,CAAC;AAGF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAgBrE,eAAO,MAAM,eAAe,EAAE,GAG7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACpE,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB;UALtB,UAAU;gBACJ,MAAM;eACP,MAAM,IAAI;wCAyEtB,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,6JAgB9B,CAAC;AAGF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,6JAU1B,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/data-display/message/message.tsx"],"names":[],"mappings":"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"}

package/dist/components/molecules/data-display/message/message.js

@@ -1,11 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import hardenReactMarkdown from "harden-react-markdown";
 import { ChevronLeftIcon, ChevronRightIcon, PaperclipIcon, XIcon } from "lucide-react";
 import * as React from "react";
-import { createContext, memo, useContext, useEffect, useState } from "react";
-import { Streamdown } from "streamdown";
+import { createContext, isValidElement, memo, useContext, useEffect, useState } from "react";
+import ReactMarkdown from "react-markdown";
+import rehypeKatex from "rehype-katex";
+import remarkGfm from "remark-gfm";
+import remarkMath from "remark-math";
+import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/atoms";
+import { CodeBlock, CodeBlockCopyButton } from "@/components/atoms/code/code-block";
+import { ButtonGroup, ButtonGroupText } from "@/components/molecules/forms/button-group";
 import { cn } from "@/lib/utils";
-import { Button, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../../atoms";
-import { ButtonGroup, ButtonGroupText } from "../../forms/button-group";
+import "katex/dist/katex.min.css";
 export const Message = React.forwardRef(({ className, from, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("group flex w-full max-w-[80%] gap-2", from === "user" ? "is-user ml-auto justify-end" : "is-assistant", className), ...props })));
 Message.displayName = "Message";
 export const MessageContent = React.forwardRef(({ children, className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("is-user:dark flex w-fit flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", className), ...props, children: children })));
@@ -90,12 +96,190 @@ export const MessageBranchPage = React.forwardRef(({ className, ...props }, ref)
     return (_jsxs(ButtonGroupText, { ref: ref, className: cn("border-none bg-transparent text-muted-foreground shadow-none", className), ...props, children: [currentBranch + 1, " of ", totalBranches] }));
 });
 MessageBranchPage.displayName = "MessageBranchPage";
-const MessageResponseComponent = React.forwardRef(({ className, ...props }, _ref) => {
-    const { ref: _, ...streamdownProps } = props;
-    return (_jsx(Streamdown, { className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), ...streamdownProps }));
+/**
+ * Parses markdown text and removes incomplete tokens to prevent partial rendering
+ * of links, images, bold, and italic formatting during streaming.
+ */
+function parseIncompleteMarkdown(text) {
+    if (!text || typeof text !== "string") {
+        return text;
+    }
+    let result = text;
+    // Handle incomplete links and images
+    // Pattern: [...] or ![...] where the closing ] is missing
+    const linkImagePattern = /(!?\[)([^\]]*?)$/;
+    const linkMatch = result.match(linkImagePattern);
+    if (linkMatch) {
+        // If we have an unterminated [ or ![, remove it and everything after
+        const startIndex = result.lastIndexOf(linkMatch[1]);
+        result = result.substring(0, startIndex);
+    }
+    // Handle incomplete bold formatting (**)
+    const boldPattern = /(\*\*)([^*]*?)$/;
+    const boldMatch = result.match(boldPattern);
+    if (boldMatch) {
+        // Count the number of ** in the entire string
+        const asteriskPairs = (result.match(/\*\*/g) || []).length;
+        // If odd number of **, we have an incomplete bold - complete it
+        if (asteriskPairs % 2 === 1) {
+            result = `${result}**`;
+        }
+    }
+    // Handle incomplete italic formatting (__)
+    const italicPattern = /(__)([^_]*?)$/;
+    const italicMatch = result.match(italicPattern);
+    if (italicMatch) {
+        // Count the number of __ in the entire string
+        const underscorePairs = (result.match(/__/g) || []).length;
+        // If odd number of __, we have an incomplete italic - complete it
+        if (underscorePairs % 2 === 1) {
+            result = `${result}__`;
+        }
+    }
+    // Handle incomplete single asterisk italic (*)
+    const singleAsteriskPattern = /(\*)([^*]*?)$/;
+    const singleAsteriskMatch = result.match(singleAsteriskPattern);
+    if (singleAsteriskMatch) {
+        // Count single asterisks that aren't part of **
+        const singleAsterisks = result.split("").reduce((acc, char, index) => {
+            if (char === "*") {
+                // Check if it's part of a ** pair
+                const prevChar = result[index - 1];
+                const nextChar = result[index + 1];
+                if (prevChar !== "*" && nextChar !== "*") {
+                    return acc + 1;
+                }
+            }
+            return acc;
+        }, 0);
+        // If odd number of single *, we have an incomplete italic - complete it
+        if (singleAsterisks % 2 === 1) {
+            result = `${result}*`;
+        }
+    }
+    // Handle incomplete single underscore italic (_)
+    const singleUnderscorePattern = /(_)([^_]*?)$/;
+    const singleUnderscoreMatch = result.match(singleUnderscorePattern);
+    if (singleUnderscoreMatch) {
+        // Count single underscores that aren't part of __
+        const singleUnderscores = result.split("").reduce((acc, char, index) => {
+            if (char === "_") {
+                // Check if it's part of a __ pair
+                const prevChar = result[index - 1];
+                const nextChar = result[index + 1];
+                if (prevChar !== "_" && nextChar !== "_") {
+                    return acc + 1;
+                }
+            }
+            return acc;
+        }, 0);
+        // If odd number of single _, we have an incomplete italic - complete it
+        if (singleUnderscores % 2 === 1) {
+            result = `${result}_`;
+        }
+    }
+    // Handle incomplete inline code blocks (`) - but avoid code blocks (```)
+    const inlineCodePattern = /(`)([^`]*?)$/;
+    const inlineCodeMatch = result.match(inlineCodePattern);
+    if (inlineCodeMatch) {
+        // Check if we're dealing with a code block (triple backticks)
+        const _hasCodeBlockStart = result.includes("```");
+        const codeBlockPattern = /```[\s\S]*?```/g;
+        const _completeCodeBlocks = (result.match(codeBlockPattern) || []).length;
+        const allTripleBackticks = (result.match(/```/g) || []).length;
+        // If we have an odd number of ``` sequences, we're inside an incomplete code block
+        // In this case, don't complete inline code
+        const insideIncompleteCodeBlock = allTripleBackticks % 2 === 1;
+        if (!insideIncompleteCodeBlock) {
+            // Count the number of single backticks that are NOT part of triple backticks
+            let singleBacktickCount = 0;
+            for (let i = 0; i < result.length; i++) {
+                if (result[i] === "`") {
+                    // Check if this backtick is part of a triple backtick sequence
+                    const isTripleStart = result.substring(i, i + 3) === "```";
+                    const isTripleMiddle = i > 0 && result.substring(i - 1, i + 2) === "```";
+                    const isTripleEnd = i > 1 && result.substring(i - 2, i + 1) === "```";
+                    if (!(isTripleStart || isTripleMiddle || isTripleEnd)) {
+                        singleBacktickCount++;
+                    }
+                }
+            }
+            // If odd number of single backticks, we have an incomplete inline code - complete it
+            if (singleBacktickCount % 2 === 1) {
+                result = `${result}\``;
+            }
+        }
+    }
+    // Handle incomplete strikethrough formatting (~~)
+    const strikethroughPattern = /(~~)([^~]*?)$/;
+    const strikethroughMatch = result.match(strikethroughPattern);
+    if (strikethroughMatch) {
+        // Count the number of ~~ in the entire string
+        const tildePairs = (result.match(/~~/g) || []).length;
+        // If odd number of ~~, we have an incomplete strikethrough - complete it
+        if (tildePairs % 2 === 1) {
+            result = `${result}~~`;
+        }
+    }
+    return result;
+}
+// Create a hardened version of ReactMarkdown
+const HardenedMarkdown = hardenReactMarkdown(ReactMarkdown);
+const components = {
+    ol: ({ node, children, className, ...props }) => (_jsx("ol", { className: cn("ml-4 list-outside list-decimal", className), ...props, children: children })),
+    li: ({ node, children, className, ...props }) => (_jsx("li", { className: cn("py-1", className), ...props, children: children })),
+    ul: ({ node, children, className, ...props }) => (_jsx("ul", { className: cn("ml-4 list-outside list-disc", className), ...props, children: children })),
+    hr: ({ node, className, ...props }) => (_jsx("hr", { className: cn("my-6 border-border", className), ...props })),
+    strong: ({ node, children, className, ...props }) => (_jsx("span", { className: cn("font-semibold", className), ...props, children: children })),
+    a: ({ node, children, className, ...props }) => (_jsx("a", { className: cn("font-medium text-primary underline", className), rel: "noreferrer", target: "_blank", ...props, children: children })),
+    h1: ({ node, children, className, ...props }) => (_jsx("h1", { className: cn("mt-6 mb-2 font-semibold text-3xl", className), ...props, children: children })),
+    h2: ({ node, children, className, ...props }) => (_jsx("h2", { className: cn("mt-6 mb-2 font-semibold text-2xl", className), ...props, children: children })),
+    h3: ({ node, children, className, ...props }) => (_jsx("h3", { className: cn("mt-6 mb-2 font-semibold text-xl", className), ...props, children: children })),
+    h4: ({ node, children, className, ...props }) => (_jsx("h4", { className: cn("mt-6 mb-2 font-semibold text-lg", className), ...props, children: children })),
+    h5: ({ node, children, className, ...props }) => (_jsx("h5", { className: cn("mt-6 mb-2 font-semibold text-base", className), ...props, children: children })),
+    h6: ({ node, children, className, ...props }) => (_jsx("h6", { className: cn("mt-6 mb-2 font-semibold text-sm", className), ...props, children: children })),
+    table: ({ node, children, className, ...props }) => (_jsx("div", { className: "my-4 overflow-x-auto", children: _jsx("table", { className: cn("w-full border-collapse border border-border", className), ...props, children: children }) })),
+    thead: ({ node, children, className, ...props }) => (_jsx("thead", { className: cn("bg-muted/50", className), ...props, children: children })),
+    tbody: ({ node, children, className, ...props }) => (_jsx("tbody", { className: cn("divide-y divide-border", className), ...props, children: children })),
+    tr: ({ node, children, className, ...props }) => (_jsx("tr", { className: cn("border-border border-b", className), ...props, children: children })),
+    th: ({ node, children, className, ...props }) => (_jsx("th", { className: cn("px-4 py-2 text-left font-semibold text-sm", className), ...props, children: children })),
+    td: ({ node, children, className, ...props }) => (_jsx("td", { className: cn("px-4 py-2 text-sm", className), ...props, children: children })),
+    blockquote: ({ node, children, className, ...props }) => (_jsx("blockquote", { className: cn("my-4 border-muted-foreground/30 border-l-4 pl-4 text-muted-foreground italic", className), ...props, children: children })),
+    code: ({ node, className, ...props }) => {
+        const inline = node?.position?.start.line === node?.position?.end.line;
+        if (!inline) {
+            return _jsx("code", { className: className, ...props });
+        }
+        return (_jsx("code", { className: cn("rounded bg-muted px-1.5 py-0.5 font-mono text-sm", className), ...props }));
+    },
+    pre: ({ node, className, children }) => {
+        let language = "javascript";
+        if (typeof node?.properties?.className === "string") {
+            const lang = node.properties.className.replace("language-", "");
+            // Validate that it's a valid BundledLanguage, fallback to javascript
+            language = lang || "javascript";
+        }
+        // Extract code content from children safely
+        let code = "";
+        if (isValidElement(children) &&
+            children.props &&
+            typeof children.props.children === "string") {
+            code = children.props.children;
+        }
+        else if (typeof children === "string") {
+            code = children;
+        }
+        return (_jsx(CodeBlock, { className: cn("my-4 h-auto", className), code: code, language: language, children: _jsx(CodeBlockCopyButton, { onCopy: () => console.log("Copied code to clipboard"), onError: () => console.error("Failed to copy code to clipboard") }) }));
+    },
+};
+const MessageResponseComponent = React.forwardRef(({ className, options, children, allowedImagePrefixes, allowedLinkPrefixes, defaultOrigin, parseIncompleteMarkdown: shouldParseIncompleteMarkdown = true, ...props }, ref) => {
+    // Parse the children to remove incomplete markdown tokens if enabled
+    const parsedChildren = typeof children === "string" && shouldParseIncompleteMarkdown
+        ? parseIncompleteMarkdown(children)
+        : children;
+    return (_jsx("div", { ref: ref, className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), ...props, children: _jsx(HardenedMarkdown, { allowedImagePrefixes: allowedImagePrefixes ?? ["*"], allowedLinkPrefixes: allowedLinkPrefixes ?? ["*"], components: components, defaultOrigin: defaultOrigin, rehypePlugins: [rehypeKatex], remarkPlugins: [remarkGfm, remarkMath], ...options, children: parsedChildren }) }));
 });
 MessageResponseComponent.displayName = "MessageResponse";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const MessageResponse = memo(MessageResponseComponent, (prevProps, nextProps) => prevProps.children === nextProps.children);
 export const MessageAttachment = React.forwardRef(({ data, className, onRemove, ...props }, ref) => {
     const filename = data.filename || "";

package/dist/components/molecules/draggable-widget/draggable-widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"draggable-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/draggable-widget/draggable-widget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,4DAiI3B,CAAC"}
+{"version":3,"file":"draggable-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/draggable-widget/draggable-widget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,YAAY,EAAE;QACZ,eAAe,EAAE,MAAM,CAAC;QACxB,aAAa,EAAE,MAAM,CAAC;QACtB,YAAY,EAAE,MAAM,CAAC;QACrB,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IAEF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,4DA0I3B,CAAC"}

package/dist/components/molecules/draggable-widget/draggable-widget.js

@@ -9,7 +9,7 @@ import { useDraggable } from "@dnd-kit/core";
 import { CSS } from "@dnd-kit/utilities";
 import { GripVertical, Settings2, X } from "lucide-react";
 import { memo } from "react";
-import { WidgetResizeHandle } from "@/components/atoms/widget-resize-handle";
+import { WidgetResizeHandle } from "@/components/atoms/layout/widget-resize-handle";
 import { cn } from "@/lib/utils";
 /**
  * Componente de widget arrastável
@@ -39,6 +39,10 @@ export const DraggableWidget = memo(({ widgetId, widgetType, children, isEditMod
         e.stopPropagation();
         onConfigure?.(widgetId);
     };
-    return (_jsxs("div", { ref: setNodeRef, style: style, className: cn("relative group", isDragging && "opacity-50 z-50", isEditMode && "ring-2 ring-primary/20", className), children: [_jsx("div", { className: cn("h-full w-full bg-card rounded-lg border border-border shadow-sm overflow-hidden", isEditMode && "hover:shadow-md transition-shadow"), children: children }), isEditMode && (_jsxs(_Fragment, { children: [_jsx("div", { ...attributes, ...listeners, className: cn("absolute top-2 left-2 p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "cursor-grab active:cursor-grabbing", "opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-background"), "aria-label": "Arrastar widget", children: _jsx(GripVertical, { className: "w-4 h-4 text-muted-foreground" }) }), _jsxs("div", { className: "absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [onConfigure && (_jsx("button", { onClick: handleConfigure, className: cn("p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "hover:bg-background text-muted-foreground hover:text-foreground", "transition-colors"), "aria-label": "Configurar widget", children: _jsx(Settings2, { className: "w-4 h-4" }) })), onRemove && (_jsx("button", { onClick: handleRemove, className: cn("p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "hover:bg-destructive hover:text-destructive-foreground", "text-muted-foreground transition-colors"), "aria-label": "Remover widget", children: _jsx(X, { className: "w-4 h-4" }) }))] }), onResize && (_jsx(WidgetResizeHandle, { widgetId: widgetId, currentWidth: currentWidth, currentHeight: currentHeight, onResize: onResize, cellSize: cellSize, gap: gap }))] }))] }));
+    return (_jsxs("div", { ref: setNodeRef, style: style, className: cn("relative group", isDragging && "opacity-50 z-50", isEditMode && "ring-2 ring-primary/20", className), children: [_jsx("div", { className: cn("h-full w-full bg-card rounded-lg border border-border shadow-sm overflow-hidden", isEditMode && "hover:shadow-md transition-shadow"), children: children }), isEditMode && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", ...attributes, ...listeners, className: cn("absolute top-2 left-2 p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "cursor-grab active:cursor-grabbing", "opacity-0 group-hover:opacity-100 transition-opacity", "hover:bg-background"), tabIndex: 0, "aria-label": "Arrastar widget", onKeyDown: (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                                e.preventDefault();
+                            }
+                        }, children: _jsx(GripVertical, { className: "w-4 h-4 text-muted-foreground" }) }), _jsxs("div", { className: "absolute top-2 right-2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [onConfigure && (_jsx("button", { type: "button", onClick: handleConfigure, className: cn("p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "hover:bg-background text-muted-foreground hover:text-foreground", "transition-colors"), "aria-label": "Configurar widget", children: _jsx(Settings2, { className: "w-4 h-4" }) })), onRemove && (_jsx("button", { type: "button", onClick: handleRemove, className: cn("p-1.5 rounded-md", "bg-background/80 backdrop-blur-sm border border-border", "hover:bg-destructive hover:text-destructive-foreground", "text-muted-foreground transition-colors"), "aria-label": "Remover widget", children: _jsx(X, { className: "w-4 h-4" }) }))] }), onResize && (_jsx(WidgetResizeHandle, { widgetId: widgetId, currentWidth: currentWidth, currentHeight: currentHeight, onResize: onResize, cellSize: cellSize, gap: gap }))] }))] }));
 });
 DraggableWidget.displayName = "DraggableWidget";

package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts

@@ -0,0 +1,20 @@
+/**
+ * EditChatMessageModal Component - Flowtomic UI
+ *
+ * Modal genérico para editar mensagens de chat com validação
+ * de alterações não salvas e exibição de metadados
+ */
+import type * as React from "react";
+import type { ChatMessageData } from "../../data-display/chat-message";
+export interface EditChatMessageModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    message: ChatMessageData | null;
+    onSave: (id: string | number, content: string) => Promise<void> | void;
+    isLoading?: boolean;
+    formatTimestamp?: (timestamp: Date | string) => string;
+    getMessageTypeBadgeClassName?: (messageType?: string) => string;
+    className?: string;
+}
+export declare const EditChatMessageModal: React.FC<EditChatMessageModalProps>;
+//# sourceMappingURL=edit-chat-message-modal.d.ts.map

package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-chat-message-modal.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAEvE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,eAAe,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,MAAM,CAAC;IACvD,4BAA4B,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA4HpE,CAAC"}

package/dist/components/molecules/feedback/edit-chat-message-modal/edit-chat-message-modal.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * EditChatMessageModal Component - Flowtomic UI
+ *
+ * Modal genérico para editar mensagens de chat com validação
+ * de alterações não salvas e exibição de metadados
+ */
+import { Edit, Save } from "lucide-react";
+import { useEffect, useState } from "react";
+import { cn } from "@/lib/utils";
+import { Badge, Button, Dialog, DialogContent, DialogHeader, DialogTitle, Textarea, } from "../../../atoms";
+const defaultFormatTimestamp = (timestamp) => {
+    return new Date(timestamp).toLocaleString();
+};
+const defaultGetMessageTypeBadgeClassName = (messageType) => {
+    switch (messageType) {
+        case "SAY":
+            return "bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-300";
+        case "ACTION":
+            return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300";
+        case "STORY":
+            return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300";
+        default:
+            return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-300";
+    }
+};
+export const EditChatMessageModal = ({ isOpen, onClose, message, onSave, isLoading = false, formatTimestamp = defaultFormatTimestamp, getMessageTypeBadgeClassName = defaultGetMessageTypeBadgeClassName, className, }) => {
+    const [editedContent, setEditedContent] = useState("");
+    const [hasChanges, setHasChanges] = useState(false);
+    useEffect(() => {
+        if (message) {
+            setEditedContent(message.content);
+            setHasChanges(false);
+        }
+    }, [message]);
+    useEffect(() => {
+        if (message) {
+            setHasChanges(editedContent !== message.content);
+        }
+    }, [editedContent, message]);
+    const handleSave = async () => {
+        if (!message || !hasChanges || isLoading)
+            return;
+        try {
+            await onSave(message.id, editedContent);
+            onClose();
+        }
+        catch (error) {
+            console.error("Error saving message:", error);
+            // Error handling should be done by the parent component
+        }
+    };
+    const handleClose = () => {
+        if (hasChanges) {
+            const confirmClose = window.confirm("Você tem alterações não salvas. Deseja realmente fechar?");
+            if (!confirmClose)
+                return;
+        }
+        onClose();
+    };
+    if (!message)
+        return null;
+    return (_jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: _jsxs(DialogContent, { className: cn("max-w-2xl max-h-[80vh] overflow-hidden", className), children: [_jsx(DialogHeader, { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Edit, { className: "w-5 h-5 text-blue-600 dark:text-blue-400" }), _jsx(DialogTitle, { className: "text-lg", children: "Editar Mensagem" })] }) }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "bg-gray-50 dark:bg-gray-800/50 rounded-lg p-3 border", children: _jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("span", { className: "font-medium text-gray-900 dark:text-gray-100", children: message.sender }), message.messageType && (_jsx(Badge, { className: getMessageTypeBadgeClassName(message.messageType), children: message.messageType })), _jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 ml-auto", children: formatTimestamp(message.timestamp) })] }) }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "message-content", className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: "Conte\u00FAdo da Mensagem" }), _jsx(Textarea, { id: "message-content", value: editedContent, onChange: (e) => setEditedContent(e.target.value), className: "min-h-[200px] resize-none", placeholder: "Digite o conte\u00FAdo da mensagem...", disabled: isLoading }), _jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500 dark:text-gray-400", children: [_jsxs("span", { children: [editedContent.length, " caracteres"] }), hasChanges && (_jsx("div", { className: "flex items-center gap-1 text-amber-600 dark:text-amber-400", children: _jsx("span", { children: "\u26A0\uFE0F Altera\u00E7\u00F5es n\u00E3o salvas" }) }))] })] }), _jsxs("div", { className: "flex items-center justify-end gap-2 pt-4 border-t", children: [_jsx(Button, { variant: "outline", onClick: handleClose, disabled: isLoading, children: "Cancelar" }), _jsxs(Button, { onClick: handleSave, disabled: !hasChanges || isLoading || !editedContent.trim(), className: "flex items-center gap-2", children: [isLoading ? (_jsx("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-white" })) : (_jsx(Save, { className: "w-4 h-4" })), "Salvar Altera\u00E7\u00F5es"] })] })] })] }) }));
+};
+EditChatMessageModal.displayName = "EditChatMessageModal";

package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts

@@ -0,0 +1,3 @@
+export type { EditChatMessageModalProps } from "./edit-chat-message-modal";
+export { EditChatMessageModal } from "./edit-chat-message-modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/feedback/edit-chat-message-modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/feedback/edit-chat-message-modal/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/molecules/feedback/edit-chat-message-modal/index.js

@@ -0,0 +1 @@
+export { EditChatMessageModal } from "./edit-chat-message-modal";

package/dist/components/molecules/forms/autocomplete/autocomplete-section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/autocomplete/autocomplete-section.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,mBAAmB,iGAmBxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"autocomplete-section.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/forms/autocomplete/autocomplete-section.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,mBAAmB,iGAkBxB,CAAC;AAIF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/molecules/forms/autocomplete/autocomplete-section.js

@@ -7,7 +7,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "@/lib/utils";
 const AutocompleteSection = React.forwardRef(({ className, title, children, ...props }, ref) => {
-    return (_jsxs("div", { ref: ref, ...props, className: cn("space-y-1", className), role: "group", "aria-label": title, children: [title && (_jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground", children: title })), _jsx("ul", { role: "group", className: "space-y-0.5", children: children })] }));
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: Agrupamento em menu de autocomplete
+    _jsxs("div", { ref: ref, ...props, className: cn("space-y-1", className), role: "group", "aria-label": title, children: [title && (_jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground", children: title })), _jsx("ul", { className: "space-y-0.5", children: children })] }));
 });
 AutocompleteSection.displayName = "AutocompleteSection";
 export { AutocompleteSection };