Simplify the train of thought UI

This commit is contained in:
sabaimran
2025-01-28 22:00:09 -08:00
parent 59f0873232
commit 01faae0299
2 changed files with 3 additions and 6 deletions

View File

@@ -13,8 +13,6 @@ div.agentIndicator a {
} }
div.trainOfThought { div.trainOfThought {
border: 1px var(--border-color) solid;
border-radius: 16px;
padding: 8px 16px; padding: 8px 16px;
margin: 12px; margin: 12px;
} }

View File

@@ -13,7 +13,7 @@ import { ScrollArea } from "@/components/ui/scroll-area";
import { InlineLoading } from "../loading/loading"; import { InlineLoading } from "../loading/loading";
import { Lightbulb, ArrowDown, XCircle, CaretDown } from "@phosphor-icons/react"; import { Lightbulb, ArrowDown, CaretDown, CaretUp } from "@phosphor-icons/react";
import AgentProfileCard from "../profileCard/profileCard"; import AgentProfileCard from "../profileCard/profileCard";
import { getIconFromIconName } from "@/app/common/iconUtils"; import { getIconFromIconName } from "@/app/common/iconUtils";
@@ -63,7 +63,7 @@ function TrainOfThoughtComponent(props: TrainOfThoughtComponentProps) {
return ( return (
<div <div
className={`${!collapsed ? styles.trainOfThought + " shadow-sm" : ""}`} className={`${!collapsed ? styles.trainOfThought + " border" : ""} rounded-lg`}
key={props.keyId} key={props.keyId}
> >
{!props.completed && <InlineLoading className="float-right" />} {!props.completed && <InlineLoading className="float-right" />}
@@ -84,8 +84,7 @@ function TrainOfThoughtComponent(props: TrainOfThoughtComponentProps) {
variant="ghost" variant="ghost"
size="sm" size="sm"
> >
<XCircle size={16} className="mr-1" /> Close <CaretUp size={16} className="ml-1" />
Close
</Button> </Button>
))} ))}
{!collapsed && {!collapsed &&