@datalayer/agent-runtimes 0.0.9 → 0.0.11

package/lib/components/vercel-ai-elements/reasoning.js

@@ -1,80 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@/components/ui/collapsible';
-import { cn } from '@/lib/utils';
-import { BrainIcon, ChevronDownIcon } from 'lucide-react';
-import { createContext, memo, useContext, useEffect, useState } from 'react';
-import { Streamdown } from 'streamdown';
-import { Shimmer } from './shimmer';
-const ReasoningContext = createContext(null);
-export const useReasoning = () => {
-    const context = useContext(ReasoningContext);
-    if (!context) {
-        throw new Error('Reasoning components must be used within Reasoning');
-    }
-    return context;
-};
-const AUTO_CLOSE_DELAY = 1000;
-const MS_IN_S = 1000;
-export const Reasoning = memo(({ className, isStreaming = false, open, defaultOpen = true, onOpenChange, duration: durationProp, children, ...props }) => {
-    const [isOpen, setIsOpen] = useControllableState({
-        prop: open,
-        defaultProp: defaultOpen,
-        onChange: onOpenChange,
-    });
-    const [duration, setDuration] = useControllableState({
-        prop: durationProp,
-        defaultProp: undefined,
-    });
-    const [hasAutoClosed, setHasAutoClosed] = useState(false);
-    const [startTime, setStartTime] = useState(null);
-    // Track duration when streaming starts and ends
-    useEffect(() => {
-        if (isStreaming) {
-            if (startTime === null) {
-                setStartTime(Date.now());
-            }
-        }
-        else if (startTime !== null) {
-            setDuration(Math.ceil((Date.now() - startTime) / MS_IN_S));
-            setStartTime(null);
-        }
-    }, [isStreaming, startTime, setDuration]);
-    // Auto-open when streaming starts, auto-close when streaming ends (once only)
-    useEffect(() => {
-        if (defaultOpen && !isStreaming && isOpen && !hasAutoClosed) {
-            // Add a small delay before closing to allow user to see the content
-            const timer = setTimeout(() => {
-                setIsOpen(false);
-                setHasAutoClosed(true);
-            }, AUTO_CLOSE_DELAY);
-            return () => clearTimeout(timer);
-        }
-    }, [isStreaming, isOpen, defaultOpen, setIsOpen, hasAutoClosed]);
-    const handleOpenChange = (newOpen) => {
-        setIsOpen(newOpen);
-    };
-    return (_jsx(ReasoningContext.Provider, { value: { isStreaming, isOpen, setIsOpen, duration }, children: _jsx(Collapsible, { className: cn('not-prose mb-4', className), onOpenChange: handleOpenChange, open: isOpen, ...props, children: children }) }));
-});
-const defaultGetThinkingMessage = (isStreaming, duration) => {
-    if (isStreaming || duration === 0) {
-        return _jsx(Shimmer, { duration: 1, children: "Thinking..." });
-    }
-    if (duration === undefined) {
-        return _jsx("p", { children: "Thought for a few seconds" });
-    }
-    return _jsxs("p", { children: ["Thought for ", duration, " seconds"] });
-};
-export const ReasoningTrigger = memo(({ className, children, getThinkingMessage = defaultGetThinkingMessage, ...props }) => {
-    const { isStreaming, isOpen, duration } = useReasoning();
-    return (_jsx(CollapsibleTrigger, { className: cn('flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground', className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(BrainIcon, { className: "size-4" }), getThinkingMessage(isStreaming, duration), _jsx(ChevronDownIcon, { className: cn('size-4 transition-transform', isOpen ? 'rotate-180' : 'rotate-0') })] })) }));
-});
-export const ReasoningContent = memo(({ className, children, ...props }) => (_jsx(CollapsibleContent, { className: cn('mt-4 text-sm', 'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-muted-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in', className), ...props, children: _jsx(Streamdown, { ...props, children: children }) })));
-Reasoning.displayName = 'Reasoning';
-ReasoningTrigger.displayName = 'ReasoningTrigger';
-ReasoningContent.displayName = 'ReasoningContent';

package/lib/components/vercel-ai-elements/shimmer.d.ts

