aomi-frame

1"use client";
2 
3import {
4  type CSSProperties,
5  type ReactNode,
6  type FC,
7  createContext,
8  useContext,
9} from "react";
10import {
11  AomiRuntimeProvider,
12  cn,
13  useAomiRuntime,
14  type AomiClientOptions,
15} from "@aomi-labs/react";
16import { Thread } from "@/components/assistant-ui/thread";
17import {
18  ThreadListSidebar,
19  type SidebarProduct,
20} from "@/components/assistant-ui/threadlist-sidebar";
21import { RuntimeTxHandler } from "@/components/runtime-tx-handler";
22import {
23  SidebarInset,
24  SidebarProvider,
25  SidebarTrigger,
26} from "@/components/ui/sidebar";
27import { ControlBar, type ControlBarProps } from "@/components/control-bar";
28import type { WalletAccountMenuOptions } from "@/components/control-bar/account-menu-types";
29import { safeEnv } from "../lib/wallet-kit/env";
30 
31// =============================================================================
32// Composer Control Context - signals Thread to show inline controls
33// =============================================================================
34 
35type ComposerControlContextValue = {
36  enabled: boolean;
37  controlBarProps?: Omit<ControlBarProps, "children">;
38  welcomeTitle?: string;
39};
40 
41const ComposerControlContext = createContext<ComposerControlContextValue>({
42  enabled: false,
43});
44 
45export const useComposerControl = () => useContext(ComposerControlContext);
46// =============================================================================
47// Types
48// =============================================================================
49 
50type RootProps = {
51  children?: ReactNode;
52  width?: CSSProperties["width"];
53  height?: CSSProperties["height"];
54  className?: string;
55  style?: CSSProperties;
56  /** Position of the wallet button in the sidebar */
57  walletPosition?: "header" | "footer" | null;
58  /** Which wallet families to show as dual slots (omit for single-family mode) */
59  walletFamilies?: Array<"evm" | "solana">;
60  /** Optional account menu on the sidebar wallet chip (portal supplies live data). */
61  walletAccountMenu?: WalletAccountMenuOptions;
62  /** Products in the sidebar wordmark dropdown. Pass `null` for a plain wordmark. */
63  products?: SidebarProduct[] | null;
64  /** Which product this frame is, for the wordmark badge (default: "chat"). */
65  currentProductId?: string;
66  /** Whether to show the thread list sidebar (default: true) */
67  showSidebar?: boolean;
68  /** Whether the thread list sidebar starts expanded (default: true) */
69  defaultSidebarOpen?: boolean;
70  /** Backend URL for the Aomi runtime */
71// … truncated