marketing-shibata50/multica
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(web): adapt chat page for extracted shared hooks

Browse source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Naiyuan Qing 2026-02-05 17:51:00 +08:00
parent 607adeb667
commit bece8f0545
2 changed files with 3 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

6
apps/web/components/pages/chat-page.tsx
View file

@ -5,7 +5,7 @@ import { Loading } from "@multica/ui/components/ui/loading";
import { ChatView } from "@multica/ui/components/chat-view";
import { DevicePairing } from "@multica/ui/components/device-pairing";
import { useGatewayConnection } from "@multica/hooks/use-gateway-connection";
import { useChat } from "@multica/hooks/use-chat";
import { useGatewayChat } from "@multica/hooks/use-gateway-chat";
const ChatPage = () => {
const { pageState, connectionState, identity, error, client, pairingKey, connect, disconnect } =
@ -45,7 +45,6 @@ const ChatPage = () => {
);
};
/** Thin wrapper that wires useChat hook to the shared ChatView */
function ConnectedChat({
client,
hubId,
@ -57,8 +56,7 @@ function ConnectedChat({
agentId: string;
onDisconnect: () => void;
}) {
const chat = useChat({ client, hubId, agentId });
const chat = useGatewayChat({ client, hubId, agentId });
return <ChatView {...chat} onDisconnect={onDisconnect} />;
}

2
packages/ui/src/components/message-list.tsx
View file

@ -55,7 +55,7 @@ export const MessageList = memo(function MessageList({ messages, streamingIds }:
}, [messages])
return (
<div className="relative p-6 max-w-4xl mx-auto">
<div className="relative p-6 px-10 max-w-4xl mx-auto">
{messages.map((msg) => {
// ToolResult messages → render as tool execution item
if (msg.role === "toolResult") {