@@ -1,9 +0,0 @@
-import { type ElementType } from 'react';
-export type TextShimmerProps = {
-    children: string;
-    as?: ElementType;
-    className?: string;
-    duration?: number;
-    spread?: number;
-};
-export declare const Shimmer: import("react").MemoExoticComponent<({ children, as: Component, className, duration, spread, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/components/vercel-ai-elements/shimmer.js

@@ -1,22 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '@/lib/utils';
-import { motion } from 'motion/react';
-import { memo, useMemo, } from 'react';
-const ShimmerComponent = ({ children, as: Component = 'p', className, duration = 2, spread = 2, }) => {
-    const MotionComponent = motion.create(Component);
-    const dynamicSpread = useMemo(() => (children?.length ?? 0) * spread, [children, spread]);
-    return (_jsx(MotionComponent, { animate: { backgroundPosition: '0% center' }, className: cn('relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent', '[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]', className), initial: { backgroundPosition: '100% center' }, style: {
-            '--spread': `${dynamicSpread}px`,
-            backgroundImage: 'var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))',
-        }, transition: {
-            repeat: Number.POSITIVE_INFINITY,
-            duration,
-            ease: 'linear',
-        }, children: children }));
-};
-export const Shimmer = memo(ShimmerComponent);

package/lib/components/vercel-ai-elements/sources.d.ts

@@ -1,12 +0,0 @@
-import { CollapsibleContent, CollapsibleTrigger } from '@/components/ui/collapsible';
-import type { ComponentProps } from 'react';
-export type SourcesProps = ComponentProps<'div'>;
-export declare const Sources: ({ className, ...props }: SourcesProps) => import("react/jsx-runtime").JSX.Element;
-export type SourcesTriggerProps = ComponentProps<typeof CollapsibleTrigger> & {
-    count: number;
-};
-export declare const SourcesTrigger: ({ className, count, children, ...props }: SourcesTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export type SourcesContentProps = ComponentProps<typeof CollapsibleContent>;
-export declare const SourcesContent: ({ className, ...props }: SourcesContentProps) => import("react/jsx-runtime").JSX.Element;
-export type SourceProps = ComponentProps<'a'>;
-export declare const Source: ({ href, title, children, ...props }: SourceProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/vercel-ai-elements/sources.js

@@ -1,13 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@/components/ui/collapsible';
-import { cn } from '@/lib/utils';
-import { BookIcon, ChevronDownIcon } from 'lucide-react';
-export const Sources = ({ className, ...props }) => (_jsx(Collapsible, { className: cn('not-prose mb-4 text-primary text-xs', className), ...props }));
-export const SourcesTrigger = ({ className, count, children, ...props }) => (_jsx(CollapsibleTrigger, { className: cn('flex items-center gap-2', className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("p", { className: "font-medium", children: ["Used ", count, " sources"] }), _jsx(ChevronDownIcon, { className: "h-4 w-4" })] })) }));
-export const SourcesContent = ({ className, ...props }) => (_jsx(CollapsibleContent, { className: cn('mt-3 flex w-fit flex-col gap-2', 'data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in', className), ...props }));
-export const Source = ({ href, title, children, ...props }) => (_jsx("a", { className: "flex items-center gap-2", href: href, rel: "noreferrer", target: "_blank", ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(BookIcon, { className: "h-4 w-4" }), _jsx("span", { className: "block font-medium", children: title })] })) }));

package/lib/components/vercel-ai-elements/suggestion.d.ts

