assistant-thread

1"use client";
2 
3import {
4  ArrowDownIcon,
5  ArrowUpIcon,
6  BoxIcon,
7  CableIcon,
8  CheckIcon,
9  ChevronLeftIcon,
10  ChevronRightIcon,
11  CoinsIcon,
12  CopyIcon,
13  PencilIcon,
14  RefreshCwIcon,
15  Square,
16  ArrowLeftRightIcon,
17  TrendingUpIcon,
18} from "lucide-react";
19 
20import {
21  ActionBarPrimitive,
22  BranchPickerPrimitive,
23  ComposerPrimitive,
24  ErrorPrimitive,
25  MessagePrimitive,
26  ThreadPrimitive,
27} from "@assistant-ui/react";
28 
29import type { FC } from "react";
30import { useEffect } from "react";
31import { LazyMotion, MotionConfig, domAnimation } from "motion/react";
32import * as m from "motion/react-m";
33 
34import { Button } from "@/components/ui/button";
35import { Skeleton } from "@/components/ui/skeleton";
36import { MarkdownText } from "@/components/assistant-ui/markdown-text";
37import { ToolFallback } from "@/components/assistant-ui/tool-fallback";
38import { AssistantTurnParts } from "@/components/assistant-ui/working-trace";
39import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
40 
41import {
42  cn,
43  useCurrentThreadMetadata,
44  useThreadContext,
45} from "@aomi-labs/react";
46import { useComposerControl } from "@/components/aomi-frame";
47import { AomiMark } from "@/components/aomi-mark";
48import { ModelSelect } from "@/components/control-bar/model-select";
49import { AppSelect } from "@/components/control-bar/app-select";
50import { ApiKeyInput } from "@/components/control-bar/api-key-input";
51import { NetworkSelect } from "@/components/control-bar/network-select";
52import { ConnectButton } from "@/components/control-bar/connect-button";
53import { SecretGate } from "@/components/control-bar/secret-gate";
54import { PaymentRequiredGate } from "@/components/control-bar/payment-required-gate";
55import { shouldShowThreadLoadingSkeleton } from "@/components/assistant-ui/thread-loading";
56import { useThread, useComposerRuntime, useMessage } from "@assistant-ui/react";
57 
58export const Thread: FC = () => {
59  const composerRuntime = useComposerRuntime();
60  const { threadViewKey } = useThreadContext();
61 
62  useEffect(() => {
63    try {
64      composerRuntime.setText("");
65    } catch (error) {
66      console.error("Failed to reset composer input:", error);
67    }
68  }, [composerRuntime, threadViewKey]);
69 
70  return (
71    <LazyMotion features={domAnimation}>
72      <MotionConfig reducedMotion="user">
73        <ThreadPrimitive.Root
74          className="aui-root aui-thread-root @container bg-aomi-bg text-aomi-fg relative flex h-full flex-col"
75          style={{
76// … truncated