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 {
border: 1px var(--border-color) solid;
border-radius: 16px;
padding: 8px 16px;
margin: 12px;
}

View File

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