@@ -1,10 +0,0 @@
-import { Button } from '@/components/ui/button';
-import { ScrollArea } from '@/components/ui/scroll-area';
-import type { ComponentProps } from 'react';
-export type SuggestionsProps = ComponentProps<typeof ScrollArea>;
-export declare const Suggestions: ({ className, children, ...props }: SuggestionsProps) => import("react/jsx-runtime").JSX.Element;
-export type SuggestionProps = Omit<ComponentProps<typeof Button>, 'onClick'> & {
-    suggestion: string;
-    onClick?: (suggestion: string) => void;
-};
-export declare const Suggestion: ({ suggestion, onClick, className, variant, size, children, ...props }: SuggestionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/vercel-ai-elements/suggestion.js

@@ -1,16 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@/components/ui/button';
-import { ScrollArea, ScrollBar } from '@/components/ui/scroll-area';
-import { cn } from '@/lib/utils';
-export const Suggestions = ({ className, children, ...props }) => (_jsxs(ScrollArea, { className: "w-full overflow-x-auto whitespace-nowrap", ...props, children: [_jsx("div", { className: cn('flex w-max flex-nowrap items-center gap-2', className), children: children }), _jsx(ScrollBar, { className: "hidden", orientation: "horizontal" })] }));
-export const Suggestion = ({ suggestion, onClick, className, variant = 'outline', size = 'sm', children, ...props }) => {
-    const handleClick = () => {
-        onClick?.(suggestion);
-    };
-    return (_jsx(Button, { className: cn('cursor-pointer rounded-full px-4', className), onClick: handleClick, size: size, type: "button", variant: variant, ...props, children: children || suggestion }));
-};

package/lib/components/vercel-ai-elements/tool.d.ts

@@ -1,23 +0,0 @@
-import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible';
-import type { ToolUIPart } from 'ai';
-import type { ComponentProps } from 'react';
-export type ToolProps = ComponentProps<typeof Collapsible>;
-export declare const Tool: ({ className, ...props }: ToolProps) => import("react/jsx-runtime").JSX.Element;
-export type ToolHeaderProps = {
-    title?: string;
-    type: ToolUIPart['type'];
-    state: ToolUIPart['state'];
-    className?: string;
-};
-export declare const ToolHeader: ({ className, title, type, state, ...props }: ToolHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export type ToolContentProps = ComponentProps<typeof CollapsibleContent>;
-export declare const ToolContent: ({ className, ...props }: ToolContentProps) => import("react/jsx-runtime").JSX.Element;
-export type ToolInputProps = ComponentProps<'div'> & {
-    input: ToolUIPart['input'];
-};
-export declare const ToolInput: ({ className, input, ...props }: ToolInputProps) => import("react/jsx-runtime").JSX.Element;
-export type ToolOutputProps = ComponentProps<'div'> & {
-    output: ToolUIPart['output'];
-    errorText: ToolUIPart['errorText'];
-};
-export declare const ToolOutput: ({ className, output, errorText, ...props }: ToolOutputProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/vercel-ai-elements/tool.js

@@ -1,52 +0,0 @@
-/*
- * Copyright (c) 2025-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge } from '@/components/ui/badge';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from '@/components/ui/collapsible';
-import { cn } from '@/lib/utils';
-import { CheckCircleIcon, ChevronDownIcon, CircleIcon, ClockIcon, WrenchIcon, XCircleIcon, } from 'lucide-react';
-import { isValidElement } from 'react';
-import { CodeBlock } from './code-block';
-export const Tool = ({ className, ...props }) => (_jsx(Collapsible, { className: cn('not-prose mb-4 w-full rounded-md border', className), ...props }));
-const getStatusBadge = (status) => {
-    const labels = {
-        'input-streaming': 'Pending',
-        'input-available': 'Running',
-        'approval-requested': 'Awaiting Approval',
-        'approval-responded': 'Responded',
-        'output-available': 'Completed',
-        'output-error': 'Error',
-        'output-denied': 'Denied',
-    };
-    const icons = {
-        'input-streaming': _jsx(CircleIcon, { className: "size-4" }),
-        'input-available': _jsx(ClockIcon, { className: "size-4 animate-pulse" }),
-        'approval-requested': _jsx(ClockIcon, { className: "size-4 text-yellow-600" }),
-        'approval-responded': _jsx(CheckCircleIcon, { className: "size-4 text-blue-600" }),
-        'output-available': _jsx(CheckCircleIcon, { className: "size-4 text-green-600" }),
-        'output-error': _jsx(XCircleIcon, { className: "size-4 text-red-600" }),
-        'output-denied': _jsx(XCircleIcon, { className: "size-4 text-orange-600" }),
-    };
-    return (_jsxs(Badge, { className: "gap-1.5 rounded-full text-xs", variant: "secondary", children: [icons[status], labels[status]] }));
-};
-export const ToolHeader = ({ className, title, type, state, ...props }) => (_jsxs(CollapsibleTrigger, { className: cn('flex w-full items-center justify-between gap-4 p-3', className), ...props, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(WrenchIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "font-medium text-sm", children: title ?? type.split('-').slice(1).join('-') }), getStatusBadge(state)] }), _jsx(ChevronDownIcon, { className: "size-4 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })] }));
-export const ToolContent = ({ className, ...props }) => (_jsx(CollapsibleContent, { className: cn('data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in', className), ...props }));
-export const ToolInput = ({ className, input, ...props }) => (_jsxs("div", { className: cn('space-y-2 overflow-hidden p-4', className), ...props, children: [_jsx("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: "Parameters" }), _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: JSON.stringify(input, null, 2), language: "json" }) })] }));
-export const ToolOutput = ({ className, output, errorText, ...props }) => {
-    if (!(output || errorText)) {
-        return null;
-    }
-    let Output = _jsx("div", { children: output });
-    if (typeof output === 'object' && !isValidElement(output)) {
-        Output = (_jsx(CodeBlock, { code: JSON.stringify(output, null, 2), language: "json" }));
-    }
-    else if (typeof output === 'string') {
-        Output = _jsx(CodeBlock, { code: output, language: "json" });
-    }
-    return (_jsxs("div", { className: cn('space-y-2 p-4', className), ...props, children: [_jsx("h4", { className: "font-medium text-muted-foreground text-xs uppercase tracking-wide", children: errorText ? 'Error' : 'Result' }), _jsxs("div", { className: cn('overflow-x-auto rounded-md text-xs [&_table]:w-full', errorText
-                    ? 'bg-destructive/10 text-destructive'
-                    : 'bg-muted/50 text-foreground'), children: [errorText && _jsx("div", { children: errorText }), Output] })] }));
-};