@ciridae/ui 0.2.5 → 0.3.2

package/dist/components/agentic/attachments.js

@@ -1,595 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable complexity, max-lines, max-lines-per-function, react-refresh/only-export-components */
-import { CameraIcon, CheckIcon, CircleAlertIcon, FileTextIcon, GlobeIcon, ImageIcon, Music2Icon, PaperclipIcon, VideoIcon, XIcon, } from "lucide-react";
-import * as React from "react";
-import { Button } from "@ciridae/ui/button";
-import { DropdownMenuItem } from "@ciridae/ui/dropdown-menu";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
-import { Spinner } from "@ciridae/ui/spinner";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@ciridae/ui/tooltip";
-import { cn } from "@ciridae/ui/utils";
-const mediaCategoryIcons = {
-    audio: Music2Icon,
-    document: FileTextIcon,
-    image: ImageIcon,
-    source: GlobeIcon,
-    unknown: PaperclipIcon,
-    video: VideoIcon,
-};
-const AttachmentControllerContext = React.createContext(null);
-const AttachmentsContext = React.createContext(null);
-const AttachmentItemContext = React.createContext(null);
-function AttachmentProvider({ accept, attachments, children, defaultAttachments = [], maxAttachmentSizeMb = 10, maxAttachments = 4, multiple = true, onAttachmentError, onAttachmentsChange, onCaptureScreenshot, }) {
-    const fileInputRef = React.useRef(null);
-    const isControlled = attachments !== undefined;
-    const isControlledRef = React.useRef(isControlled);
-    const [localAttachments, setLocalAttachments] = React.useState(defaultAttachments);
-    const files = attachments ?? localAttachments;
-    const filesRef = React.useRef(files);
-    const ownedObjectUrlsRef = React.useRef(new Set());
-    const [error, setError] = React.useState();
-    const [screenshotStatus, setScreenshotStatus] = React.useState(() => getInitialScreenshotStatus(onCaptureScreenshot));
-    React.useEffect(() => {
-        const previous = filesRef.current;
-        if (previous !== files) {
-            if (isControlled)
-                revokeRemovedObjectUrls(previous, files, ownedObjectUrlsRef.current);
-            filesRef.current = files;
-        }
-    }, [files, isControlled]);
-    React.useEffect(() => {
-        setScreenshotStatus(getInitialScreenshotStatus(onCaptureScreenshot));
-    }, [onCaptureScreenshot]);
-    React.useEffect(() => {
-        isControlledRef.current = isControlled;
-    }, [isControlled]);
-    React.useEffect(() => () => {
-        if (isControlledRef.current)
-            revokeOwnedObjectUrls(ownedObjectUrlsRef.current);
-        else
-            revokeObjectUrls(filesRef.current);
-    }, []);
-    const updateAttachments = React.useCallback((updater) => {
-        const previous = filesRef.current;
-        const next = updater(previous);
-        filesRef.current = next;
-        if (isControlled) {
-            revokeRemovedObjectUrls(previous, next, ownedObjectUrlsRef.current);
-        }
-        else {
-            revokeRemovedObjectUrls(previous, next);
-            setLocalAttachments(next);
-        }
-        onAttachmentsChange?.(next);
-    }, [isControlled, onAttachmentsChange]);
-    const reportError = React.useCallback((nextError) => {
-        setError(nextError);
-        onAttachmentError?.(nextError);
-    }, [onAttachmentError]);
-    const add = React.useCallback((fileList, options) => {
-        const incoming = Array.from(fileList);
-        if (incoming.length === 0)
-            return;
-        const validationError = getAttachmentError({
-            accept,
-            currentCount: filesRef.current.length,
-            files: incoming,
-            maxAttachmentSizeMb,
-            maxAttachments,
-        });
-        if (validationError) {
-            reportError(validationError);
-            return;
-        }
-        const nextAttachments = incoming.map((file) => {
-            const attachment = fileToAttachment(file, options?.kind ?? "file");
-            if (attachment.url?.startsWith("blob:"))
-                ownedObjectUrlsRef.current.add(attachment.url);
-            return attachment;
-        });
-        setError(undefined);
-        updateAttachments((current) => [...current, ...nextAttachments]);
-        if (fileInputRef.current)
-            fileInputRef.current.value = "";
-    }, [accept, maxAttachmentSizeMb, maxAttachments, reportError, updateAttachments]);
-    const remove = React.useCallback((id) => {
-        updateAttachments((current) => current.filter((attachment) => attachment.id !== id));
-    }, [updateAttachments]);
-    const clear = React.useCallback(() => {
-        updateAttachments(() => []);
-    }, [updateAttachments]);
-    const openFileDialog = React.useCallback(() => {
-        fileInputRef.current?.click();
-    }, []);
-    const takeScreenshot = React.useCallback(async () => {
-        setScreenshotStatus("capturing");
-        try {
-            const screenshot = onCaptureScreenshot
-                ? await onCaptureScreenshot()
-                : await captureBrowserScreenshot();
-            if (screenshot)
-                add([screenshot], { kind: "screenshot" });
-            setScreenshotStatus(isScreenshotSupported() || onCaptureScreenshot ? "idle" : "unavailable");
-        }
-        catch (screenshotError) {
-            if (isIgnoredScreenshotError(screenshotError)) {
-                setScreenshotStatus("idle");
-                return;
-            }
-            setScreenshotStatus("error");
-        }
-    }, [add, onCaptureScreenshot]);
-    const contextValue = React.useMemo(() => ({
-        accept,
-        add,
-        clear,
-        error,
-        files,
-        maxAttachmentSizeMb,
-        maxAttachments,
-        openFileDialog,
-        remove,
-        screenshotStatus,
-        takeScreenshot,
-    }), [
-        accept,
-        add,
-        clear,
-        error,
-        files,
-        maxAttachmentSizeMb,
-        maxAttachments,
-        openFileDialog,
-        remove,
-        screenshotStatus,
-        takeScreenshot,
-    ]);
-    return (_jsxs(AttachmentControllerContext.Provider, { value: contextValue, children: [_jsx("input", { "aria-hidden": "true", accept: accept, className: "hidden", multiple: multiple, onChange: (event) => {
-                    if (event.currentTarget.files)
-                        add(event.currentTarget.files);
-                    event.currentTarget.value = "";
-                }, ref: fileInputRef, tabIndex: -1, type: "file" }), children] }));
-}
-function useAttachments() {
-    const context = React.useContext(AttachmentControllerContext);
-    if (!context) {
-        throw new Error("useAttachments must be used within AttachmentProvider.");
-    }
-    return context;
-}
-function useOptionalAttachments() {
-    return React.useContext(AttachmentControllerContext);
-}
-function useAttachmentsContext() {
-    return React.useContext(AttachmentsContext) ?? { variant: "grid" };
-}
-function useAttachmentContext() {
-    const context = React.useContext(AttachmentItemContext);
-    if (!context) {
-        throw new Error("Attachment components must be used within Attachment.");
-    }
-    return context;
-}
-function Attachments({ variant = "grid", className, children, ...props }) {
-    const controller = useOptionalAttachments();
-    const shouldRenderFiles = !children && controller && controller.files.length > 0;
-    const contextValue = React.useMemo(() => ({ variant }), [variant]);
-    if (!children && controller && controller.files.length === 0)
-        return null;
-    return (_jsx(AttachmentsContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "attachments", "data-variant": variant, className: cn("flex min-w-0 items-start", variant === "grid" && "ml-auto w-fit flex-wrap gap-2", variant === "inline" && "flex-wrap gap-1.5", variant === "list" && "w-full flex-col gap-2", className), ...props, children: shouldRenderFiles
-                ? controller.files.map((attachment) => (_jsxs(Attachment, { data: attachment, onRemove: () => controller.remove(attachment.id), children: [_jsx(AttachmentPreview, {}), _jsx(AttachmentInfo, { showMediaType: variant === "list" }), _jsx(AttachmentStatus, { status: attachment.status }), _jsx(AttachmentRemove, {})] }, attachment.id)))
-                : children }) }));
-}
-function AttachmentList({ variant = "inline", ...props }) {
-    return _jsx(Attachments, { variant: variant, ...props });
-}
-function Attachment({ attachment, children, className, data, onRemove, ...props }) {
-    const { variant } = useAttachmentsContext();
-    const controller = useOptionalAttachments();
-    const resolvedData = data ?? attachment;
-    const contextValue = React.useMemo(() => {
-        if (!resolvedData)
-            return null;
-        const resolvedOnRemove = onRemove ??
-            (resolvedData.id && controller ? () => controller.remove(resolvedData.id) : undefined);
-        return {
-            data: resolvedData,
-            mediaCategory: getMediaCategory(resolvedData),
-            onRemove: resolvedOnRemove,
-            variant,
-        };
-    }, [controller, onRemove, resolvedData, variant]);
-    if (!contextValue)
-        return null;
-    return (_jsx(AttachmentItemContext.Provider, { value: contextValue, children: _jsx("div", { "data-kind": contextValue.data.kind, "data-slot": "attachment", "data-status": contextValue.data.status, "data-variant": variant, className: cn("group/attachment relative min-w-0 text-sm text-foreground", variant === "grid" && "size-24 overflow-hidden rounded-lg border bg-muted/40", variant === "inline" && [
-                "flex h-8 max-w-full cursor-pointer select-none items-center gap-1.5 rounded-md border bg-background px-1.5",
-                "font-medium transition-colors hover:bg-accent hover:text-accent-foreground",
-            ], variant === "list" && [
-                "flex w-full items-center gap-3 rounded-lg border bg-background p-3 transition-colors",
-                "hover:bg-accent/50",
-            ], "data-[status=error]:border-destructive/40 data-[status=error]:bg-destructive/5", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(AttachmentPreview, {}), _jsx(AttachmentInfo, { showMediaType: variant === "list" }), _jsx(AttachmentStatus, { status: contextValue.data.status }), _jsx(AttachmentRemove, {})] })) }) }));
-}
-function AttachmentPreview({ fallbackIcon, className, ...props }) {
-    const { data, mediaCategory, variant } = useAttachmentContext();
-    const Icon = mediaCategoryIcons[mediaCategory];
-    const iconClassName = variant === "inline" ? "size-3" : "size-4";
-    return (_jsx("div", { "data-slot": "attachment-preview", className: cn("flex shrink-0 items-center justify-center overflow-hidden", variant === "grid" && "size-full bg-muted", variant === "inline" && "size-5 rounded bg-muted/60", variant === "list" && "size-12 rounded-md bg-muted/60", className), ...props, children: renderAttachmentPreview(data, mediaCategory, variant) ?? fallbackIcon ?? (_jsx(Icon, { className: cn(iconClassName, "text-muted-foreground") })) }));
-}
-function AttachmentInfo({ showMediaType = false, className, ...props }) {
-    const { data, variant } = useAttachmentContext();
-    if (variant === "grid")
-        return null;
-    return (_jsxs("div", { "data-slot": "attachment-info", className: cn("grid min-w-0 flex-1 gap-0.5", className), ...props, children: [_jsx("span", { className: "block min-w-0 truncate text-xs leading-none font-medium", children: getAttachmentLabel(data) }), showMediaType || data.error ? (_jsx("span", { className: "block min-w-0 truncate text-[0.6875rem] leading-none text-muted-foreground", children: data.error ?? getAttachmentMeta(data) })) : null] }));
-}
-function AttachmentName({ className, children, ...props }) {
-    const context = React.useContext(AttachmentItemContext);
-    return (_jsx("span", { "data-slot": "attachment-name", className: cn("min-w-0 truncate text-xs leading-none font-medium", className), ...props, children: children ?? (context ? getAttachmentLabel(context.data) : undefined) }));
-}
-function AttachmentMeta({ attachment, children, className, data, ...props }) {
-    const context = React.useContext(AttachmentItemContext);
-    const resolvedData = data ?? attachment ?? context?.data;
-    return (_jsx("span", { "data-slot": "attachment-meta", className: cn("min-w-0 truncate text-[0.6875rem] leading-none text-muted-foreground", className), ...props, children: children ?? getAttachmentMeta(resolvedData) }));
-}
-function AttachmentRemove({ attachmentId, children, className, label = "Remove", onClick, size, type = "button", variant: buttonVariant = "ghost", ...props }) {
-    const controller = useOptionalAttachments();
-    const item = React.useContext(AttachmentItemContext);
-    const resolvedAttachmentId = attachmentId ?? item?.data.id;
-    const attachmentVariant = item?.variant ?? "inline";
-    if (!item?.onRemove && !resolvedAttachmentId && !onClick)
-        return null;
-    return (_jsxs(Button, { "aria-label": label, "data-slot": "attachment-remove", onClick: (event) => {
-            event.stopPropagation();
-            onClick?.(event);
-            if (event.defaultPrevented)
-                return;
-            if (item?.onRemove) {
-                item.onRemove();
-                return;
-            }
-            if (resolvedAttachmentId)
-                controller?.remove(resolvedAttachmentId);
-        }, size: size ?? getAttachmentRemoveSize(attachmentVariant), type: type, variant: buttonVariant, className: cn(attachmentVariant === "grid" && [
-            "absolute top-2 right-2 size-6 rounded-full bg-background/90 p-0 opacity-0 shadow-sm transition-opacity",
-            "group-hover/attachment:opacity-100 group-focus-within/attachment:opacity-100",
-            "hover:bg-background [&>svg]:size-3",
-        ], attachmentVariant === "inline" && [
-            "absolute right-1.5 size-3.5 rounded p-0 opacity-0 transition-opacity",
-            "group-hover/attachment:opacity-100 group-focus-within/attachment:opacity-100",
-            "[&>svg]:size-2.5",
-        ], attachmentVariant === "list" && "size-8 shrink-0 rounded p-0 [&>svg]:size-4", className), ...props, children: [children ?? _jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: label })] }));
-}
-function AttachmentHoverCard({ closeDelay = 0, openDelay = 0, ...props }) {
-    return _jsx(HoverCard, { closeDelay: closeDelay, openDelay: openDelay, ...props });
-}
-function AttachmentHoverCardTrigger(props) {
-    return _jsx(HoverCardTrigger, { ...props });
-}
-function AttachmentHoverCardContent({ align = "start", className, ...props }) {
-    return _jsx(HoverCardContent, { align: align, className: cn("w-auto p-2", className), ...props });
-}
-function AttachmentEmpty({ className, children, ...props }) {
-    return (_jsx("div", { "data-slot": "attachment-empty", className: cn("flex items-center justify-center rounded-lg border border-dashed p-4 text-sm text-muted-foreground", className), ...props, children: children ?? "No attachments" }));
-}
-function AttachmentActionAddFiles({ children, className, label = "Add attachments", onClick, renderAs = "button", size = "icon-sm", tooltip = "Add attachments", type = "button", variant = "ghost", ...props }) {
-    const attachments = useOptionalAttachments();
-    const handleAction = React.useCallback(() => {
-        attachments?.openFileDialog();
-    }, [attachments]);
-    if (renderAs === "menu-item") {
-        return (_jsxs(DropdownMenuItem, { "data-slot": "attachment-action-add-files", onSelect: (event) => {
-                event.preventDefault();
-                handleAction();
-            }, className: cn("gap-2", className), children: [children ?? _jsx(PaperclipIcon, {}), label] }));
-    }
-    const button = (_jsx(Button, { "aria-label": label, "data-slot": "attachment-action-add-files", onClick: (event) => {
-            onClick?.(event);
-            if (event.defaultPrevented)
-                return;
-            handleAction();
-        }, size: size, type: type, variant: variant, className: cn("shrink-0 text-muted-foreground", className), ...props, children: children ?? _jsx(PaperclipIcon, {}) }));
-    return withOptionalTooltip(button, tooltip);
-}
-function AttachmentActionAddScreenshot({ children, className, disabled, label, onClick, renderAs = "button", size = "icon-sm", status, tooltip, type = "button", variant = "ghost", ...props }) {
-    const attachments = useOptionalAttachments();
-    const resolvedStatus = status ?? attachments?.screenshotStatus ?? "idle";
-    const resolvedLabel = label ?? getScreenshotLabel(resolvedStatus);
-    const handleAction = React.useCallback(() => {
-        void attachments?.takeScreenshot();
-    }, [attachments]);
-    if (renderAs === "menu-item") {
-        return (_jsxs(DropdownMenuItem, { "data-slot": "attachment-action-add-screenshot", "data-status": resolvedStatus, disabled: disabled ?? resolvedStatus === "unavailable", onSelect: (event) => {
-                event.preventDefault();
-                handleAction();
-            }, className: cn("gap-2", className), children: [children ?? _jsx(CameraIcon, {}), resolvedLabel] }));
-    }
-    const button = (_jsx(Button, { "aria-label": resolvedLabel, "data-slot": "attachment-action-add-screenshot", "data-status": resolvedStatus, disabled: disabled ?? resolvedStatus === "unavailable", loading: resolvedStatus === "capturing", loadingLabel: "Capturing screenshot", onClick: (event) => {
-            onClick?.(event);
-            if (event.defaultPrevented)
-                return;
-            handleAction();
-        }, size: size, type: type, variant: variant, className: cn("shrink-0 text-muted-foreground", className), ...props, children: children ?? _jsx(CameraIcon, {}) }));
-    return withOptionalTooltip(button, tooltip ?? resolvedLabel);
-}
-function useAttachmentDropTarget({ global, ref, }) {
-    const { add } = useAttachments();
-    React.useEffect(() => {
-        const target = global ? document : ref.current;
-        if (!target)
-            return;
-        const handleDragOver = (event) => {
-            if (!(event instanceof DragEvent))
-                return;
-            if (event.dataTransfer?.types.includes("Files"))
-                event.preventDefault();
-        };
-        const handleDrop = (event) => {
-            if (!(event instanceof DragEvent))
-                return;
-            if (!event.dataTransfer?.types.includes("Files"))
-                return;
-            event.preventDefault();
-            if (event.dataTransfer.files.length > 0)
-                add(event.dataTransfer.files);
-        };
-        target.addEventListener("dragover", handleDragOver);
-        target.addEventListener("drop", handleDrop);
-        return () => {
-            target.removeEventListener("dragover", handleDragOver);
-            target.removeEventListener("drop", handleDrop);
-        };
-    }, [add, global, ref]);
-}
-async function prepareAttachmentsForSubmit(attachments) {
-    return await Promise.all(attachments.map(attachmentToSubmitAttachment));
-}
-function fileToAttachment(file, kind = "file") {
-    return {
-        file,
-        filename: file.name,
-        id: createAttachmentId(),
-        kind,
-        mediaType: file.type,
-        name: file.name,
-        size: file.size,
-        status: "complete",
-        type: "file",
-        url: URL.createObjectURL(file),
-    };
-}
-function getMediaCategory(data) {
-    if (data.type === "source-document" || data.kind === "source")
-        return "source";
-    const mediaType = data.mediaType ?? "";
-    if (mediaType.startsWith("image/"))
-        return "image";
-    if (mediaType.startsWith("video/"))
-        return "video";
-    if (mediaType.startsWith("audio/"))
-        return "audio";
-    if (mediaType.startsWith("application/") || mediaType.startsWith("text/"))
-        return "document";
-    return "unknown";
-}
-function getAttachmentLabel(data) {
-    if (data.type === "source-document" || data.kind === "source") {
-        return data.title || data.filename || data.name || "Source";
-    }
-    const category = getMediaCategory(data);
-    return data.filename || data.name || (category === "image" ? "Image" : "Attachment");
-}
-function renderAttachmentPreview(data, mediaCategory, variant) {
-    if (mediaCategory === "image" && data.url) {
-        return (_jsx("img", { alt: getAttachmentLabel(data), className: cn("size-full object-cover", variant !== "grid" && "rounded"), height: variant === "grid" ? 96 : 20, src: data.url, width: variant === "grid" ? 96 : 20 }));
-    }
-    if (mediaCategory === "video" && data.url) {
-        return _jsx("video", { className: "size-full object-cover", muted: true, src: data.url });
-    }
-    return null;
-}
-function AttachmentStatus({ status }) {
-    const item = React.useContext(AttachmentItemContext);
-    const hoverClassName = item?.variant === "inline"
-        ? "transition-opacity group-hover/attachment:opacity-0 group-focus-within/attachment:opacity-0"
-        : undefined;
-    if (status === "uploading")
-        return (_jsx(Spinner, { "data-slot": "attachment-status", className: cn("size-3.5 shrink-0 text-muted-foreground", hoverClassName) }));
-    if (status === "complete")
-        return (_jsx(CheckIcon, { "data-slot": "attachment-status", className: cn("size-3.5 shrink-0 text-muted-foreground", hoverClassName) }));
-    if (status === "error")
-        return (_jsx(CircleAlertIcon, { "data-slot": "attachment-status", className: cn("size-3.5 shrink-0 text-destructive", hoverClassName) }));
-    return null;
-}
-async function attachmentToSubmitAttachment(attachment) {
-    if (!attachment.url?.startsWith("blob:"))
-        return attachment;
-    const dataUrl = await convertBlobUrlToDataUrl(attachment.url);
-    return {
-        ...attachment,
-        url: dataUrl ?? attachment.url,
-    };
-}
-async function convertBlobUrlToDataUrl(url) {
-    try {
-        const response = await fetch(url);
-        const blob = await response.blob();
-        return await new Promise((resolve) => {
-            const reader = new FileReader();
-            reader.onloadend = () => {
-                const result = reader.result;
-                resolve(typeof result === "string" ? result : null);
-            };
-            reader.onerror = () => resolve(null);
-            reader.readAsDataURL(blob);
-        });
-    }
-    catch {
-        return null;
-    }
-}
-function getAttachmentError({ accept, currentCount, files, maxAttachmentSizeMb, maxAttachments, }) {
-    if (currentCount + files.length > maxAttachments) {
-        return { code: "max_attachments", message: `Attach up to ${maxAttachments} files.` };
-    }
-    const oversizedFile = files.find((file) => file.size > maxAttachmentSizeMb * 1024 * 1024);
-    if (oversizedFile) {
-        return {
-            code: "max_attachment_size",
-            message: `${oversizedFile.name} is larger than ${maxAttachmentSizeMb} MB.`,
-        };
-    }
-    const unsupportedFile = files.find((file) => !isAcceptedFile(file, accept));
-    if (unsupportedFile) {
-        return { code: "accept", message: `${unsupportedFile.name} is not an accepted file type.` };
-    }
-    return undefined;
-}
-function isAcceptedFile(file, accept) {
-    if (!accept)
-        return true;
-    const rules = accept
-        .split(",")
-        .map((rule) => rule.trim().toLowerCase())
-        .filter(Boolean);
-    const fileName = file.name.toLowerCase();
-    const fileType = file.type.toLowerCase();
-    return rules.some((rule) => {
-        if (rule === "*/*")
-            return true;
-        if (rule.startsWith("."))
-            return fileName.endsWith(rule);
-        if (rule.endsWith("/*"))
-            return fileType.startsWith(rule.slice(0, -1));
-        return fileType === rule;
-    });
-}
-async function captureBrowserScreenshot() {
-    if (!isScreenshotSupported())
-        return null;
-    let stream = null;
-    const video = document.createElement("video");
-    video.muted = true;
-    video.playsInline = true;
-    try {
-        stream = await navigator.mediaDevices.getDisplayMedia({ audio: false, video: true });
-        video.srcObject = stream;
-        await new Promise((resolve, reject) => {
-            video.onloadedmetadata = () => resolve();
-            video.onerror = () => reject(new Error("Failed to load screen stream."));
-        });
-        await video.play();
-        if (!video.videoWidth || !video.videoHeight)
-            return null;
-        const canvas = document.createElement("canvas");
-        canvas.width = video.videoWidth;
-        canvas.height = video.videoHeight;
-        const context = canvas.getContext("2d");
-        if (!context)
-            return null;
-        context.drawImage(video, 0, 0, canvas.width, canvas.height);
-        const blob = await new Promise((resolve) => {
-            canvas.toBlob(resolve, "image/png");
-        });
-        if (!blob)
-            return null;
-        return new File([blob], `screenshot-${getScreenshotTimestamp()}.png`, {
-            lastModified: Date.now(),
-            type: "image/png",
-        });
-    }
-    finally {
-        if (stream) {
-            for (const track of stream.getTracks())
-                track.stop();
-        }
-        video.pause();
-        video.srcObject = null;
-    }
-}
-function isScreenshotSupported() {
-    return typeof navigator !== "undefined" && !!navigator.mediaDevices?.getDisplayMedia;
-}
-function getInitialScreenshotStatus(onCaptureScreenshot) {
-    return onCaptureScreenshot || isScreenshotSupported() ? "idle" : "unavailable";
-}
-function isIgnoredScreenshotError(error) {
-    return (error instanceof DOMException &&
-        (error.name === "NotAllowedError" || error.name === "AbortError"));
-}
-function revokeRemovedObjectUrls(previousAttachments, nextAttachments, ownedUrls) {
-    const nextUrls = new Set(nextAttachments.map((attachment) => attachment.url).filter(Boolean));
-    const removedAttachments = previousAttachments.filter((attachment) => attachment.url &&
-        !nextUrls.has(attachment.url) &&
-        (!ownedUrls || ownedUrls.has(attachment.url)));
-    revokeObjectUrls(removedAttachments);
-    if (ownedUrls) {
-        for (const attachment of removedAttachments) {
-            if (attachment.url)
-                ownedUrls.delete(attachment.url);
-        }
-    }
-}
-function revokeObjectUrls(attachments) {
-    for (const attachment of attachments) {
-        if (attachment.url?.startsWith("blob:"))
-            URL.revokeObjectURL(attachment.url);
-    }
-}
-function revokeOwnedObjectUrls(ownedUrls) {
-    for (const url of ownedUrls) {
-        URL.revokeObjectURL(url);
-    }
-    ownedUrls.clear();
-}
-function getAttachmentMeta(attachment) {
-    if (!attachment)
-        return null;
-    if (attachment.error)
-        return attachment.error;
-    const parts = [getMediaLabel(attachment), formatFileSize(attachment.size)].filter(Boolean);
-    return parts.join(" · ");
-}
-function getMediaLabel(attachment) {
-    if (attachment.kind === "screenshot")
-        return "Screenshot";
-    if (attachment.kind === "source" || attachment.type === "source-document")
-        return "Source";
-    if (!attachment.mediaType)
-        return "File";
-    const mediaTypeParts = attachment.mediaType.split("/");
-    return mediaTypeParts[mediaTypeParts.length - 1]?.toUpperCase() ?? "File";
-}
-function formatFileSize(size) {
-    if (size === undefined)
-        return undefined;
-    if (size < 1024)
-        return `${size} B`;
-    if (size < 1024 * 1024)
-        return `${Math.round(size / 1024)} KB`;
-    return `${(size / 1024 / 1024).toFixed(1)} MB`;
-}
-function getAttachmentRemoveSize(variant) {
-    if (variant === "list")
-        return "icon-sm";
-    return "icon-xs";
-}
-function getScreenshotLabel(status) {
-    if (status === "capturing")
-        return "Capturing screenshot";
-    if (status === "unavailable")
-        return "Screenshot unavailable";
-    if (status === "error")
-        return "Screenshot failed";
-    return "Add screenshot";
-}
-function getScreenshotTimestamp() {
-    return new Date().toISOString().replace(/[:.]/g, "-").replace("T", "_").replace("Z", "");
-}
-function createAttachmentId() {
-    return globalThis.crypto?.randomUUID?.() ?? `attachment-${Date.now()}-${Math.random()}`;
-}
-function withOptionalTooltip(button, tooltip) {
-    if (!tooltip)
-        return button;
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: button }), _jsx(TooltipContent, { children: tooltip })] }) }));
-}
-export { Attachment, AttachmentActionAddFiles, AttachmentActionAddScreenshot, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentList, AttachmentMeta, AttachmentName, AttachmentPreview, AttachmentProvider, AttachmentRemove, Attachments, captureBrowserScreenshot, fileToAttachment, getAttachmentLabel, getMediaCategory, prepareAttachmentsForSubmit, useAttachmentContext, useAttachmentDropTarget, useAttachments, useAttachmentsContext, useOptionalAttachments, };

