wx44wx/fullstack-langgraph-quickstart
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update model without structure output

Browse Source
This commit is contained in:
Xin Wang
2026-03-31 08:49:32 +08:00
parent 00ef163767
commit 2219d82eb6
8 changed files with 89 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/ActivityTimeline.tsx
View File

@@ -59,7 +59,7 @@ export function ActivityTimeline({
}, [isLoading, processedEvents]);
return (
<Card className="border-none rounded-lg bg-neutral-700 max-h-96">
<Card className="w-full min-w-0 border-none rounded-lg bg-neutral-700 max-h-96">
<CardHeader>
<CardDescription className="flex items-center justify-between">
<div
@@ -76,7 +76,7 @@ export function ActivityTimeline({
</CardDescription>
</CardHeader>
{!isTimelineCollapsed && (
<ScrollArea className="max-h-96 overflow-y-auto">
<ScrollArea className="w-full max-h-96 overflow-y-auto">
<CardContent>
{isLoading && processedEvents.length === 0 && (
<div className="relative pl-8 pb-4">

8
frontend/src/components/ChatMessagesView.tsx
View File

@@ -187,9 +187,9 @@ const AiMessageBubble: React.FC<AiMessageBubbleProps> = ({
const isLiveActivityForThisBubble = isLastMessage && isOverallLoading;
return (
<div className={`relative break-words flex flex-col`}>
<div className="relative flex w-full min-w-0 max-w-[85%] break-words flex-col md:max-w-[80%]">
{activityForThisBubble && activityForThisBubble.length > 0 && (
<div className="mb-3 border-b border-neutral-700 pb-3 text-xs">
<div className="mb-3 w-full min-w-0 border-b border-neutral-700 pb-3 text-xs">
<ActivityTimeline
processedEvents={activityForThisBubble}
isLoading={isLiveActivityForThisBubble}
@@ -289,12 +289,12 @@ export function ChatMessagesView({
{isLoading &&
(messages.length === 0 ||
messages[messages.length - 1].type === "human") && (
<div className="flex items-start gap-3 mt-3">
<div className="mt-3 flex items-start gap-3">
{" "}
{/* AI message row structure */}
<div className="relative group max-w-[85%] md:max-w-[80%] rounded-xl p-3 shadow-sm break-words bg-neutral-800 text-neutral-100 rounded-bl-none w-full min-h-[56px]">
{liveActivityEvents.length > 0 ? (
<div className="text-xs">
<div className="w-full min-w-0 text-xs">
<ActivityTimeline
processedEvents={liveActivityEvents}
isLoading={true}

6
frontend/src/components/InputForm.tsx
View File

@@ -26,7 +26,7 @@ export const InputForm: React.FC<InputFormProps> = ({
}) => {
const [internalInputValue, setInternalInputValue] = useState("");
const [effort, setEffort] = useState("medium");
const [model, setModel] = useState("GLM-4.5-Air");
const [model, setModel] = useState("GLM-4.7");
const handleInternalSubmit = (e?: React.FormEvent) => {
if (e) e.preventDefault();
@@ -136,11 +136,11 @@ export const InputForm: React.FC<InputFormProps> = ({
</SelectTrigger>
<SelectContent className="bg-neutral-700 border-neutral-600 text-neutral-300 cursor-pointer">
<SelectItem
value="GLM-4.5-Air"
value="GLM-4.7"
className="hover:bg-neutral-600 focus:bg-neutral-600 cursor-pointer"
>
<div className="flex items-center">
<Zap className="h-4 w-4 mr-2 text-cyan-400" /> GLM-4.5-Air
<Zap className="h-4 w-4 mr-2 text-cyan-400" /> GLM-4.7
</div>
</SelectItem>
</SelectContent>

2
frontend/src/components/WelcomeScreen.tsx
View File

@@ -33,7 +33,7 @@ export const WelcomeScreen: React.FC<WelcomeScreenProps> = ({
/>
</div>
<p className="text-xs text-neutral-500">
Powered by GLM-4.5-Air, Tavily, and LangChain LangGraph.
Powered by GLM-4.7, Tavily, and LangChain LangGraph.
</p>
</div>
);