{tooltip}
-
- {children}
-
-);
-
-export type CheckpointIconProps = LucideProps;
-
-export const CheckpointIcon = ({
- className,
- children,
- ...props
-}: CheckpointIconProps) =>
- children ?? (
-
- {children ?? `${current}/${count}`}
-
- );
-};
-
-export type InlineCitationCarouselPrevProps = ComponentProps<"button">;
-
-export const InlineCitationCarouselPrev = ({
- className,
- ...props
-}: InlineCitationCarouselPrevProps) => {
- const api = useCarouselApi();
-
- const handleClick = useCallback(() => {
- if (api) {
- api.scrollPrev();
- }
- }, [api]);
-
- return (
-
- );
-};
-
-export type InlineCitationCarouselNextProps = ComponentProps<"button">;
-
-export const InlineCitationCarouselNext = ({
- className,
- ...props
-}: InlineCitationCarouselNextProps) => {
- const api = useCarouselApi();
-
- const handleClick = useCallback(() => {
- if (api) {
- api.scrollNext();
- }
- }, [api]);
-
- return (
-
- );
-};
-
-export type InlineCitationSourceProps = ComponentProps<"div"> & {
- title?: string;
- url?: string;
- description?: string;
-};
-
-export const InlineCitationSource = ({
- title,
- url,
- description,
- className,
- children,
- ...props
-}: InlineCitationSourceProps) => (
-
- {title && (
-
-);
-
-export type InlineCitationQuoteProps = ComponentProps<"blockquote">;
-
-export const InlineCitationQuote = ({
- children,
- className,
- ...props
-}: InlineCitationQuoteProps) => (
- {title}
- )} - {url && ( -{url}
- )} - {description && ( -- {description} -
- )} - {children} -- {children} --); diff --git a/examples/nextjs-ai-elements-realtime/components/ai-elements/model-selector.tsx b/examples/nextjs-ai-elements-realtime/components/ai-elements/model-selector.tsx deleted file mode 100644 index ef6ebd7e8b8..00000000000 --- a/examples/nextjs-ai-elements-realtime/components/ai-elements/model-selector.tsx +++ /dev/null @@ -1,205 +0,0 @@ -import { - Command, - CommandDialog, - CommandEmpty, - CommandGroup, - CommandInput, - CommandItem, - CommandList, - CommandSeparator, - CommandShortcut, -} from "@/components/ui/command"; -import { - Dialog, - DialogContent, - DialogTitle, - DialogTrigger, -} from "@/components/ui/dialog"; -import { cn } from "@/lib/utils"; -import type { ComponentProps, ReactNode } from "react"; - -export type ModelSelectorProps = ComponentProps
-);
-
-export type ModelSelectorLogoGroupProps = ComponentProps<"div">;
-
-export const ModelSelectorLogoGroup = ({
- className,
- ...props
-}: ModelSelectorLogoGroupProps) => (
- img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground",
- className
- )}
- {...props}
- />
-);
-
-export type ModelSelectorNameProps = ComponentProps<"span">;
-
-export const ModelSelectorName = ({
- className,
- ...props
-}: ModelSelectorNameProps) => (
-
-);
diff --git a/examples/nextjs-ai-elements-realtime/components/ai-elements/node.tsx b/examples/nextjs-ai-elements-realtime/components/ai-elements/node.tsx
deleted file mode 100644
index 75ac59a153f..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ai-elements/node.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import {
- Card,
- CardAction,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card";
-import { cn } from "@/lib/utils";
-import { Handle, Position } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-export type NodeProps = ComponentProps & {
- handles: {
- target: boolean;
- source: boolean;
- };
-};
-
-export const Node = ({ handles, className, ...props }: NodeProps) => (
-
- {handles.target &&
-);
-
-export type NodeHeaderProps = ComponentProps;
-
-export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => (
- ;
-
-export const NodeTitle = (props: NodeTitleProps) => ;
-
-export const NodeDescription = (props: NodeDescriptionProps) => (
- ;
-
-export const NodeAction = (props: NodeActionProps) => ;
-
-export const NodeContent = ({ className, ...props }: NodeContentProps) => (
- ;
-
-export const NodeFooter = ({ className, ...props }: NodeFooterProps) => (
- & {
- query: string;
-};
-
-export const OpenIn = ({ query, ...props }: OpenInProps) => (
-
-
-);
-
-export type OpenInContentProps = ComponentProps;
-
-export const OpenInContent = ({ className, ...props }: OpenInContentProps) => (
- ;
-
-export const OpenInItem = (props: OpenInItemProps) => (
- ;
-
-export const OpenInLabel = (props: OpenInLabelProps) => (
- ;
-
-export const OpenInSeparator = (props: OpenInSeparatorProps) => (
- ;
-
-export const OpenInTrigger = ({ children, ...props }: OpenInTriggerProps) => (
-
- {children ?? (
-
- )}
-
-);
-
-export type OpenInChatGPTProps = ComponentProps;
-
-export const OpenInChatGPT = (props: OpenInChatGPTProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.chatgpt.icon}
- {providers.chatgpt.title}
-
- );
-};
-
-export type OpenInClaudeProps = ComponentProps;
-
-export const OpenInClaude = (props: OpenInClaudeProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.claude.icon}
- {providers.claude.title}
-
- );
-};
-
-export type OpenInT3Props = ComponentProps;
-
-export const OpenInT3 = (props: OpenInT3Props) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.t3.icon}
- {providers.t3.title}
-
- );
-};
-
-export type OpenInSciraProps = ComponentProps;
-
-export const OpenInScira = (props: OpenInSciraProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.scira.icon}
- {providers.scira.title}
-
- );
-};
-
-export type OpenInv0Props = ComponentProps;
-
-export const OpenInv0 = (props: OpenInv0Props) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.v0.icon}
- {providers.v0.title}
-
- );
-};
-
-export type OpenInCursorProps = ComponentProps;
-
-export const OpenInCursor = (props: OpenInCursorProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.cursor.icon}
- {providers.cursor.title}
-
- );
-};
diff --git a/examples/nextjs-ai-elements-realtime/components/ai-elements/panel.tsx b/examples/nextjs-ai-elements-realtime/components/ai-elements/panel.tsx
deleted file mode 100644
index 059cb7ac213..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ai-elements/panel.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { cn } from "@/lib/utils";
-import { Panel as PanelPrimitive } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-type PanelProps = ComponentProps;
-
-export const Panel = ({ className, ...props }: PanelProps) => (
- (null);
-
-const usePlan = () => {
- const context = useContext(PlanContext);
- if (!context) {
- throw new Error("Plan components must be used within Plan");
- }
- return context;
-};
-
-export type PlanProps = ComponentProps & {
- isStreaming?: boolean;
-};
-
-export const Plan = ({
- className,
- isStreaming = false,
- children,
- ...props
-}: PlanProps) => (
-
-
- {children}
-
-
-);
-
-export type PlanHeaderProps = ComponentProps;
-
-export const PlanHeader = ({ className, ...props }: PlanHeaderProps) => (
- ,
- "children"
-> & {
- children: string;
-};
-
-export const PlanTitle = ({ children, ...props }: PlanTitleProps) => {
- const { isStreaming } = usePlan();
-
- return (
-
- {isStreaming ? {children} : children}
-
- );
-};
-
-export type PlanDescriptionProps = Omit<
- ComponentProps,
- "children"
-> & {
- children: string;
-};
-
-export const PlanDescription = ({
- className,
- children,
- ...props
-}: PlanDescriptionProps) => {
- const { isStreaming } = usePlan();
-
- return (
-
- {isStreaming ? {children} : children}
-
- );
-};
-
-export type PlanActionProps = ComponentProps;
-
-export const PlanAction = (props: PlanActionProps) => (
- ;
-
-export const PlanContent = (props: PlanContentProps) => (
-
-
-);
-
-export type PlanFooterProps = ComponentProps<"div">;
-
-export const PlanFooter = (props: PlanFooterProps) => (
- ;
-
-export const PlanTrigger = ({ className, ...props }: PlanTriggerProps) => (
-
-
-
-);
diff --git a/examples/nextjs-ai-elements-realtime/components/ai-elements/queue.tsx b/examples/nextjs-ai-elements-realtime/components/ai-elements/queue.tsx
deleted file mode 100644
index 0c91d1300b5..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ai-elements/queue.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import {
- Collapsible,
- CollapsibleContent,
- CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { cn } from "@/lib/utils";
-import { ChevronDownIcon, PaperclipIcon } from "lucide-react";
-import type { ComponentProps } from "react";
-
-export type QueueMessagePart = {
- type: string;
- text?: string;
- url?: string;
- filename?: string;
- mediaType?: string;
-};
-
-export type QueueMessage = {
- id: string;
- parts: QueueMessagePart[];
-};
-
-export type QueueTodo = {
- id: string;
- title: string;
- description?: string;
- status?: "pending" | "completed";
-};
-
-export type QueueItemProps = ComponentProps<"li">;
-
-export const QueueItem = ({ className, ...props }: QueueItemProps) => (
-
-);
-
-export type QueueItemIndicatorProps = ComponentProps<"span"> & {
- completed?: boolean;
-};
-
-export const QueueItemIndicator = ({
- completed = false,
- className,
- ...props
-}: QueueItemIndicatorProps) => (
-
-);
-
-export type QueueItemContentProps = ComponentProps<"span"> & {
- completed?: boolean;
-};
-
-export const QueueItemContent = ({
- completed = false,
- className,
- ...props
-}: QueueItemContentProps) => (
-
-);
-
-export type QueueItemDescriptionProps = ComponentProps<"div"> & {
- completed?: boolean;
-};
-
-export const QueueItemDescription = ({
- completed = false,
- className,
- ...props
-}: QueueItemDescriptionProps) => (
-
-);
-
-export type QueueItemActionsProps = ComponentProps<"div">;
-
-export const QueueItemActions = ({
- className,
- ...props
-}: QueueItemActionsProps) => (
-
-);
-
-export type QueueItemActionProps = Omit<
- ComponentProps,
- "variant" | "size"
->;
-
-export const QueueItemAction = ({
- className,
- ...props
-}: QueueItemActionProps) => (
-
-);
-
-export type QueueItemAttachmentProps = ComponentProps<"div">;
-
-export const QueueItemAttachment = ({
- className,
- ...props
-}: QueueItemAttachmentProps) => (
-
-);
-
-export type QueueItemImageProps = ComponentProps<"img">;
-
-export const QueueItemImage = ({
- className,
- ...props
-}: QueueItemImageProps) => (
- ![]()
-);
-
-export type QueueItemFileProps = ComponentProps<"span">;
-
-export const QueueItemFile = ({
- children,
- className,
- ...props
-}: QueueItemFileProps) => (
-
- ;
-
-export const QueueList = ({
- children,
- className,
- ...props
-}: QueueListProps) => (
-
-
-);
-
-// QueueSection - collapsible section container
-export type QueueSectionProps = ComponentProps;
-
-export const QueueSection = ({
- className,
- defaultOpen = true,
- ...props
-}: QueueSectionProps) => (
-
-
-
-);
-
-// QueueSectionLabel - label content with icon and count
-export type QueueSectionLabelProps = ComponentProps<"span"> & {
- count?: number;
- label: string;
- icon?: React.ReactNode;
-};
-
-export const QueueSectionLabel = ({
- count,
- label,
- icon,
- className,
- ...props
-}: QueueSectionLabelProps) => (
-
- ;
-
-export const Task = ({
- defaultOpen = true,
- className,
- ...props
-}: TaskProps) => (
- & {
- title: string;
-};
-
-export const TaskTrigger = ({
- children,
- className,
- title,
- ...props
-}: TaskTriggerProps) => (
-
- {children ?? (
-
-);
-
-export type TaskContentProps = ComponentProps;
-
-export const TaskContent = ({
- children,
- className,
- ...props
-}: TaskContentProps) => (
-
-
-);
diff --git a/examples/nextjs-ai-elements-realtime/components/ai-elements/toolbar.tsx b/examples/nextjs-ai-elements-realtime/components/ai-elements/toolbar.tsx
deleted file mode 100644
index b55aa8895d0..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ai-elements/toolbar.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { cn } from "@/lib/utils";
-import { NodeToolbar, Position } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-type ToolbarProps = ComponentProps;
-
-export const Toolbar = ({ className, ...props }: ToolbarProps) => (
- (null);
-
-const useWebPreview = () => {
- const context = useContext(WebPreviewContext);
- if (!context) {
- throw new Error("WebPreview components must be used within a WebPreview");
- }
- return context;
-};
-
-export type WebPreviewProps = ComponentProps<"div"> & {
- defaultUrl?: string;
- onUrlChange?: (url: string) => void;
-};
-
-export const WebPreview = ({
- className,
- children,
- defaultUrl = "",
- onUrlChange,
- ...props
-}: WebPreviewProps) => {
- const [url, setUrl] = useState(defaultUrl);
- const [consoleOpen, setConsoleOpen] = useState(false);
-
- const handleUrlChange = (newUrl: string) => {
- setUrl(newUrl);
- onUrlChange?.(newUrl);
- };
-
- const contextValue: WebPreviewContextValue = {
- url,
- setUrl: handleUrlChange,
- consoleOpen,
- setConsoleOpen,
- };
-
- return (
-
-
- );
-};
-
-export type WebPreviewNavigationProps = ComponentProps<"div">;
-
-export const WebPreviewNavigation = ({
- className,
- children,
- ...props
-}: WebPreviewNavigationProps) => (
- & {
- tooltip?: string;
-};
-
-export const WebPreviewNavigationButton = ({
- onClick,
- disabled,
- tooltip,
- children,
- ...props
-}: WebPreviewNavigationButtonProps) => (
-
-
-
-
-
-
-
-
-
-);
-
-export type WebPreviewUrlProps = ComponentProps;
-
-export const WebPreviewUrl = ({
- value,
- onChange,
- onKeyDown,
- ...props
-}: WebPreviewUrlProps) => {
- const { url, setUrl } = useWebPreview();
- const [inputValue, setInputValue] = useState(url);
-
- // Sync input value with context URL when it changes externally
- useEffect(() => {
- setInputValue(url);
- }, [url]);
-
- const handleChange = (event: React.ChangeEvent) => {
- setInputValue(event.target.value);
- onChange?.(event);
- };
-
- const handleKeyDown = (event: React.KeyboardEvent) => {
- if (event.key === "Enter") {
- const target = event.target as HTMLInputElement;
- setUrl(target.value);
- }
- onKeyDown?.(event);
- };
-
- return (
-
- );
-};
-
-export type WebPreviewBodyProps = ComponentProps<"iframe"> & {
- loading?: ReactNode;
-};
-
-export const WebPreviewBody = ({
- className,
- loading,
- src,
- ...props
-}: WebPreviewBodyProps) => {
- const { url } = useWebPreview();
-
- return (
-
-
-
-
-
-
-
- );
-};
diff --git a/examples/nextjs-ai-elements-realtime/components/ui/alert.tsx b/examples/nextjs-ai-elements-realtime/components/ui/alert.tsx
deleted file mode 100644
index f99164ed4b3..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ui/alert.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const alertVariants = cva(
- "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
- {
- variants: {
- variant: {
- default: "bg-card text-card-foreground",
- destructive:
- "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
- },
- },
- defaultVariants: {
- variant: "default",
- },
- }
-)
-
-function Alert({
- className,
- variant,
- ...props
-}: React.ComponentProps<"div"> & VariantProps) {
- return (
-
- )
-}
-
-function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function AlertDescription({
- className,
- ...props
-}: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-export { Alert, AlertTitle, AlertDescription }
diff --git a/examples/nextjs-ai-elements-realtime/components/ui/card.tsx b/examples/nextjs-ai-elements-realtime/components/ui/card.tsx
deleted file mode 100644
index acf57dc5a53..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ui/card.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-export {
- Card,
- CardHeader,
- CardFooter,
- CardTitle,
- CardAction,
- CardDescription,
- CardContent,
-}
diff --git a/examples/nextjs-ai-elements-realtime/components/ui/carousel.tsx b/examples/nextjs-ai-elements-realtime/components/ui/carousel.tsx
deleted file mode 100644
index 0e05a77ea15..00000000000
--- a/examples/nextjs-ai-elements-realtime/components/ui/carousel.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-"use client"
-
-import * as React from "react"
-import useEmblaCarousel, {
- type UseEmblaCarouselType,
-} from "embla-carousel-react"
-import { ArrowLeft, ArrowRight } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-
-type CarouselApi = UseEmblaCarouselType[1]
-type UseCarouselParameters = Parameters
-type CarouselOptions = UseCarouselParameters[0]
-type CarouselPlugin = UseCarouselParameters[1]
-
-type CarouselProps = {
- opts?: CarouselOptions
- plugins?: CarouselPlugin
- orientation?: "horizontal" | "vertical"
- setApi?: (api: CarouselApi) => void
-}
-
-type CarouselContextProps = {
- carouselRef: ReturnType[0]
- api: ReturnType[1]
- scrollPrev: () => void
- scrollNext: () => void
- canScrollPrev: boolean
- canScrollNext: boolean
-} & CarouselProps
-
-const CarouselContext = React.createContext(null)
-
-function useCarousel() {
- const context = React.useContext(CarouselContext)
-
- if (!context) {
- throw new Error("useCarousel must be used within a ) => {
- if (event.key === "ArrowLeft") {
- event.preventDefault()
- scrollPrev()
- } else if (event.key === "ArrowRight") {
- event.preventDefault()
- scrollNext()
- }
- },
- [scrollPrev, scrollNext]
- )
-
- React.useEffect(() => {
- if (!api || !setApi) return
- setApi(api)
- }, [api, setApi])
-
- React.useEffect(() => {
- if (!api) return
- onSelect(api)
- api.on("reInit", onSelect)
- api.on("select", onSelect)
-
- return () => {
- api?.off("select", onSelect)
- }
- }, [api, onSelect])
-
- return (
-
-
- )
-}
-
-function CarouselContent({ className, ...props }: React.ComponentProps<"div">) {
- const { carouselRef, orientation } = useCarousel()
-
- return (
- ) {
- const { orientation, scrollPrev, canScrollPrev } = useCarousel()
-
- return (
-
- )
-}
-
-function CarouselNext({
- className,
- variant = "outline",
- size = "icon",
- ...props
-}: React.ComponentProps) {
- const { orientation, scrollNext, canScrollNext } = useCarousel()
-
- return (
-
- )
-}
-
-export {
- type CarouselApi,
- Carousel,
- CarouselContent,
- CarouselItem,
- CarouselPrevious,
- CarouselNext,
-}
diff --git a/examples/nextjs-ai-elements-realtime/package-lock.json b/examples/nextjs-ai-elements-realtime/package-lock.json
index 331c57465ec..63371fee243 100644
--- a/examples/nextjs-ai-elements-realtime/package-lock.json
+++ b/examples/nextjs-ai-elements-realtime/package-lock.json
@@ -7,17 +7,14 @@
"name": "@liveblocks-examples/nextjs-ai-elements-realtime",
"license": "Apache-2.0",
"dependencies": {
- "@liveblocks/client": "^3.18.4",
"@liveblocks/node": "^3.18.4",
"@liveblocks/react": "^3.18.4",
"@liveblocks/react-ui": "^3.18.4",
"@radix-ui/react-use-controllable-state": "^1.2.3",
- "@xyflow/react": "^12.11.0",
"ai": "^6.0.205",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
- "embla-carousel-react": "^8.6.0",
"lucide-react": "^0.475.0",
"motion": "^12.40.0",
"nanoid": "^5.1.11",
@@ -29,8 +26,7 @@
"streamdown": "^1.6.11",
"tailwind-merge": "^3.3.1",
"tokenlens": "^1.3.1",
- "use-stick-to-bottom": "^1.1.6",
- "zod": "^4.3.6"
+ "use-stick-to-bottom": "^1.1.6"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
@@ -284,9 +280,6 @@
"cpu": [
"arm"
],
- "libc": [
- "glibc"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -303,9 +296,6 @@
"cpu": [
"arm64"
],
- "libc": [
- "glibc"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -322,9 +312,6 @@
"cpu": [
"ppc64"
],
- "libc": [
- "glibc"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -341,9 +328,6 @@
"cpu": [
"riscv64"
],
- "libc": [
- "glibc"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -360,9 +344,6 @@
"cpu": [
"s390x"
],
- "libc": [
- "glibc"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -379,9 +360,6 @@
"cpu": [
"x64"
],
- "libc": [
- "glibc"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -398,9 +376,6 @@
"cpu": [
"arm64"
],
- "libc": [
- "musl"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -417,9 +392,6 @@
"cpu": [
"x64"
],
- "libc": [
- "musl"
- ],
"license": "LGPL-3.0-or-later",
"optional": true,
"os": [
@@ -436,9 +408,6 @@
"cpu": [
"arm"
],
- "libc": [
- "glibc"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -461,9 +430,6 @@
"cpu": [
"arm64"
],
- "libc": [
- "glibc"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -486,9 +452,6 @@
"cpu": [
"ppc64"
],
- "libc": [
- "glibc"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -511,9 +474,6 @@
"cpu": [
"riscv64"
],
- "libc": [
- "glibc"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -536,9 +496,6 @@
"cpu": [
"s390x"
],
- "libc": [
- "glibc"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -561,9 +518,6 @@
"cpu": [
"x64"
],
- "libc": [
- "glibc"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -586,9 +540,6 @@
"cpu": [
"arm64"
],
- "libc": [
- "musl"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -611,9 +562,6 @@
"cpu": [
"x64"
],
- "libc": [
- "musl"
- ],
"license": "Apache-2.0",
"optional": true,
"os": [
@@ -902,9 +850,6 @@
"cpu": [
"arm64"
],
- "libc": [
- "glibc"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -921,9 +866,6 @@
"cpu": [
"arm64"
],
- "libc": [
- "musl"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -940,9 +882,6 @@
"cpu": [
"x64"
],
- "libc": [
- "glibc"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -959,9 +898,6 @@
"cpu": [
"x64"
],
- "libc": [
- "musl"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -2760,9 +2696,6 @@
"arm64"
],
"dev": true,
- "libc": [
- "glibc"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -2780,9 +2713,6 @@
"arm64"
],
"dev": true,
- "libc": [
- "musl"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -2800,9 +2730,6 @@
"x64"
],
"dev": true,
- "libc": [
- "glibc"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -2820,9 +2747,6 @@
"x64"
],
"dev": true,
- "libc": [
- "musl"
- ],
"license": "MIT",
"optional": true,
"os": [
@@ -2862,6 +2786,72 @@
"node": ">=14.0.0"
}
},
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
+ "version": "1.10.0",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@emnapi/wasi-threads": "1.2.1",
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
+ "version": "1.10.0",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
+ "version": "1.2.1",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
+ "version": "1.1.4",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@tybys/wasm-util": "^0.10.1"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/Brooooooklyn"
+ },
+ "peerDependencies": {
+ "@emnapi/core": "^1.7.1",
+ "@emnapi/runtime": "^1.7.1"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
+ "version": "0.10.2",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
+ "version": "2.8.1",
+ "dev": true,
+ "inBundle": true,
+ "license": "0BSD",
+ "optional": true
+ },
"node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.1.tgz",
@@ -3332,48 +3322,6 @@
"node": ">= 20"
}
},
- "node_modules/@xyflow/react": {
- "version": "12.11.0",
- "resolved": "https://registry.npmjs.org/@xyflow/react/-/react-12.11.0.tgz",
- "integrity": "sha512-na4IO33FSs2OS72hASgZDmTYwFAkef7Z74uBUVrong3ARmQQHfnRUVaCFn1kTt5LbS6pK03TbYjCPGLjLFfziA==",
- "license": "MIT",
- "dependencies": {
- "@xyflow/system": "0.0.77",
- "classcat": "^5.0.3",
- "zustand": "^4.4.0"
- },
- "peerDependencies": {
- "@types/react": ">=17",
- "@types/react-dom": ">=17",
- "react": ">=17",
- "react-dom": ">=17"
- },
- "peerDependenciesMeta": {
- "@types/react": {
- "optional": true
- },
- "@types/react-dom": {
- "optional": true
- }
- }
- },
- "node_modules/@xyflow/system": {
- "version": "0.0.77",
- "resolved": "https://registry.npmjs.org/@xyflow/system/-/system-0.0.77.tgz",
- "integrity": "sha512-qCDCMCQAAgUu8yHnhloHG9F5mwPX5E+Wl8McpYIOPSSXfzFJJoZcwOcsDiAjitVKIg2de1WmJbCHfpcvxprsgg==",
- "license": "MIT",
- "dependencies": {
- "@types/d3-drag": "^3.0.7",
- "@types/d3-interpolate": "^3.0.4",
- "@types/d3-selection": "^3.0.10",
- "@types/d3-transition": "^3.0.8",
- "@types/d3-zoom": "^3.0.8",
- "d3-drag": "^3.0.0",
- "d3-interpolate": "^3.0.1",
- "d3-selection": "^3.0.0",
- "d3-zoom": "^3.0.0"
- }
- },
"node_modules/ai": {
"version": "6.0.205",
"resolved": "https://registry.npmjs.org/ai/-/ai-6.0.205.tgz",
@@ -3508,12 +3456,6 @@
"url": "https://polar.sh/cva"
}
},
- "node_modules/classcat": {
- "version": "5.0.5",
- "resolved": "https://registry.npmjs.org/classcat/-/classcat-5.0.5.tgz",
- "integrity": "sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w==",
- "license": "MIT"
- },
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -4199,34 +4141,6 @@
"@types/trusted-types": "^2.0.7"
}
},
- "node_modules/embla-carousel": {
- "version": "8.6.0",
- "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
- "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
- "license": "MIT"
- },
- "node_modules/embla-carousel-react": {
- "version": "8.6.0",
- "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-8.6.0.tgz",
- "integrity": "sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==",
- "license": "MIT",
- "dependencies": {
- "embla-carousel": "8.6.0",
- "embla-carousel-reactive-utils": "8.6.0"
- },
- "peerDependencies": {
- "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
- }
- },
- "node_modules/embla-carousel-reactive-utils": {
- "version": "8.6.0",
- "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
- "integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
- "license": "MIT",
- "peerDependencies": {
- "embla-carousel": "8.6.0"
- }
- },
"node_modules/enhanced-resolve": {
"version": "5.21.6",
"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.6.tgz",
@@ -4961,9 +4875,6 @@
"arm64"
],
"dev": true,
- "libc": [
- "glibc"
- ],
"license": "MPL-2.0",
"optional": true,
"os": [
@@ -4985,9 +4896,6 @@
"arm64"
],
"dev": true,
- "libc": [
- "musl"
- ],
"license": "MPL-2.0",
"optional": true,
"os": [
@@ -5009,9 +4917,6 @@
"x64"
],
"dev": true,
- "libc": [
- "glibc"
- ],
"license": "MPL-2.0",
"optional": true,
"os": [
@@ -5033,9 +4938,6 @@
"x64"
],
"dev": true,
- "libc": [
- "musl"
- ],
"license": "MPL-2.0",
"optional": true,
"os": [
@@ -7543,15 +7445,6 @@
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
}
},
- "node_modules/use-sync-external-store": {
- "version": "1.6.0",
- "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
- "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
- "license": "MIT",
- "peerDependencies": {
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
- }
- },
"node_modules/uuid": {
"version": "14.0.0",
"resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz",
@@ -7638,38 +7531,11 @@
"resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
"integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==",
"license": "MIT",
+ "peer": true,
"funding": {
"url": "https://github.com/sponsors/colinhacks"
}
},
- "node_modules/zustand": {
- "version": "4.5.7",
- "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz",
- "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==",
- "license": "MIT",
- "dependencies": {
- "use-sync-external-store": "^1.2.2"
- },
- "engines": {
- "node": ">=12.7.0"
- },
- "peerDependencies": {
- "@types/react": ">=16.8",
- "immer": ">=9.0.6",
- "react": ">=16.8"
- },
- "peerDependenciesMeta": {
- "@types/react": {
- "optional": true
- },
- "immer": {
- "optional": true
- },
- "react": {
- "optional": true
- }
- }
- },
"node_modules/zwitch": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/examples/nextjs-ai-elements-realtime/package.json b/examples/nextjs-ai-elements-realtime/package.json
index 80ab631d7da..25f9e434e21 100644
--- a/examples/nextjs-ai-elements-realtime/package.json
+++ b/examples/nextjs-ai-elements-realtime/package.json
@@ -9,17 +9,14 @@
"start": "next start"
},
"dependencies": {
- "@liveblocks/client": "^3.18.4",
"@liveblocks/node": "^3.18.4",
"@liveblocks/react": "^3.18.4",
"@liveblocks/react-ui": "^3.18.4",
"@radix-ui/react-use-controllable-state": "^1.2.3",
- "@xyflow/react": "^12.11.0",
"ai": "^6.0.205",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
- "embla-carousel-react": "^8.6.0",
"lucide-react": "^0.475.0",
"motion": "^12.40.0",
"nanoid": "^5.1.11",
@@ -31,8 +28,7 @@
"streamdown": "^1.6.11",
"tailwind-merge": "^3.3.1",
"tokenlens": "^1.3.1",
- "use-stick-to-bottom": "^1.1.6",
- "zod": "^4.3.6"
+ "use-stick-to-bottom": "^1.1.6"
},
"devDependencies": {
"@tailwindcss/postcss": "^4",
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/artifact.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/artifact.tsx
deleted file mode 100644
index c90cb5fe3dd..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/artifact.tsx
+++ /dev/null
@@ -1,147 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import {
- Tooltip,
- TooltipContent,
- TooltipProvider,
- TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils";
-import { type LucideIcon, XIcon } from "lucide-react";
-import type { ComponentProps, HTMLAttributes } from "react";
-
-export type ArtifactProps = HTMLAttributes;
-
-export const Artifact = ({ className, ...props }: ArtifactProps) => (
-
-);
-
-export type ArtifactHeaderProps = HTMLAttributes;
-
-export const ArtifactHeader = ({
- className,
- ...props
-}: ArtifactHeaderProps) => (
-
-);
-
-export type ArtifactCloseProps = ComponentProps;
-
-export const ArtifactClose = ({
- className,
- children,
- size = "sm",
- variant = "ghost",
- ...props
-}: ArtifactCloseProps) => (
-
-);
-
-export type ArtifactTitleProps = HTMLAttributes;
-
-export const ArtifactTitle = ({ className, ...props }: ArtifactTitleProps) => (
-
-);
-
-export type ArtifactDescriptionProps = HTMLAttributes;
-
-export const ArtifactDescription = ({
- className,
- ...props
-}: ArtifactDescriptionProps) => (
-
-);
-
-export type ArtifactActionsProps = HTMLAttributes;
-
-export const ArtifactActions = ({
- className,
- ...props
-}: ArtifactActionsProps) => (
-
-);
-
-export type ArtifactActionProps = ComponentProps & {
- tooltip?: string;
- label?: string;
- icon?: LucideIcon;
-};
-
-export const ArtifactAction = ({
- tooltip,
- label,
- icon: Icon,
- children,
- className,
- size = "sm",
- variant = "ghost",
- ...props
-}: ArtifactActionProps) => {
- const button = (
-
- );
-
- if (tooltip) {
- return (
-
-
- {button}
-
-
-
-
- );
- }
-
- return button;
-};
-
-export type ArtifactContentProps = HTMLAttributes;
-
-export const ArtifactContent = ({
- className,
- ...props
-}: ArtifactContentProps) => (
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/canvas.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/canvas.tsx
deleted file mode 100644
index 5aa83cb5e73..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/canvas.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Background, ReactFlow, type ReactFlowProps } from "@xyflow/react";
-import type { ReactNode } from "react";
-import "@xyflow/react/dist/style.css";
-
-type CanvasProps = ReactFlowProps & {
- children?: ReactNode;
-};
-
-export const Canvas = ({ children, ...props }: CanvasProps) => (
-
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/checkpoint.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/checkpoint.tsx
deleted file mode 100644
index d9a5d326c88..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/checkpoint.tsx
+++ /dev/null
@@ -1,68 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import { Separator } from "@/components/ui/separator";
-import {
- Tooltip,
- TooltipContent,
- TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils";
-import { BookmarkIcon, type LucideProps } from "lucide-react";
-import type { ComponentProps, HTMLAttributes } from "react";
-
-export type CheckpointProps = HTMLAttributes;
-
-export const Checkpoint = ({
- className,
- children,
- ...props
-}: CheckpointProps) => (
- & {
- tooltip?: string;
-};
-
-export const CheckpointTrigger = ({
- children,
- className,
- variant = "ghost",
- size = "sm",
- tooltip,
- ...props
-}: CheckpointTriggerProps) =>
- tooltip ? (
-
-
-
-
-
- {tooltip}
-
-
- ) : (
-
- );
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/code-block.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/code-block.tsx
deleted file mode 100644
index b6865f0dc4b..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/code-block.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import {
- type ComponentProps,
- createContext,
- type HTMLAttributes,
- useContext,
- useEffect,
- useRef,
- useState,
-} from "react";
-import { type BundledLanguage, codeToHtml, type ShikiTransformer } from "shiki";
-
-type CodeBlockProps = HTMLAttributes & {
- code: string;
- language: BundledLanguage;
- showLineNumbers?: boolean;
-};
-
-type CodeBlockContextType = {
- code: string;
-};
-
-const CodeBlockContext = createContext({
- code: "",
-});
-
-const lineNumberTransformer: ShikiTransformer = {
- name: "line-numbers",
- line(node, line) {
- node.children.unshift({
- type: "element",
- tagName: "span",
- properties: {
- className: [
- "inline-block",
- "min-w-10",
- "mr-4",
- "text-right",
- "select-none",
- "text-muted-foreground",
- ],
- },
- children: [{ type: "text", value: String(line) }],
- });
- },
-};
-
-export async function highlightCode(
- code: string,
- language: BundledLanguage,
- showLineNumbers = false
-) {
- const transformers: ShikiTransformer[] = showLineNumbers
- ? [lineNumberTransformer]
- : [];
-
- return await Promise.all([
- codeToHtml(code, {
- lang: language,
- theme: "one-light",
- transformers,
- }),
- codeToHtml(code, {
- lang: language,
- theme: "one-dark-pro",
- transformers,
- }),
- ]);
-}
-
-export const CodeBlock = ({
- code,
- language,
- showLineNumbers = false,
- className,
- children,
- ...props
-}: CodeBlockProps) => {
- const [html, setHtml] = useState("");
- const [darkHtml, setDarkHtml] = useState("");
- const mounted = useRef(false);
-
- useEffect(() => {
- highlightCode(code, language, showLineNumbers).then(([light, dark]) => {
- if (!mounted.current) {
- setHtml(light);
- setDarkHtml(dark);
- mounted.current = true;
- }
- });
-
- return () => {
- mounted.current = false;
- };
- }, [code, language, showLineNumbers]);
-
- return (
-
-
- );
-};
-
-export type CodeBlockCopyButtonProps = ComponentProps & {
- onCopy?: () => void;
- onError?: (error: Error) => void;
- timeout?: number;
-};
-
-export const CodeBlockCopyButton = ({
- onCopy,
- onError,
- timeout = 2000,
- children,
- className,
- ...props
-}: CodeBlockCopyButtonProps) => {
- const [isCopied, setIsCopied] = useState(false);
- const { code } = useContext(CodeBlockContext);
-
- const copyToClipboard = async () => {
- if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
- onError?.(new Error("Clipboard API not available"));
- return;
- }
-
- try {
- await navigator.clipboard.writeText(code);
- setIsCopied(true);
- onCopy?.();
- setTimeout(() => setIsCopied(false), timeout);
- } catch (error) {
- onError?.(error as Error);
- }
- };
-
- const Icon = isCopied ? CheckIcon : CopyIcon;
-
- return (
-
- );
-};
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/confirmation.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/confirmation.tsx
deleted file mode 100644
index 2ec0aab5785..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/confirmation.tsx
+++ /dev/null
@@ -1,176 +0,0 @@
-"use client";
-
-import { Alert, AlertDescription } from "@/components/ui/alert";
-import { Button } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
-import type { ToolUIPart } from "ai";
-import {
- type ComponentProps,
- createContext,
- type ReactNode,
- useContext,
-} from "react";
-
-type ToolUIPartApproval =
- | {
- id: string;
- approved?: never;
- reason?: never;
- }
- | {
- id: string;
- approved: boolean;
- reason?: string;
- }
- | {
- id: string;
- approved: true;
- reason?: string;
- }
- | {
- id: string;
- approved: true;
- reason?: string;
- }
- | {
- id: string;
- approved: false;
- reason?: string;
- }
- | undefined;
-
-type ConfirmationContextValue = {
- approval: ToolUIPartApproval;
- state: ToolUIPart["state"];
-};
-
-const ConfirmationContext = createContext(
- null
-);
-
-const useConfirmation = () => {
- const context = useContext(ConfirmationContext);
-
- if (!context) {
- throw new Error("Confirmation components must be used within Confirmation");
- }
-
- return context;
-};
-
-export type ConfirmationProps = ComponentProps & {
- approval?: ToolUIPartApproval;
- state: ToolUIPart["state"];
-};
-
-export const Confirmation = ({
- className,
- approval,
- state,
- ...props
-}: ConfirmationProps) => {
- if (!approval || state === "input-streaming" || state === "input-available") {
- return null;
- }
-
- return (
-
-
- );
-};
-
-export type ConfirmationTitleProps = ComponentProps;
-
-export const ConfirmationTitle = ({
- className,
- ...props
-}: ConfirmationTitleProps) => (
- ;
-
-export const ConfirmationAction = (props: ConfirmationActionProps) => (
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/connection.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/connection.tsx
deleted file mode 100644
index bb73356d674..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/connection.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import type { ConnectionLineComponent } from "@xyflow/react";
-
-const HALF = 0.5;
-
-export const Connection: ConnectionLineComponent = ({
- fromX,
- fromY,
- toX,
- toY,
-}) => (
-
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/controls.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/controls.tsx
deleted file mode 100644
index 770a8262aab..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/controls.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import { cn } from "@/lib/utils";
-import { Controls as ControlsPrimitive } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-export type ControlsProps = ComponentProps;
-
-export const Controls = ({ className, ...props }: ControlsProps) => (
- button]:rounded-md [&>button]:border-none! [&>button]:bg-transparent! [&>button]:hover:bg-secondary!",
- className
- )}
- {...props}
- />
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/edge.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/edge.tsx
deleted file mode 100644
index 3cec409d105..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/edge.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import {
- BaseEdge,
- type EdgeProps,
- getBezierPath,
- getSimpleBezierPath,
- type InternalNode,
- type Node,
- Position,
- useInternalNode,
-} from "@xyflow/react";
-
-const Temporary = ({
- id,
- sourceX,
- sourceY,
- targetX,
- targetY,
- sourcePosition,
- targetPosition,
-}: EdgeProps) => {
- const [edgePath] = getSimpleBezierPath({
- sourceX,
- sourceY,
- sourcePosition,
- targetX,
- targetY,
- targetPosition,
- });
-
- return (
- ,
- handlePosition: Position
-) => {
- // Choose the handle type based on position - Left is for target, Right is for source
- const handleType = handlePosition === Position.Left ? "target" : "source";
-
- const handle = node.internals.handleBounds?.[handleType]?.find(
- (h) => h.position === handlePosition
- );
-
- if (!handle) {
- return [0, 0] as const;
- }
-
- let offsetX = handle.width / 2;
- let offsetY = handle.height / 2;
-
- // this is a tiny detail to make the markerEnd of an edge visible.
- // The handle position that gets calculated has the origin top-left, so depending which side we are using, we add a little offset
- // when the handlePosition is Position.Right for example, we need to add an offset as big as the handle itself in order to get the correct position
- switch (handlePosition) {
- case Position.Left:
- offsetX = 0;
- break;
- case Position.Right:
- offsetX = handle.width;
- break;
- case Position.Top:
- offsetY = 0;
- break;
- case Position.Bottom:
- offsetY = handle.height;
- break;
- default:
- throw new Error(`Invalid handle position: ${handlePosition}`);
- }
-
- const x = node.internals.positionAbsolute.x + handle.x + offsetX;
- const y = node.internals.positionAbsolute.y + handle.y + offsetY;
-
- return [x, y] as const;
-};
-
-const getEdgeParams = (
- source: InternalNode,
- target: InternalNode
-) => {
- const sourcePos = Position.Right;
- const [sx, sy] = getHandleCoordsByPosition(source, sourcePos);
- const targetPos = Position.Left;
- const [tx, ty] = getHandleCoordsByPosition(target, targetPos);
-
- return {
- sx,
- sy,
- tx,
- ty,
- sourcePos,
- targetPos,
- };
-};
-
-const Animated = ({ id, source, target, markerEnd, style }: EdgeProps) => {
- const sourceNode = useInternalNode(source);
- const targetNode = useInternalNode(target);
-
- if (!(sourceNode && targetNode)) {
- return null;
- }
-
- const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(
- sourceNode,
- targetNode
- );
-
- const [edgePath] = getBezierPath({
- sourceX: sx,
- sourceY: sy,
- sourcePosition: sourcePos,
- targetX: tx,
- targetY: ty,
- targetPosition: targetPos,
- });
-
- return (
- <>
-
-
-
- );
-};
-
-export const Edge = {
- Temporary,
- Animated,
-};
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/image.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/image.tsx
deleted file mode 100644
index 542812a3287..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/image.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { cn } from "@/lib/utils";
-import type { Experimental_GeneratedImage } from "ai";
-
-export type ImageProps = Experimental_GeneratedImage & {
- className?: string;
- alt?: string;
-};
-
-export const Image = ({
- base64,
- uint8Array,
- mediaType,
- ...props
-}: ImageProps) => (
- 
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/inline-citation.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/inline-citation.tsx
deleted file mode 100644
index 5977081bb43..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/inline-citation.tsx
+++ /dev/null
@@ -1,287 +0,0 @@
-"use client";
-
-import { Badge } from "@/components/ui/badge";
-import {
- Carousel,
- type CarouselApi,
- CarouselContent,
- CarouselItem,
-} from "@/components/ui/carousel";
-import {
- HoverCard,
- HoverCardContent,
- HoverCardTrigger,
-} from "@/components/ui/hover-card";
-import { cn } from "@/lib/utils";
-import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
-import {
- type ComponentProps,
- createContext,
- useCallback,
- useContext,
- useEffect,
- useState,
-} from "react";
-
-export type InlineCitationProps = ComponentProps<"span">;
-
-export const InlineCitation = ({
- className,
- ...props
-}: InlineCitationProps) => (
-
-);
-
-export type InlineCitationTextProps = ComponentProps<"span">;
-
-export const InlineCitationText = ({
- className,
- ...props
-}: InlineCitationTextProps) => (
-
-);
-
-export type InlineCitationCardProps = ComponentProps;
-
-export const InlineCitationCard = (props: InlineCitationCardProps) => (
- & {
- sources: string[];
-};
-
-export const InlineCitationCardTrigger = ({
- sources,
- className,
- ...props
-}: InlineCitationCardTriggerProps) => (
-
-
- {sources[0] ? (
- <>
- {new URL(sources[0]).hostname}{" "}
- {sources.length > 1 && `+${sources.length - 1}`}
-
- ) : (
- "unknown"
- )}
-
-
-);
-
-export type InlineCitationCardBodyProps = ComponentProps<"div">;
-
-export const InlineCitationCardBody = ({
- className,
- ...props
-}: InlineCitationCardBodyProps) => (
- (undefined);
-
-const useCarouselApi = () => {
- const context = useContext(CarouselApiContext);
- return context;
-};
-
-export type InlineCitationCarouselProps = ComponentProps;
-
-export const InlineCitationCarousel = ({
- className,
- children,
- ...props
-}: InlineCitationCarouselProps) => {
- const [api, setApi] = useState();
-
- return (
-
-
- {children}
-
-
- );
-};
-
-export type InlineCitationCarouselContentProps = ComponentProps<"div">;
-
-export const InlineCitationCarouselContent = (
- props: InlineCitationCarouselContentProps
-) => ;
-
-export const ModelSelector = (props: ModelSelectorProps) => (
-
-);
-
-export type ModelSelectorTriggerProps = ComponentProps;
-
-export const ModelSelectorTrigger = (props: ModelSelectorTriggerProps) => (
- & {
- title?: ReactNode;
-};
-
-export const ModelSelectorContent = ({
- className,
- children,
- title = "Model Selector",
- ...props
-}: ModelSelectorContentProps) => (
-
- {title}
-
- {children}
-
-
-);
-
-export type ModelSelectorDialogProps = ComponentProps;
-
-export const ModelSelectorDialog = (props: ModelSelectorDialogProps) => (
- ;
-
-export const ModelSelectorInput = ({
- className,
- ...props
-}: ModelSelectorInputProps) => (
- ;
-
-export const ModelSelectorList = (props: ModelSelectorListProps) => (
- ;
-
-export const ModelSelectorEmpty = (props: ModelSelectorEmptyProps) => (
- ;
-
-export const ModelSelectorGroup = (props: ModelSelectorGroupProps) => (
- ;
-
-export const ModelSelectorItem = (props: ModelSelectorItemProps) => (
- ;
-
-export const ModelSelectorShortcut = (props: ModelSelectorShortcutProps) => (
-
-
- - {children}
- {children}
-
-);
-
-export type TaskItemProps = ComponentProps<"div">;
-
-export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (
-
- {children}
-
-);
-
-export type TaskProps = ComponentProps
-
- )}
- {title}
-
- {children}
-
-
- {children}
-
-
- {children}
-
-);
-
-export type WebPreviewNavigationButtonProps = ComponentProps{tooltip}
-
-
- {loading}
-
- );
-};
-
-export type WebPreviewConsoleProps = ComponentProps<"div"> & {
- logs?: Array<{
- level: "log" | "warn" | "error";
- message: string;
- timestamp: Date;
- }>;
-};
-
-export const WebPreviewConsole = ({
- className,
- logs = [],
- children,
- ...props
-}: WebPreviewConsoleProps) => {
- const { consoleOpen, setConsoleOpen } = useWebPreview();
-
- return (
-
- {logs.length === 0 ? (
-
- No console output
- ) : ( - logs.map((log, index) => ( -
-
- {log.timestamp.toLocaleTimeString()}
- {" "}
- {log.message}
-
- ))
- )}
- {children}
-
- {children}
-
-
-
-
- )
-}
-
-function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
- const { orientation } = useCarousel()
-
- return (
-
- )
-}
-
-function CarouselPrevious({
- className,
- variant = "outline",
- size = "icon",
- ...props
-}: React.ComponentProps{tooltip}
-
- {children}
-
-);
-
-export type CheckpointIconProps = LucideProps;
-
-export const CheckpointIcon = ({
- className,
- children,
- ...props
-}: CheckpointIconProps) =>
- children ?? (
-
-
-
-
-
- {children && (
-
-
- {children}
-
- )}
-
- {children ?? `${current}/${count}`}
-
- );
-};
-
-export type InlineCitationCarouselPrevProps = ComponentProps<"button">;
-
-export const InlineCitationCarouselPrev = ({
- className,
- ...props
-}: InlineCitationCarouselPrevProps) => {
- const api = useCarouselApi();
-
- const handleClick = useCallback(() => {
- if (api) {
- api.scrollPrev();
- }
- }, [api]);
-
- return (
-
- );
-};
-
-export type InlineCitationCarouselNextProps = ComponentProps<"button">;
-
-export const InlineCitationCarouselNext = ({
- className,
- ...props
-}: InlineCitationCarouselNextProps) => {
- const api = useCarouselApi();
-
- const handleClick = useCallback(() => {
- if (api) {
- api.scrollNext();
- }
- }, [api]);
-
- return (
-
- );
-};
-
-export type InlineCitationSourceProps = ComponentProps<"div"> & {
- title?: string;
- url?: string;
- description?: string;
-};
-
-export const InlineCitationSource = ({
- title,
- url,
- description,
- className,
- children,
- ...props
-}: InlineCitationSourceProps) => (
-
- {title && (
-
-);
-
-export type InlineCitationQuoteProps = ComponentProps<"blockquote">;
-
-export const InlineCitationQuote = ({
- children,
- className,
- ...props
-}: InlineCitationQuoteProps) => (
- {title}
- )} - {url && ( -{url}
- )} - {description && ( -- {description} -
- )} - {children} -- {children} --); diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/model-selector.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/model-selector.tsx deleted file mode 100644 index ef6ebd7e8b8..00000000000 --- a/examples/nextjs-ai-spreadsheet/components/ai-elements/model-selector.tsx +++ /dev/null @@ -1,205 +0,0 @@ -import { - Command, - CommandDialog, - CommandEmpty, - CommandGroup, - CommandInput, - CommandItem, - CommandList, - CommandSeparator, - CommandShortcut, -} from "@/components/ui/command"; -import { - Dialog, - DialogContent, - DialogTitle, - DialogTrigger, -} from "@/components/ui/dialog"; -import { cn } from "@/lib/utils"; -import type { ComponentProps, ReactNode } from "react"; - -export type ModelSelectorProps = ComponentProps
-);
-
-export type ModelSelectorLogoGroupProps = ComponentProps<"div">;
-
-export const ModelSelectorLogoGroup = ({
- className,
- ...props
-}: ModelSelectorLogoGroupProps) => (
- img]:rounded-full [&>img]:bg-background [&>img]:p-px [&>img]:ring-1 dark:[&>img]:bg-foreground",
- className
- )}
- {...props}
- />
-);
-
-export type ModelSelectorNameProps = ComponentProps<"span">;
-
-export const ModelSelectorName = ({
- className,
- ...props
-}: ModelSelectorNameProps) => (
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/node.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/node.tsx
deleted file mode 100644
index 75ac59a153f..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/node.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import {
- Card,
- CardAction,
- CardContent,
- CardDescription,
- CardFooter,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card";
-import { cn } from "@/lib/utils";
-import { Handle, Position } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-export type NodeProps = ComponentProps & {
- handles: {
- target: boolean;
- source: boolean;
- };
-};
-
-export const Node = ({ handles, className, ...props }: NodeProps) => (
-
- {handles.target &&
-);
-
-export type NodeHeaderProps = ComponentProps;
-
-export const NodeHeader = ({ className, ...props }: NodeHeaderProps) => (
- ;
-
-export const NodeTitle = (props: NodeTitleProps) => ;
-
-export const NodeDescription = (props: NodeDescriptionProps) => (
- ;
-
-export const NodeAction = (props: NodeActionProps) => ;
-
-export const NodeContent = ({ className, ...props }: NodeContentProps) => (
- ;
-
-export const NodeFooter = ({ className, ...props }: NodeFooterProps) => (
- & {
- query: string;
-};
-
-export const OpenIn = ({ query, ...props }: OpenInProps) => (
-
-
-);
-
-export type OpenInContentProps = ComponentProps;
-
-export const OpenInContent = ({ className, ...props }: OpenInContentProps) => (
- ;
-
-export const OpenInItem = (props: OpenInItemProps) => (
- ;
-
-export const OpenInLabel = (props: OpenInLabelProps) => (
- ;
-
-export const OpenInSeparator = (props: OpenInSeparatorProps) => (
- ;
-
-export const OpenInTrigger = ({ children, ...props }: OpenInTriggerProps) => (
-
- {children ?? (
-
- )}
-
-);
-
-export type OpenInChatGPTProps = ComponentProps;
-
-export const OpenInChatGPT = (props: OpenInChatGPTProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.chatgpt.icon}
- {providers.chatgpt.title}
-
- );
-};
-
-export type OpenInClaudeProps = ComponentProps;
-
-export const OpenInClaude = (props: OpenInClaudeProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.claude.icon}
- {providers.claude.title}
-
- );
-};
-
-export type OpenInT3Props = ComponentProps;
-
-export const OpenInT3 = (props: OpenInT3Props) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.t3.icon}
- {providers.t3.title}
-
- );
-};
-
-export type OpenInSciraProps = ComponentProps;
-
-export const OpenInScira = (props: OpenInSciraProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.scira.icon}
- {providers.scira.title}
-
- );
-};
-
-export type OpenInv0Props = ComponentProps;
-
-export const OpenInv0 = (props: OpenInv0Props) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.v0.icon}
- {providers.v0.title}
-
- );
-};
-
-export type OpenInCursorProps = ComponentProps;
-
-export const OpenInCursor = (props: OpenInCursorProps) => {
- const { query } = useOpenInContext();
- return (
-
-
- {providers.cursor.icon}
- {providers.cursor.title}
-
- );
-};
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/panel.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/panel.tsx
deleted file mode 100644
index 059cb7ac213..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/panel.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { cn } from "@/lib/utils";
-import { Panel as PanelPrimitive } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-type PanelProps = ComponentProps;
-
-export const Panel = ({ className, ...props }: PanelProps) => (
- (null);
-
-const usePlan = () => {
- const context = useContext(PlanContext);
- if (!context) {
- throw new Error("Plan components must be used within Plan");
- }
- return context;
-};
-
-export type PlanProps = ComponentProps & {
- isStreaming?: boolean;
-};
-
-export const Plan = ({
- className,
- isStreaming = false,
- children,
- ...props
-}: PlanProps) => (
-
-
- {children}
-
-
-);
-
-export type PlanHeaderProps = ComponentProps;
-
-export const PlanHeader = ({ className, ...props }: PlanHeaderProps) => (
- ,
- "children"
-> & {
- children: string;
-};
-
-export const PlanTitle = ({ children, ...props }: PlanTitleProps) => {
- const { isStreaming } = usePlan();
-
- return (
-
- {isStreaming ? {children} : children}
-
- );
-};
-
-export type PlanDescriptionProps = Omit<
- ComponentProps,
- "children"
-> & {
- children: string;
-};
-
-export const PlanDescription = ({
- className,
- children,
- ...props
-}: PlanDescriptionProps) => {
- const { isStreaming } = usePlan();
-
- return (
-
- {isStreaming ? {children} : children}
-
- );
-};
-
-export type PlanActionProps = ComponentProps;
-
-export const PlanAction = (props: PlanActionProps) => (
- ;
-
-export const PlanContent = (props: PlanContentProps) => (
-
-
-);
-
-export type PlanFooterProps = ComponentProps<"div">;
-
-export const PlanFooter = (props: PlanFooterProps) => (
- ;
-
-export const PlanTrigger = ({ className, ...props }: PlanTriggerProps) => (
-
-
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/queue.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/queue.tsx
deleted file mode 100644
index 0c91d1300b5..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/queue.tsx
+++ /dev/null
@@ -1,274 +0,0 @@
-"use client";
-
-import { Button } from "@/components/ui/button";
-import {
- Collapsible,
- CollapsibleContent,
- CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { cn } from "@/lib/utils";
-import { ChevronDownIcon, PaperclipIcon } from "lucide-react";
-import type { ComponentProps } from "react";
-
-export type QueueMessagePart = {
- type: string;
- text?: string;
- url?: string;
- filename?: string;
- mediaType?: string;
-};
-
-export type QueueMessage = {
- id: string;
- parts: QueueMessagePart[];
-};
-
-export type QueueTodo = {
- id: string;
- title: string;
- description?: string;
- status?: "pending" | "completed";
-};
-
-export type QueueItemProps = ComponentProps<"li">;
-
-export const QueueItem = ({ className, ...props }: QueueItemProps) => (
-
-);
-
-export type QueueItemIndicatorProps = ComponentProps<"span"> & {
- completed?: boolean;
-};
-
-export const QueueItemIndicator = ({
- completed = false,
- className,
- ...props
-}: QueueItemIndicatorProps) => (
-
-);
-
-export type QueueItemContentProps = ComponentProps<"span"> & {
- completed?: boolean;
-};
-
-export const QueueItemContent = ({
- completed = false,
- className,
- ...props
-}: QueueItemContentProps) => (
-
-);
-
-export type QueueItemDescriptionProps = ComponentProps<"div"> & {
- completed?: boolean;
-};
-
-export const QueueItemDescription = ({
- completed = false,
- className,
- ...props
-}: QueueItemDescriptionProps) => (
-
-);
-
-export type QueueItemActionsProps = ComponentProps<"div">;
-
-export const QueueItemActions = ({
- className,
- ...props
-}: QueueItemActionsProps) => (
-
-);
-
-export type QueueItemActionProps = Omit<
- ComponentProps,
- "variant" | "size"
->;
-
-export const QueueItemAction = ({
- className,
- ...props
-}: QueueItemActionProps) => (
-
-);
-
-export type QueueItemAttachmentProps = ComponentProps<"div">;
-
-export const QueueItemAttachment = ({
- className,
- ...props
-}: QueueItemAttachmentProps) => (
-
-);
-
-export type QueueItemImageProps = ComponentProps<"img">;
-
-export const QueueItemImage = ({
- className,
- ...props
-}: QueueItemImageProps) => (
- ![]()
-);
-
-export type QueueItemFileProps = ComponentProps<"span">;
-
-export const QueueItemFile = ({
- children,
- className,
- ...props
-}: QueueItemFileProps) => (
-
- ;
-
-export const QueueList = ({
- children,
- className,
- ...props
-}: QueueListProps) => (
-
-
-);
-
-// QueueSection - collapsible section container
-export type QueueSectionProps = ComponentProps;
-
-export const QueueSection = ({
- className,
- defaultOpen = true,
- ...props
-}: QueueSectionProps) => (
-
-
-
-);
-
-// QueueSectionLabel - label content with icon and count
-export type QueueSectionLabelProps = ComponentProps<"span"> & {
- count?: number;
- label: string;
- icon?: React.ReactNode;
-};
-
-export const QueueSectionLabel = ({
- count,
- label,
- icon,
- className,
- ...props
-}: QueueSectionLabelProps) => (
-
- & {
- count: number;
-};
-
-export const SourcesTrigger = ({
- className,
- count,
- children,
- ...props
-}: SourcesTriggerProps) => (
-
- {children ?? (
- <>
-
-);
-
-export type SourcesContentProps = ComponentProps;
-
-export const SourcesContent = ({
- className,
- ...props
-}: SourcesContentProps) => (
- ;
-
-export const Task = ({
- defaultOpen = true,
- className,
- ...props
-}: TaskProps) => (
- & {
- title: string;
-};
-
-export const TaskTrigger = ({
- children,
- className,
- title,
- ...props
-}: TaskTriggerProps) => (
-
- {children ?? (
-
-);
-
-export type TaskContentProps = ComponentProps;
-
-export const TaskContent = ({
- children,
- className,
- ...props
-}: TaskContentProps) => (
-
-
-);
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/tool.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/tool.tsx
deleted file mode 100644
index f26b94b5388..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/tool.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-"use client";
-
-import { Badge } from "@/components/ui/badge";
-import {
- Collapsible,
- CollapsibleContent,
- CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-import { cn } from "@/lib/utils";
-import type { ToolUIPart } from "ai";
-import {
- CheckCircleIcon,
- ChevronDownIcon,
- CircleIcon,
- ClockIcon,
- WrenchIcon,
- XCircleIcon,
-} from "lucide-react";
-import type { ComponentProps, ReactNode } from "react";
-import { isValidElement } from "react";
-import { CodeBlock } from "./code-block";
-
-export type ToolProps = ComponentProps;
-
-export const Tool = ({ className, ...props }: ToolProps) => (
- = {
- "input-streaming": "Pending",
- "input-available": "Running",
- "approval-requested": "Awaiting Approval",
- "approval-responded": "Responded",
- "output-available": "Completed",
- "output-error": "Error",
- "output-denied": "Denied",
- };
-
- const icons: Record = {
- "input-streaming":
- {icons[status]}
- {labels[status]}
-
- );
-};
-
-export const ToolHeader = ({
- className,
- title,
- type,
- state,
- ...props
-}: ToolHeaderProps) => (
-
-
-);
-
-export type ToolContentProps = ComponentProps;
-
-export const ToolContent = ({ className, ...props }: ToolContentProps) => (
- ;
-
-export const Toolbar = ({ className, ...props }: ToolbarProps) => (
- (null);
-
-const useWebPreview = () => {
- const context = useContext(WebPreviewContext);
- if (!context) {
- throw new Error("WebPreview components must be used within a WebPreview");
- }
- return context;
-};
-
-export type WebPreviewProps = ComponentProps<"div"> & {
- defaultUrl?: string;
- onUrlChange?: (url: string) => void;
-};
-
-export const WebPreview = ({
- className,
- children,
- defaultUrl = "",
- onUrlChange,
- ...props
-}: WebPreviewProps) => {
- const [url, setUrl] = useState(defaultUrl);
- const [consoleOpen, setConsoleOpen] = useState(false);
-
- const handleUrlChange = (newUrl: string) => {
- setUrl(newUrl);
- onUrlChange?.(newUrl);
- };
-
- const contextValue: WebPreviewContextValue = {
- url,
- setUrl: handleUrlChange,
- consoleOpen,
- setConsoleOpen,
- };
-
- return (
-
-
- );
-};
-
-export type WebPreviewNavigationProps = ComponentProps<"div">;
-
-export const WebPreviewNavigation = ({
- className,
- children,
- ...props
-}: WebPreviewNavigationProps) => (
- & {
- tooltip?: string;
-};
-
-export const WebPreviewNavigationButton = ({
- onClick,
- disabled,
- tooltip,
- children,
- ...props
-}: WebPreviewNavigationButtonProps) => (
-
-
-
-
-
-
-
-
-
-);
-
-export type WebPreviewUrlProps = ComponentProps;
-
-export const WebPreviewUrl = ({
- value,
- onChange,
- onKeyDown,
- ...props
-}: WebPreviewUrlProps) => {
- const { url, setUrl } = useWebPreview();
- const [inputValue, setInputValue] = useState(url);
-
- // Sync input value with context URL when it changes externally
- useEffect(() => {
- setInputValue(url);
- }, [url]);
-
- const handleChange = (event: React.ChangeEvent) => {
- setInputValue(event.target.value);
- onChange?.(event);
- };
-
- const handleKeyDown = (event: React.KeyboardEvent) => {
- if (event.key === "Enter") {
- const target = event.target as HTMLInputElement;
- setUrl(target.value);
- }
- onKeyDown?.(event);
- };
-
- return (
-
- );
-};
-
-export type WebPreviewBodyProps = ComponentProps<"iframe"> & {
- loading?: ReactNode;
-};
-
-export const WebPreviewBody = ({
- className,
- loading,
- src,
- ...props
-}: WebPreviewBodyProps) => {
- const { url } = useWebPreview();
-
- return (
-
-
-
-
-
-
-
- );
-};
diff --git a/examples/nextjs-ai-spreadsheet/components/ui/alert.tsx b/examples/nextjs-ai-spreadsheet/components/ui/alert.tsx
deleted file mode 100644
index f99164ed4b3..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ui/alert.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const alertVariants = cva(
- "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
- {
- variants: {
- variant: {
- default: "bg-card text-card-foreground",
- destructive:
- "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
- },
- },
- defaultVariants: {
- variant: "default",
- },
- }
-)
-
-function Alert({
- className,
- variant,
- ...props
-}: React.ComponentProps<"div"> & VariantProps) {
- return (
-
- )
-}
-
-function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function AlertDescription({
- className,
- ...props
-}: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-export { Alert, AlertTitle, AlertDescription }
diff --git a/examples/nextjs-ai-spreadsheet/components/ui/card.tsx b/examples/nextjs-ai-spreadsheet/components/ui/card.tsx
deleted file mode 100644
index acf57dc5a53..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ui/card.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import * as React from "react"
-
-import { cn } from "@/lib/utils"
-
-function Card({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardAction({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardContent({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
- return (
-
- )
-}
-
-export {
- Card,
- CardHeader,
- CardFooter,
- CardTitle,
- CardAction,
- CardDescription,
- CardContent,
-}
diff --git a/examples/nextjs-ai-spreadsheet/components/ui/carousel.tsx b/examples/nextjs-ai-spreadsheet/components/ui/carousel.tsx
deleted file mode 100644
index 0e05a77ea15..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ui/carousel.tsx
+++ /dev/null
@@ -1,241 +0,0 @@
-"use client"
-
-import * as React from "react"
-import useEmblaCarousel, {
- type UseEmblaCarouselType,
-} from "embla-carousel-react"
-import { ArrowLeft, ArrowRight } from "lucide-react"
-
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
-
-type CarouselApi = UseEmblaCarouselType[1]
-type UseCarouselParameters = Parameters
-type CarouselOptions = UseCarouselParameters[0]
-type CarouselPlugin = UseCarouselParameters[1]
-
-type CarouselProps = {
- opts?: CarouselOptions
- plugins?: CarouselPlugin
- orientation?: "horizontal" | "vertical"
- setApi?: (api: CarouselApi) => void
-}
-
-type CarouselContextProps = {
- carouselRef: ReturnType[0]
- api: ReturnType[1]
- scrollPrev: () => void
- scrollNext: () => void
- canScrollPrev: boolean
- canScrollNext: boolean
-} & CarouselProps
-
-const CarouselContext = React.createContext(null)
-
-function useCarousel() {
- const context = React.useContext(CarouselContext)
-
- if (!context) {
- throw new Error("useCarousel must be used within a ) => {
- if (event.key === "ArrowLeft") {
- event.preventDefault()
- scrollPrev()
- } else if (event.key === "ArrowRight") {
- event.preventDefault()
- scrollNext()
- }
- },
- [scrollPrev, scrollNext]
- )
-
- React.useEffect(() => {
- if (!api || !setApi) return
- setApi(api)
- }, [api, setApi])
-
- React.useEffect(() => {
- if (!api) return
- onSelect(api)
- api.on("reInit", onSelect)
- api.on("select", onSelect)
-
- return () => {
- api?.off("select", onSelect)
- }
- }, [api, onSelect])
-
- return (
-
-
- )
-}
-
-function CarouselContent({ className, ...props }: React.ComponentProps<"div">) {
- const { carouselRef, orientation } = useCarousel()
-
- return (
- ) {
- const { orientation, scrollPrev, canScrollPrev } = useCarousel()
-
- return (
-
- )
-}
-
-function CarouselNext({
- className,
- variant = "outline",
- size = "icon",
- ...props
-}: React.ComponentProps) {
- const { orientation, scrollNext, canScrollNext } = useCarousel()
-
- return (
-
- )
-}
-
-export {
- type CarouselApi,
- Carousel,
- CarouselContent,
- CarouselItem,
- CarouselPrevious,
- CarouselNext,
-}
diff --git a/examples/nextjs-ai-spreadsheet/package-lock.json b/examples/nextjs-ai-spreadsheet/package-lock.json
index f726a81366a..a12dd30b82b 100644
--- a/examples/nextjs-ai-spreadsheet/package-lock.json
+++ b/examples/nextjs-ai-spreadsheet/package-lock.json
@@ -13,12 +13,10 @@
"@liveblocks/react": "^3.18.4",
"@liveblocks/react-ui": "^3.18.4",
"@radix-ui/react-use-controllable-state": "^1.2.3",
- "@xyflow/react": "^12.11.0",
"ai": "^6.0.205",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
- "embla-carousel-react": "^8.6.0",
"handsontable": "^17.0.1",
"hyperformula": "^3.3.0",
"lucide-react": "^0.475.0",
@@ -28,7 +26,6 @@
"radix-ui": "^1.5.0",
"react": "19.2.4",
"react-dom": "19.2.4",
- "shiki": "^4.2.0",
"streamdown": "^1.6.11",
"tailwind-merge": "^3.3.1",
"tokenlens": "^1.3.1",
@@ -2463,100 +2460,6 @@
"integrity": "sha512-xnXE7wG13PI+cxieVssYXlQJuYVRhH9NBoxt3KNwzghDIA69GMm7d4wXRouHIYjE+KvS6U/MsMO73NdS2MH9ZA==",
"license": "MIT"
},
- "node_modules/@shikijs/core": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.2.0.tgz",
- "integrity": "sha512-Hc87Ab1Ld/vEbZRCbwx344I5v+4RU8CVToUTRkqXL1+TjbuOp9U5Xa0M23V4GEWHxVn+yO5otb+HkQVm3ptWQQ==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/primitive": "4.2.0",
- "@shikijs/types": "4.2.0",
- "@shikijs/vscode-textmate": "^10.0.2",
- "@types/hast": "^3.0.4",
- "hast-util-to-html": "^9.0.5"
- },
- "engines": {
- "node": ">=20"
- }
- },
- "node_modules/@shikijs/engine-javascript": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.2.0.tgz",
- "integrity": "sha512-fjETeq1k5ffyXqRgS6+3hpvqseLalp1kjNfRbXpUgWR8FpZ1CmQfiNHovc5lncYjt/Vg5JK/WJEmLahjwMa0og==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/types": "4.2.0",
- "@shikijs/vscode-textmate": "^10.0.2",
- "oniguruma-to-es": "^4.3.6"
- },
- "engines": {
- "node": ">=20"
- }
- },
- "node_modules/@shikijs/engine-oniguruma": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.2.0.tgz",
- "integrity": "sha512-hTorK1dffPkpbMUk6Z+828PgRo7d07HbnizoP0hNPFjhxMHctj0Px/qoHeGMYafc6ju+u9iMldN4JbVzNQM++g==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/types": "4.2.0",
- "@shikijs/vscode-textmate": "^10.0.2"
- },
- "engines": {
- "node": ">=20"
- }
- },
- "node_modules/@shikijs/langs": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.2.0.tgz",
- "integrity": "sha512-bwrVRlJ0wUhZxAbVdvBbv2TTC9yLsh4C/IO5Ofz0T8MQntgDvyVnkbjw9vi50r1kx7RCIJdnJnjZAwmAsXFLZQ==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/types": "4.2.0"
- },
- "engines": {
- "node": ">=20"
- }
- },
- "node_modules/@shikijs/primitive": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.2.0.tgz",
- "integrity": "sha512-NOq+DtUkVBJtZMVXL5A0vI0Xk8nvDYaXetFHSJFlOqjDZIVhIPRYFdGkSoElDqNuegikcc3A76SNUa8dTqtAYA==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/types": "4.2.0",
- "@shikijs/vscode-textmate": "^10.0.2",
- "@types/hast": "^3.0.4"
- },
- "engines": {
- "node": ">=20"
- }
- },
- "node_modules/@shikijs/themes": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.2.0.tgz",
- "integrity": "sha512-RX8IHYeLv8Cu2W6ruc3RxUqWn0IYCqSrMBzi/uRGAmfyDNOnNO5BF/Px7o97n4XTpmFTo5GbRaazuOWj+2ak2w==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/types": "4.2.0"
- },
- "engines": {
- "node": ">=20"
- }
- },
- "node_modules/@shikijs/types": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.2.0.tgz",
- "integrity": "sha512-VT/MKtlpOhEPZloSH3Pb9WCZEBDoQVMa9jedp5UAwmJOar1DVc9DRODAxmYPW9M93IK4ryuqRejFfmlvlVDemw==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/vscode-textmate": "^10.0.2",
- "@types/hast": "^3.0.4"
- },
- "engines": {
- "node": ">=20"
- }
- },
"node_modules/@shikijs/vscode-textmate": {
"version": "10.0.2",
"resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz",
@@ -2807,6 +2710,72 @@
"node": ">=14.0.0"
}
},
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
+ "version": "1.10.0",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@emnapi/wasi-threads": "1.2.1",
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
+ "version": "1.10.0",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
+ "version": "1.2.1",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
+ "version": "1.1.4",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "@tybys/wasm-util": "^0.10.1"
+ },
+ "funding": {
+ "type": "github",
+ "url": "https://github.com/sponsors/Brooooooklyn"
+ },
+ "peerDependencies": {
+ "@emnapi/core": "^1.7.1",
+ "@emnapi/runtime": "^1.7.1"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
+ "version": "0.10.2",
+ "dev": true,
+ "inBundle": true,
+ "license": "MIT",
+ "optional": true,
+ "dependencies": {
+ "tslib": "^2.4.0"
+ }
+ },
+ "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
+ "version": "2.8.1",
+ "dev": true,
+ "inBundle": true,
+ "license": "0BSD",
+ "optional": true
+ },
"node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.1.tgz",
@@ -3277,48 +3246,6 @@
"node": ">= 20"
}
},
- "node_modules/@xyflow/react": {
- "version": "12.11.0",
- "resolved": "https://registry.npmjs.org/@xyflow/react/-/react-12.11.0.tgz",
- "integrity": "sha512-na4IO33FSs2OS72hASgZDmTYwFAkef7Z74uBUVrong3ARmQQHfnRUVaCFn1kTt5LbS6pK03TbYjCPGLjLFfziA==",
- "license": "MIT",
- "dependencies": {
- "@xyflow/system": "0.0.77",
- "classcat": "^5.0.3",
- "zustand": "^4.4.0"
- },
- "peerDependencies": {
- "@types/react": ">=17",
- "@types/react-dom": ">=17",
- "react": ">=17",
- "react-dom": ">=17"
- },
- "peerDependenciesMeta": {
- "@types/react": {
- "optional": true
- },
- "@types/react-dom": {
- "optional": true
- }
- }
- },
- "node_modules/@xyflow/system": {
- "version": "0.0.77",
- "resolved": "https://registry.npmjs.org/@xyflow/system/-/system-0.0.77.tgz",
- "integrity": "sha512-qCDCMCQAAgUu8yHnhloHG9F5mwPX5E+Wl8McpYIOPSSXfzFJJoZcwOcsDiAjitVKIg2de1WmJbCHfpcvxprsgg==",
- "license": "MIT",
- "dependencies": {
- "@types/d3-drag": "^3.0.7",
- "@types/d3-interpolate": "^3.0.4",
- "@types/d3-selection": "^3.0.10",
- "@types/d3-transition": "^3.0.8",
- "@types/d3-zoom": "^3.0.8",
- "d3-drag": "^3.0.0",
- "d3-interpolate": "^3.0.1",
- "d3-selection": "^3.0.0",
- "d3-zoom": "^3.0.0"
- }
- },
"node_modules/ai": {
"version": "6.0.207",
"resolved": "https://registry.npmjs.org/ai/-/ai-6.0.207.tgz",
@@ -3471,12 +3398,6 @@
"url": "https://polar.sh/cva"
}
},
- "node_modules/classcat": {
- "version": "5.0.5",
- "resolved": "https://registry.npmjs.org/classcat/-/classcat-5.0.5.tgz",
- "integrity": "sha512-JhZUT7JFcQy/EzW605k/ktHtncoo9vnyW/2GspNYwFlN1C/WmjuV/xtS04e9SOkL2sTdw0VAZ2UGCcQ9lR6p6w==",
- "license": "MIT"
- },
"node_modules/client-only": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
@@ -4162,34 +4083,6 @@
"@types/trusted-types": "^2.0.7"
}
},
- "node_modules/embla-carousel": {
- "version": "8.6.0",
- "resolved": "https://registry.npmjs.org/embla-carousel/-/embla-carousel-8.6.0.tgz",
- "integrity": "sha512-SjWyZBHJPbqxHOzckOfo8lHisEaJWmwd23XppYFYVh10bU66/Pn5tkVkbkCMZVdbUE5eTCI2nD8OyIP4Z+uwkA==",
- "license": "MIT"
- },
- "node_modules/embla-carousel-react": {
- "version": "8.6.0",
- "resolved": "https://registry.npmjs.org/embla-carousel-react/-/embla-carousel-react-8.6.0.tgz",
- "integrity": "sha512-0/PjqU7geVmo6F734pmPqpyHqiM99olvyecY7zdweCw+6tKEXnrE90pBiBbMMU8s5tICemzpQ3hi5EpxzGW+JA==",
- "license": "MIT",
- "dependencies": {
- "embla-carousel": "8.6.0",
- "embla-carousel-reactive-utils": "8.6.0"
- },
- "peerDependencies": {
- "react": "^16.8.0 || ^17.0.1 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
- }
- },
- "node_modules/embla-carousel-reactive-utils": {
- "version": "8.6.0",
- "resolved": "https://registry.npmjs.org/embla-carousel-reactive-utils/-/embla-carousel-reactive-utils-8.6.0.tgz",
- "integrity": "sha512-fMVUDUEx0/uIEDM0Mz3dHznDhfX+znCCDCeIophYb1QGVM7YThSWX+wz11zlYwWFOr74b4QLGg0hrGPJeG2s4A==",
- "license": "MIT",
- "peerDependencies": {
- "embla-carousel": "8.6.0"
- }
- },
"node_modules/enhanced-resolve": {
"version": "5.21.6",
"resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.6.tgz",
@@ -6951,25 +6844,6 @@
"@img/sharp-win32-x64": "0.34.5"
}
},
- "node_modules/shiki": {
- "version": "4.2.0",
- "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.2.0.tgz",
- "integrity": "sha512-hjNax6o/ylDy9lefQEaSDtzaT3iVNtZ3WmpQnbuQNoG4xvnSKf2kSKbihZVO4JRG1TTMejs7CmNRYlWgAL66pQ==",
- "license": "MIT",
- "dependencies": {
- "@shikijs/core": "4.2.0",
- "@shikijs/engine-javascript": "4.2.0",
- "@shikijs/engine-oniguruma": "4.2.0",
- "@shikijs/langs": "4.2.0",
- "@shikijs/themes": "4.2.0",
- "@shikijs/types": "4.2.0",
- "@shikijs/vscode-textmate": "^10.0.2",
- "@types/hast": "^3.0.4"
- },
- "engines": {
- "node": ">=20"
- }
- },
"node_modules/slate": {
"version": "0.110.2",
"resolved": "https://registry.npmjs.org/slate/-/slate-0.110.2.tgz",
@@ -7552,15 +7426,6 @@
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
}
},
- "node_modules/use-sync-external-store": {
- "version": "1.6.0",
- "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
- "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
- "license": "MIT",
- "peerDependencies": {
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
- }
- },
"node_modules/uuid": {
"version": "14.0.0",
"resolved": "https://registry.npmjs.org/uuid/-/uuid-14.0.0.tgz",
@@ -7651,34 +7516,6 @@
"url": "https://github.com/sponsors/colinhacks"
}
},
- "node_modules/zustand": {
- "version": "4.5.7",
- "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz",
- "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==",
- "license": "MIT",
- "dependencies": {
- "use-sync-external-store": "^1.2.2"
- },
- "engines": {
- "node": ">=12.7.0"
- },
- "peerDependencies": {
- "@types/react": ">=16.8",
- "immer": ">=9.0.6",
- "react": ">=16.8"
- },
- "peerDependenciesMeta": {
- "@types/react": {
- "optional": true
- },
- "immer": {
- "optional": true
- },
- "react": {
- "optional": true
- }
- }
- },
"node_modules/zwitch": {
"version": "2.0.4",
"resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/examples/nextjs-ai-spreadsheet/package.json b/examples/nextjs-ai-spreadsheet/package.json
index e064b7303cc..1dbe864deb7 100644
--- a/examples/nextjs-ai-spreadsheet/package.json
+++ b/examples/nextjs-ai-spreadsheet/package.json
@@ -15,12 +15,10 @@
"@liveblocks/react": "^3.18.4",
"@liveblocks/react-ui": "^3.18.4",
"@radix-ui/react-use-controllable-state": "^1.2.3",
- "@xyflow/react": "^12.11.0",
"ai": "^6.0.205",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"cmdk": "^1.1.1",
- "embla-carousel-react": "^8.6.0",
"handsontable": "^17.0.1",
"hyperformula": "^3.3.0",
"lucide-react": "^0.475.0",
@@ -30,7 +28,6 @@
"radix-ui": "^1.5.0",
"react": "19.2.4",
"react-dom": "19.2.4",
- "shiki": "^4.2.0",
"streamdown": "^1.6.11",
"tailwind-merge": "^3.3.1",
"tokenlens": "^1.3.1",
-
- - {children}
Used {count} sources
-
- {children}
-
-);
-
-export type TaskItemProps = ComponentProps<"div">;
-
-export const TaskItem = ({ children, className, ...props }: TaskItemProps) => (
-
- {children}
-
-);
-
-export type TaskProps = ComponentProps
-
- )}
- {title}
-
- {children}
-
-
-
-
-
-);
-
-export type ToolOutputProps = ComponentProps<"div"> & {
- output: ToolUIPart["output"];
- errorText: ToolUIPart["errorText"];
-};
-
-export const ToolOutput = ({
- className,
- output,
- errorText,
- ...props
-}: ToolOutputProps) => {
- if (!(output || errorText)) {
- return null;
- }
-
- let Output = - Parameters -
-
-
- {output as ReactNode}
;
-
- if (typeof output === "object" && !isValidElement(output)) {
- Output = (
-
-
- );
-};
diff --git a/examples/nextjs-ai-spreadsheet/components/ai-elements/toolbar.tsx b/examples/nextjs-ai-spreadsheet/components/ai-elements/toolbar.tsx
deleted file mode 100644
index b55aa8895d0..00000000000
--- a/examples/nextjs-ai-spreadsheet/components/ai-elements/toolbar.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { cn } from "@/lib/utils";
-import { NodeToolbar, Position } from "@xyflow/react";
-import type { ComponentProps } from "react";
-
-type ToolbarProps = ComponentProps- {errorText ? "Error" : "Result"} -
-
- {errorText &&
- {errorText}
}
- {Output}
-
- {children}
-
-
- {children}
-
-);
-
-export type WebPreviewNavigationButtonProps = ComponentProps{tooltip}
-
-
- {loading}
-
- );
-};
-
-export type WebPreviewConsoleProps = ComponentProps<"div"> & {
- logs?: Array<{
- level: "log" | "warn" | "error";
- message: string;
- timestamp: Date;
- }>;
-};
-
-export const WebPreviewConsole = ({
- className,
- logs = [],
- children,
- ...props
-}: WebPreviewConsoleProps) => {
- const { consoleOpen, setConsoleOpen } = useWebPreview();
-
- return (
-
- {logs.length === 0 ? (
-
- No console output
- ) : ( - logs.map((log, index) => ( -
-
- {log.timestamp.toLocaleTimeString()}
- {" "}
- {log.message}
-
- ))
- )}
- {children}
-
- {children}
-
-
-
-
- )
-}
-
-function CarouselItem({ className, ...props }: React.ComponentProps<"div">) {
- const { orientation } = useCarousel()
-
- return (
-
- )
-}
-
-function CarouselPrevious({
- className,
- variant = "outline",
- size = "icon",
- ...props
-}: React.ComponentProps