package/dist/components/agentic/audio-player.d.ts

@@ -1,16 +0,0 @@
-import type * as React from "react";
-import type { AgenticAudioSource, AgenticPreviewState } from "@ciridae/ui/types";
-type AudioPlayerProps = React.ComponentProps<"div"> & AgenticAudioSource & {
-    state?: AgenticPreviewState;
-};
-type AudioPlayerHeaderProps = React.ComponentProps<"div">;
-type AudioPlayerTitleProps = React.ComponentProps<"p">;
-type AudioPlayerDescriptionProps = React.ComponentProps<"p">;
-type AudioPlayerContentProps = React.ComponentProps<"div">;
-declare function AudioPlayer({ className, description, duration, src, state, title, ...props }: AudioPlayerProps): React.JSX.Element;
-declare function AudioPlayerHeader({ className, ...props }: AudioPlayerHeaderProps): React.JSX.Element;
-declare function AudioPlayerTitle({ className, ...props }: AudioPlayerTitleProps): React.JSX.Element;
-declare function AudioPlayerDescription({ className, ...props }: AudioPlayerDescriptionProps): React.JSX.Element;
-declare function AudioPlayerContent({ className, ...props }: AudioPlayerContentProps): React.JSX.Element;
-export { AudioPlayer, AudioPlayerContent, AudioPlayerDescription, AudioPlayerHeader, AudioPlayerTitle, };
-export type { AudioPlayerContentProps, AudioPlayerDescriptionProps, AudioPlayerHeaderProps, AudioPlayerProps, AudioPlayerTitleProps, };

