// Ported from vercel/ai-elements @ main (packages/elements/src/sandbox.tsx). // Customizations applied on import: import-alias rewrites, RTL physical→logical // class swap, Vercel theme-token sweep. See scripts/registry/port-ai-elements.mjs // for the deterministic transforms — re-run to re-sync against upstream. "use client"; import type { ToolUIPart } from "ai"; import { ChevronDownIcon, Code } from "lucide-react"; import type { ComponentProps } from "react"; import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@/components/registry/primitives/core/collapsible"; import { Tabs, TabsContent, TabsList, TabsTrigger, } from "@/components/registry/primitives/core/tabs"; import { cn } from "@/lib/registry/cn"; import { getStatusBadge } from "../chatbot/tool"; export type SandboxRootProps = ComponentProps; export const Sandbox = ({ className, ...props }: SandboxRootProps) => ( ); export interface SandboxHeaderProps { title?: string; state: ToolUIPart["state"]; className?: string; } export const SandboxHeader = ({ className, title, state, ...props }: SandboxHeaderProps) => (


      {title}
      {getStatusBadge(state)}


);

export type SandboxContentProps = ComponentProps;

export const SandboxContent = ({
  className,
  ...props
}: SandboxContentProps) => (
  
);

export type SandboxTabsProps = ComponentProps;

export const SandboxTabs = ({ className, ...props }: SandboxTabsProps) => (
  
);

export type SandboxTabsBarProps = ComponentProps<"div">;

export const SandboxTabsBar = ({
  className,
  ...props
}: SandboxTabsBarProps) => (
  
);

export type SandboxTabsListProps = ComponentProps;

export const SandboxTabsList = ({
  className,
  ...props
}: SandboxTabsListProps) => (
  
);

export type SandboxTabsTriggerProps = ComponentProps;

export const SandboxTabsTrigger = ({
  className,
  ...props
}: SandboxTabsTriggerProps) => (
  
);

export type SandboxTabContentProps = ComponentProps;

export const SandboxTabContent = ({
  className,
  ...props
}: SandboxTabContentProps) => (
  
);

Sandbox

Showcase

Sandbox