myoperator-mcp 0.2.288 → 0.2.289

package/dist/index.js

@@ -5343,13 +5343,14 @@ import { cn } from "@/lib/utils";
 export interface ReplyQuoteProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Name of the person being quoted */
   sender: string;
-  /** The quoted message text */
-  message: string;
+  /** The quoted message content */
+  message: React.ReactNode;
 }
 
 const ReplyQuote = React.forwardRef(
   ({ className, sender, message, onClick, onKeyDown, role, tabIndex, "aria-label": ariaLabel, ...props }: ReplyQuoteProps, ref: React.Ref<HTMLDivElement>) => {
     const isInteractive = !!onClick;
+    const messageLabel = typeof message === "string" ? \`: \${message}\` : "";
 
     const handleKeyDown = React.useCallback(
       (e: React.KeyboardEvent<HTMLDivElement>) => {
@@ -5368,21 +5369,21 @@ const ReplyQuote = React.forwardRef(
       <div
         ref={ref}
         className={cn(
-          "w-full bg-semantic-bg-ui border-l-[3px] border-solid border-semantic-border-accent rounded-sm px-4 py-1.5 mb-2 h-[56px] flex flex-col justify-center cursor-pointer hover:bg-semantic-bg-hover transition-colors",
-          isInteractive && "focus-visible:ring-2 focus-visible:ring-semantic-border-focus focus-visible:ring-offset-1 focus-visible:outline-none",
+          "tw-w-full tw-min-w-0 tw-bg-[var(--semantic-bg-ui,#F5F5F5)] tw-border-l-[3px] tw-border-solid tw-border-[var(--semantic-border-accent,#27ABB8)] tw-rounded-sm tw-px-4 tw-py-1.5 tw-mb-2 tw-h-[56px] tw-flex tw-flex-col tw-justify-center tw-gap-0 tw-overflow-hidden tw-cursor-pointer hover:tw-bg-[var(--semantic-bg-hover,#D5D7DA)] tw-transition-colors",
+          isInteractive && "focus-visible:tw-ring-2 focus-visible:tw-ring-[var(--semantic-border-focus,#2BBCCA)] focus-visible:tw-ring-offset-1 focus-visible:tw-outline-none",
           className
         )}
         role={role ?? (isInteractive ? "button" : undefined)}
         tabIndex={tabIndex ?? (isInteractive ? 0 : undefined)}
         onClick={onClick}
         onKeyDown={isInteractive ? handleKeyDown : onKeyDown}
-        aria-label={ariaLabel ?? \`Quoted reply from \${sender}: \${message}\`}
+        aria-label={ariaLabel ?? \`Quoted reply from \${sender}\${messageLabel}\`}
         {...props}
       >
-        <p className="text-[14px] font-semibold text-semantic-text-primary truncate leading-5 tracking-[0.014px] m-0">
+        <p className="tw-m-0 tw-min-w-0 tw-shrink-0 tw-truncate tw-text-[14px] tw-font-semibold tw-leading-5 tw-tracking-[0.014px] tw-text-[var(--semantic-text-primary,#181D27)]">
           {sender}
         </p>
-        <p className="text-[14px] text-semantic-text-muted truncate m-0">
+        <p className="tw-m-0 tw-min-h-0 tw-min-w-0 tw-flex-1 tw-truncate tw-text-[14px] tw-leading-5 tw-text-[var(--semantic-text-muted,#717680)]">
           {message}
         </p>
       </div>
@@ -5391,8 +5392,7 @@ const ReplyQuote = React.forwardRef(
 );
 ReplyQuote.displayName = "ReplyQuote";
 
-export { ReplyQuote };
-`,
+export { ReplyQuote };`,
   "select-field": `import * as React from "react";
 import { Loader2, Search } from "lucide-react";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myoperator-mcp",
-  "version": "0.2.288",
+  "version": "0.2.289",
   "description": "MCP server for myOperator UI components - enables AI assistants to access component metadata, examples, and design tokens",
   "type": "module",
   "bin": "./dist/index.js",