1

src/components/custom-world-agent/CustomWorldAgentComposer.tsx

@@ -43,7 +43,7 @@ export function CustomWorldAgentComposer({
   };
 
   return (
-    <div className="shrink-0 rounded-[1.75rem] border border-white/10 bg-[#111318]/95 p-4">
+    <div className="shrink-0">
       <div className="relative">
         <textarea
           ref={textareaRef}
@@ -55,16 +55,16 @@ export function CustomWorldAgentComposer({
               submit();
             }
           }}
-          rows={3}
+          rows={2}
           disabled={disabled}
           placeholder="输入消息"
-          className="w-full resize-none rounded-[1.35rem] border border-white/10 bg-black/30 px-4 pb-12 pr-20 pt-3 text-sm leading-6 text-white outline-none transition focus:border-emerald-300/35 disabled:cursor-not-allowed disabled:opacity-60"
+          className="min-h-[5.5rem] w-full resize-none rounded-[1.35rem] border border-white/10 bg-[#111318]/92 px-4 pb-11 pr-18 pt-2.5 text-sm leading-5.5 text-white outline-none transition focus:border-emerald-300/35 disabled:cursor-not-allowed disabled:opacity-60"
         />
         <button
           type="button"
           onClick={submit}
           disabled={disabled || !text.trim()}
-          className="absolute bottom-3 right-3 rounded-full border border-emerald-300/20 bg-emerald-500/10 px-4 py-2 text-sm font-medium text-emerald-100 transition hover:text-white disabled:cursor-not-allowed disabled:opacity-45"
+          className="absolute bottom-2.5 right-2.5 rounded-full border border-emerald-300/20 bg-emerald-500/10 px-3 py-1.5 text-xs font-medium text-emerald-100 transition hover:text-white disabled:cursor-not-allowed disabled:opacity-45"
         >
           发送
         </button>

src/components/custom-world-agent/CustomWorldAgentThread.tsx

@@ -37,7 +37,7 @@ export function CustomWorldAgentThread({
   }, [messages, streamingReplyText, isStreamingReply]);
 
   return (
-    <div className="flex h-full min-h-0 flex-1 flex-col overflow-y-auto rounded-[1.75rem] border border-white/10 bg-[#111318]/95 p-4">
+    <div className="flex h-full min-h-0 flex-1 flex-col overflow-y-auto px-1 py-2 sm:px-2">
       {messages.length === 0 ? (
         <div className="m-auto text-sm text-zinc-400">
           暂无消息
@@ -68,13 +68,13 @@ export function CustomWorldAgentThread({
                   {!isUser &&
                   index === lastAssistantMessageIndex &&
                   visibleRecommendedReplies.length > 0 ? (
-                    <div className="mt-3 flex flex-col gap-2">
+                    <div className="mt-2.5 flex flex-col gap-1.5">
                       {visibleRecommendedReplies.map((reply, replyIndex) => (
                         <button
                           key={`recommended-reply-${replyIndex}-${reply}`}
                           type="button"
                           onClick={() => onRecommendedReply?.(reply)}
-                          className="rounded-2xl border border-white/10 bg-white/5 px-3 py-2 text-left text-xs leading-5 text-zinc-200 transition hover:border-emerald-300/25 hover:text-white"
+                          className="rounded-[0.95rem] border border-white/10 bg-white/5 px-2.5 py-1.5 text-left text-[11px] leading-4.5 text-zinc-200 transition hover:border-emerald-300/25 hover:text-white"
                         >
                           {reply}
                         </button>

src/components/custom-world-agent/CustomWorldAgentWorkspace.interaction.test.tsx

@@ -159,3 +159,34 @@ test('workspace exposes draft action when progress reaches 100', async () => {
     action: 'draft_foundation',
   });
 });
+
+test('workspace submits recommended reply from thread', async () => {
+  const user = userEvent.setup();
+  const onSubmitMessage = vi.fn();
+
+  render(
+    <CustomWorldAgentWorkspace
+      session={{
+        ...baseSession,
+        recommendedReplies: ['继续补充这个世界的核心冲突'],
+      }}
+      activeOperation={null}
+      onBack={() => {}}
+      onSubmitMessage={onSubmitMessage}
+      onExecuteAction={() => {}}
+    />,
+  );
+
+  await user.click(
+    screen.getByRole('button', { name: '继续补充这个世界的核心冲突' }),
+  );
+
+  expect(onSubmitMessage).toHaveBeenCalledWith(
+    expect.objectContaining({
+      text: '继续补充这个世界的核心冲突',
+      quickFillRequested: false,
+      focusCardId: null,
+      selectedCardIds: [],
+    }),
+  );
+});

src/components/custom-world-agent/CustomWorldAgentWorkspace.tsx

@@ -92,6 +92,10 @@ export function CustomWorldAgentWorkspace({
         <div className="h-full min-h-[18rem] lg:min-h-0">
           <CustomWorldAgentThread
             messages={session.messages}
+            recommendedReplies={session.recommendedReplies}
+            onRecommendedReply={(text) => {
+              submitMessage(text);
+            }}
             streamingReplyText={streamingReplyText}
             isStreamingReply={isStreamingReply}
           />