@springbrand/message-panel 0.1.3-alpha.1 → 0.1.3-alpha.10

package/src/camel/camel-prompt-input.tsx

@@ -39,6 +39,7 @@ import {
   type ReactNode,
 } from "react";
 import { ComposerTriggerPopover } from "../composer/composer-trigger-popover";
+import { isComposingKeyEvent } from "../composer/key-rules";
 import type { ComposerCommand } from "../composer/types";
 import { cn } from "../internal/cn";
 
@@ -345,7 +346,7 @@ function CamelPromptInputContent({
     if (
       event.key === "Enter" &&
       !event.shiftKey &&
-      !event.nativeEvent.isComposing
+      !isComposingKeyEvent(event.nativeEvent)
     ) {
       event.preventDefault();
       submit();

package/src/chat-summary-panel.tsx

@@ -103,7 +103,7 @@ export function ChatSummaryPanel({
   return (
     <aside
       className={cn(
-        "w-[19rem] min-w-0 max-w-full overflow-hidden rounded-2xl border border-border bg-popover shadow-card",
+        "absolute right-3 top-11 z-30 w-[19rem] min-w-0 max-w-[calc(100%-1.5rem)] overflow-hidden rounded-2xl border border-border bg-popover shadow-card",
         "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-200 motion-reduce:animate-none",
         className,
       )}

package/src/composer/chat-composer.tsx

@@ -10,6 +10,7 @@ import {
   type KeyboardEvent,
 } from "react";
 import { cn } from "../internal/cn";
+import { isComposingKeyEvent } from "./key-rules";
 import { Composer } from "./composer";
 import type {
   ChatComposerProps,
@@ -152,7 +153,7 @@ function ChatComposerInner<TAttachment>(
     if (
       (event.key === "Enter" &&
         !event.shiftKey &&
-        !event.nativeEvent.isComposing) ||
+        !isComposingKeyEvent(event.nativeEvent)) ||
       event.key === "Tab"
     ) {
       const command = filtered[active] ?? filtered[0];

package/src/composer/composer-trigger-popover.tsx

@@ -156,7 +156,7 @@ function Items({
                     {item.label}
                   </span>
                   {item.description && (
-                    <span className="ms-5.5 text-xs leading-tight text-muted-foreground">
+                    <span className="ms-5.5 w-full truncate text-xs leading-tight text-muted-foreground">
                       {item.description}
                     </span>
                   )}

package/src/composer/composer.tsx

@@ -26,6 +26,7 @@ import {
   Attachments,
 } from "./composer-attachments";
 import { useComposerDrop } from "./drop-controller";
+import { isComposingKeyEvent } from "./key-rules";
 import type {
   ComposerAttachmentView,
   ComposerProps,
@@ -247,7 +248,7 @@ function ComposerInner<TAttachment>(
     if (
       event.key === "Enter" &&
       !event.shiftKey &&
-      !event.nativeEvent.isComposing
+      !isComposingKeyEvent(event.nativeEvent)
     ) {
       event.preventDefault();
       if (canSend) void submit();

package/src/composer/index.ts

@@ -3,4 +3,5 @@ export * from "./composer-attachments";
 export * from "./composer-trigger-popover";
 export * from "./chat-composer";
 export * from "./drop-controller";
+export * from "./key-rules";
 export * from "./types";

package/src/composer/key-rules.ts

@@ -0,0 +1,12 @@
+/**
+ * Whether Enter belongs to an input method rather than to the Composer.
+ *
+ * Both signals are honoured on their own: some Chinese input methods report only the
+ * legacy `keyCode === 229`, and either one alone means a word is still being composed.
+ */
+export function isComposingKeyEvent(event: {
+  isComposing?: boolean;
+  keyCode?: number;
+}): boolean {
+  return event.isComposing === true || event.keyCode === 229;
+}

package/src/message.tsx

@@ -85,13 +85,6 @@ export const MessageAction = forwardRef<HTMLButtonElement, MessageActionProps>(
 MessageAction.displayName = "MessageAction";
 
 const streamdownPlugins = { cjk, code, math, mermaid };
-const streamAnimation = {
-  animation: "fadeIn",
-  sep: "word",
-  duration: 260,
-  stagger: 14,
-} as const;
-
 export type MessageResponseProps = StreamdownProps & {
   streaming?: boolean;
   resolveUrl?: MessageUrlResolver;
@@ -146,7 +139,6 @@ export const MessageResponse = memo(
         ? {
             mode: "streaming" as const,
             isAnimating: true,
-            animated: streamAnimation,
           }
         : { mode: "static" as const })}
       {...props}

package/src/styles/index.css

@@ -2128,7 +2128,10 @@
   min-height: 120px;
   gap: 0;
   border-radius: 16px;
-  background: #1c1c1a;
+  /* 这里曾写死 #1c1c1a,于是 light 档下输入框还是近黑的。
+     表面色一律走 token:--mp-card → --card(light #fff / dark #1c1c1c)。
+     本节其余几个写死色是状态/图标强调色(琥珀、蓝),两档背景上都读得出来,不在此列。 */
+  background: var(--mp-card);
   box-shadow: none;
 }