package/dist/components/agentic/audio-player.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HeadphonesIcon, PlayIcon } from "lucide-react";
-import { Badge } from "@ciridae/ui/badge";
-import { Card } from "@ciridae/ui/card";
-import { cn } from "@ciridae/ui/utils";
-function AudioPlayer({ className, description, duration, src, state = src ? "ready" : "idle", title = "Audio response", ...props }) {
-    return (_jsxs(Card, { "data-slot": "audio-player", "data-state": state, className: cn("grid w-full min-w-0 gap-3 rounded-lg border bg-card p-3", className), ...props, children: [_jsxs(AudioPlayerHeader, { children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", children: _jsx(HeadphonesIcon, { "aria-hidden": "true", className: "size-4" }) }), _jsxs("div", { className: "min-w-0", children: [_jsx(AudioPlayerTitle, { children: title }), description ? _jsx(AudioPlayerDescription, { children: description }) : null] })] }), duration ? _jsx(Badge, { variant: "outline", children: duration }) : null] }), _jsx(AudioPlayerContent, { children: src ? (_jsx("audio", { className: "h-9 w-full", controls: true, preload: "metadata", src: src, children: _jsx("track", { kind: "captions" }) })) : (_jsxs("div", { className: "flex h-9 items-center gap-2 rounded-md bg-muted/40 px-3 text-sm text-muted-foreground", children: [_jsx(PlayIcon, { "aria-hidden": "true", className: "size-4" }), "No audio source"] })) })] }));
-}
-function AudioPlayerHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "audio-player-header", className: cn("flex min-w-0 items-start justify-between gap-3", className), ...props }));
-}
-function AudioPlayerTitle({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "audio-player-title", className: cn("truncate text-sm font-medium", className), ...props }));
-}
-function AudioPlayerDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "audio-player-description", className: cn("truncate text-xs text-muted-foreground", className), ...props }));
-}
-function AudioPlayerContent({ className, ...props }) {
-    return _jsx("div", { "data-slot": "audio-player-content", className: cn("min-w-0", className), ...props });
-}
-export { AudioPlayer, AudioPlayerContent, AudioPlayerDescription, AudioPlayerHeader, AudioPlayerTitle, };

