tail

Author: Himanshu-Singh-Chauhan

webview-ui/src/components/chat/ChatRow.tsx

@@ -238,10 +238,12 @@ export const ChatRowContent = ({
 				]
 			case "followup":
 				return [
-					<span
-						className="codicon codicon-question"
-						style={{ color: normalColor, marginBottom: "-1.5px" }}></span>,
-					<span style={{ color: normalColor, fontWeight: "bold" }}>Roo has a question:</span>,
+					<div className="flex items-center gap-2 p-2">
+						<span
+							className="codicon codicon-question"
+							style={{ color: normalColor, marginBottom: "-1.5px" }}></span>
+						,<span style={{ color: normalColor, fontWeight: "bold" }}>Roo has a question:</span>,
+					</div>,
 				]
 			default:
 				return [null, null]

webview-ui/src/components/chat/TaskHeader.tsx

@@ -12,6 +12,7 @@ import { BackspaceIcon, ChatBubbleOvalLeftIcon } from "@heroicons/react/24/outli
 import { vscBadgeBackground, vscEditorBackground, vscInputBackground } from "../ui"
 import { DownloadIcon } from "@radix-ui/react-icons"
 import { ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons"
+import { Tail } from "../ui/tail"
 
 interface TaskHeaderProps {
 	task: ClineMessage
@@ -357,6 +358,7 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 						</div>
 					</>
 				)}
+				<Tail />
 			</div>
 			{/* {apiProvider === "" && (
 				<div

webview-ui/src/components/ui/tail.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+import { cn } from "../../lib/utils"
+import { vscEditorBackground } from "."
+
+interface TailProps extends React.HTMLAttributes<SVGElement> {
+	className?: string
+}
+
+const Tail = React.forwardRef<SVGSVGElement, TailProps>(({ className, ...props }, ref) => {
+	return (
+		<div className="absolute z-10 bottom-[-7px] right-[-4px]">
+			{/* sdfasdf */}
+			<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+				<path
+					d="M10.5 13.7039C6.80663 11.782 7.15173 11.3646 1.74219 11.8676L11.8696 1.70312C11.166 6.11013 12.1259 7.5877 14 9C16.2799 10.7182 16.0686 12.1951 15.2132 13.4846C14.3363 14.8066 12.5221 14.7561 10.5 13.7039Z"
+					fill={vscEditorBackground}
+					// fill="#FFFFFF"
+				/>
+			</svg>
+		</div>
+	)
+})
+
+Tail.displayName = "Tail"
+
+export { Tail }