Thinking panel

Usage

"use client";

import { ThinkingPanel } from "@/components/chat/thinking-panel";

export default function Example() {
  return (
    <ThinkingPanel steps={[]} phase="done" searchCount={0} active={false} summaryLabel="Thought for 1.8s" />
  );
}

Source files

• apps/web/src/components/chat/thinking-panel.tsx
• apps/web/src/components/chat/thinking-timeline.tsx

Source code

The implementation used by Ciele, including its supporting components. Original attribution and license notices remain in the files.