package/dist/components/agentic/canvas.d.ts

@@ -1,10 +0,0 @@
-import { type ReactNode } from "react";
-import { type Edge as FlowEdge, type Node as FlowNode, type ReactFlowProps } from "@xyflow/react";
-import "@xyflow/react/dist/style.css";
-type CanvasProps<NodeType extends FlowNode = FlowNode, EdgeType extends FlowEdge = FlowEdge> = ReactFlowProps<NodeType, EdgeType> & {
-    children?: ReactNode;
-    showBackground?: boolean;
-};
-declare function Canvas<NodeType extends FlowNode = FlowNode, EdgeType extends FlowEdge = FlowEdge>({ children, className, colorMode, deleteKeyCode, defaultMarkerColor, fitView, maxZoom, minZoom, proOptions, showBackground, style, ...props }: CanvasProps<NodeType, EdgeType>): import("react").JSX.Element;
-export { Canvas };
-export type { CanvasProps };

package/dist/components/agentic/canvas.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Background, BackgroundVariant, ReactFlow, } from "@xyflow/react";
-import "@xyflow/react/dist/style.css";
-import { useAgenticTheme } from "@ciridae/ui/theme";
-import { cn } from "@ciridae/ui/utils";
-const defaultDeleteKeyCode = ["Backspace", "Delete"];
-const workflowEdgeColor = "color-mix(in oklch, var(--foreground) 72%, transparent)";
-const workflowEdgeColorVariable = "var(--agentic-workflow-edge-color)";
-function Canvas({ children, className, colorMode, deleteKeyCode = defaultDeleteKeyCode, defaultMarkerColor, fitView = true, maxZoom = 1.5, minZoom = 0.35, proOptions = { hideAttribution: true }, showBackground = true, style, ...props }) {
-    const resolvedColorMode = useCanvasColorMode(colorMode);
-    const canvasStyle = {
-        "--agentic-workflow-edge-color": workflowEdgeColor,
-        ...style,
-    };
-    const markerColor = defaultMarkerColor === undefined ? workflowEdgeColorVariable : defaultMarkerColor;
-    return (_jsxs(ReactFlow, { colorMode: resolvedColorMode, deleteKeyCode: deleteKeyCode, defaultMarkerColor: markerColor, fitView: fitView, maxZoom: maxZoom, minZoom: minZoom, proOptions: proOptions, style: canvasStyle, "data-slot": "canvas", className: cn("w-full min-w-0 min-h-80 rounded-lg border bg-background text-foreground", "[&_.react-flow__pane]:cursor-grab [&_.react-flow__pane.react-flow__pane-dragging]:cursor-grabbing", className), ...props, children: [showBackground ? (_jsx(Background, { className: "text-border opacity-80", color: "currentColor", gap: 24, size: 1, variant: BackgroundVariant.Dots })) : null, children] }));
-}
-function useCanvasColorMode(colorMode) {
-    const documentTheme = useAgenticTheme();
-    return colorMode ?? documentTheme;
-}
-export { Canvas };