@ciridae/ui-agent 0.3.2 → 0.3.6

package/dist/components/agentic/attachments-ui.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FileTextIcon, GlobeIcon, ImageIcon, Music2Icon, PaperclipIcon, VideoIcon, } from "lucide-react";
+import * as React from "react";
+import { AttachmentRemove } from "./attachments-actions";
+import { AttachmentStatus, renderAttachmentPreview } from "./attachments-preview";
+import { AttachmentItemContext, AttachmentsContext, useAttachmentContext, useAttachmentsContext, useOptionalAttachments, } from "./attachments-context";
+import { getAttachmentLabel, getAttachmentMeta, getMediaCategory } from "./attachments-model";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
+import { cn } from "@ciridae/ui/utils";
+const mediaCategoryIcons = {
+    audio: Music2Icon,
+    document: FileTextIcon,
+    image: ImageIcon,
+    source: GlobeIcon,
+    unknown: PaperclipIcon,
+    video: VideoIcon,
+};
+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 items-center gap-1.5 rounded-md border bg-background px-1.5 select-none",
+                "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 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" }));
+}
+export { Attachment, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentList, AttachmentMeta, AttachmentName, AttachmentPreview, Attachments, };

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

@@ -1,124 +1,5 @@
-import * as React from "react";
-import type { AgenticPromptAttachment, AgenticPromptAttachmentKind } from "@ciridae/ui-agent/types";
-import { Button } from "@ciridae/ui/button";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
-type AgenticAttachment = AgenticPromptAttachment & {
-    file?: File;
-    filename?: string;
-    title?: string;
-    type?: "file" | "source-document";
-};
-type AttachmentData = AgenticAttachment;
-type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
-type AttachmentVariant = "grid" | "inline" | "list";
-type AttachmentErrorCode = "accept" | "max_attachments" | "max_attachment_size";
-type AttachmentError = {
-    code: AttachmentErrorCode;
-    message: string;
-};
-type AttachmentAddOptions = {
-    kind?: AgenticPromptAttachmentKind;
-};
-type AttachmentScreenshotStatus = "idle" | "capturing" | "unavailable" | "error";
-type AttachmentControllerContextValue = {
-    accept?: string;
-    add: (files: File[] | FileList, options?: AttachmentAddOptions) => void;
-    clear: () => void;
-    error?: AttachmentError;
-    files: AgenticAttachment[];
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    openFileDialog: () => void;
-    remove: (id: string) => void;
-    screenshotStatus: AttachmentScreenshotStatus;
-    takeScreenshot: () => Promise<void>;
-};
-type AttachmentProviderProps = {
-    accept?: string;
-    attachments?: AgenticAttachment[];
-    children: React.ReactNode;
-    defaultAttachments?: AgenticAttachment[];
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    multiple?: boolean;
-    onAttachmentError?: (error: AttachmentError) => void;
-    onAttachmentsChange?: (attachments: AgenticAttachment[]) => void;
-    onCaptureScreenshot?: () => File | null | Promise<File | null>;
-};
-type AttachmentsProps = React.ComponentProps<"div"> & {
-    variant?: AttachmentVariant;
-};
-type AttachmentProps = React.ComponentProps<"div"> & {
-    attachment?: AttachmentData;
-    data?: AttachmentData;
-    onRemove?: () => void;
-};
-type AttachmentPreviewProps = React.ComponentProps<"div"> & {
-    fallbackIcon?: React.ReactNode;
-};
-type AttachmentInfoProps = React.ComponentProps<"div"> & {
-    showMediaType?: boolean;
-};
-type AttachmentRemoveProps = React.ComponentProps<typeof Button> & {
-    attachmentId?: string;
-    label?: string;
-};
-type AttachmentHoverCardProps = React.ComponentProps<typeof HoverCard>;
-type AttachmentHoverCardTriggerProps = React.ComponentProps<typeof HoverCardTrigger>;
-type AttachmentHoverCardContentProps = React.ComponentProps<typeof HoverCardContent>;
-type AttachmentEmptyProps = React.ComponentProps<"div">;
-type AttachmentListProps = AttachmentsProps;
-type AttachmentNameProps = React.ComponentProps<"span">;
-type AttachmentMetaProps = React.ComponentProps<"span"> & {
-    attachment?: AttachmentData;
-    data?: AttachmentData;
-};
-type AttachmentActionRenderAs = "button" | "menu-item";
-type AttachmentActionAddFilesProps = React.ComponentProps<typeof Button> & {
-    label?: string;
-    renderAs?: AttachmentActionRenderAs;
-    tooltip?: string;
-};
-type AttachmentActionAddScreenshotProps = React.ComponentProps<typeof Button> & {
-    label?: string;
-    renderAs?: AttachmentActionRenderAs;
-    status?: AttachmentScreenshotStatus;
-    tooltip?: string;
-};
-declare function AttachmentProvider({ accept, attachments, children, defaultAttachments, maxAttachmentSizeMb, maxAttachments, multiple, onAttachmentError, onAttachmentsChange, onCaptureScreenshot, }: AttachmentProviderProps): React.JSX.Element;
-declare function useAttachments(): AttachmentControllerContextValue;
-declare function useOptionalAttachments(): AttachmentControllerContextValue | null;
-declare function useAttachmentsContext(): {
-    variant: AttachmentVariant;
-};
-declare function useAttachmentContext(): {
-    data: AttachmentData;
-    mediaCategory: AttachmentMediaCategory;
-    onRemove?: () => void;
-    variant: AttachmentVariant;
-};
-declare function Attachments({ variant, className, children, ...props }: AttachmentsProps): React.JSX.Element | null;
-declare function AttachmentList({ variant, ...props }: AttachmentListProps): React.JSX.Element;
-declare function Attachment({ attachment, children, className, data, onRemove, ...props }: AttachmentProps): React.JSX.Element | null;
-declare function AttachmentPreview({ fallbackIcon, className, ...props }: AttachmentPreviewProps): React.JSX.Element;
-declare function AttachmentInfo({ showMediaType, className, ...props }: AttachmentInfoProps): React.JSX.Element | null;
-declare function AttachmentName({ className, children, ...props }: AttachmentNameProps): React.JSX.Element;
-declare function AttachmentMeta({ attachment, children, className, data, ...props }: AttachmentMetaProps): React.JSX.Element;
-declare function AttachmentRemove({ attachmentId, children, className, label, onClick, size, type, variant: buttonVariant, ...props }: AttachmentRemoveProps): React.JSX.Element | null;
-declare function AttachmentHoverCard({ closeDelay, openDelay, ...props }: AttachmentHoverCardProps): React.JSX.Element;
-declare function AttachmentHoverCardTrigger(props: AttachmentHoverCardTriggerProps): React.JSX.Element;
-declare function AttachmentHoverCardContent({ align, className, ...props }: AttachmentHoverCardContentProps): React.JSX.Element;
-declare function AttachmentEmpty({ className, children, ...props }: AttachmentEmptyProps): React.JSX.Element;
-declare function AttachmentActionAddFiles({ children, className, label, onClick, renderAs, size, tooltip, type, variant, ...props }: AttachmentActionAddFilesProps): React.JSX.Element;
-declare function AttachmentActionAddScreenshot({ children, className, disabled, label, onClick, renderAs, size, status, tooltip, type, variant, ...props }: AttachmentActionAddScreenshotProps): React.JSX.Element;
-declare function useAttachmentDropTarget({ global, ref, }: {
-    global?: boolean;
-    ref: React.RefObject<HTMLElement | null>;
-}): void;
-declare function prepareAttachmentsForSubmit(attachments: AgenticAttachment[]): Promise<AgenticAttachment[]>;
-declare function fileToAttachment(file: File, kind?: AgenticPromptAttachmentKind): AgenticAttachment;
-declare function getMediaCategory(data: AttachmentData): AttachmentMediaCategory;
-declare function getAttachmentLabel(data: AttachmentData): string;
-declare function captureBrowserScreenshot(): Promise<File | null>;
-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, };
-export type { AgenticAttachment, AttachmentActionAddFilesProps, AttachmentActionAddScreenshotProps, AttachmentAddOptions, AttachmentControllerContextValue as AttachmentContextValue, AttachmentData, AttachmentEmptyProps, AttachmentError, AttachmentErrorCode, AttachmentHoverCardContentProps, AttachmentHoverCardProps, AttachmentHoverCardTriggerProps, AttachmentInfoProps, AttachmentListProps, AttachmentMediaCategory, AttachmentMetaProps, AttachmentNameProps, AttachmentPreviewProps, AttachmentProps, AttachmentProviderProps, AttachmentRemoveProps, AttachmentScreenshotStatus, AttachmentVariant, AttachmentsProps, };
+export { AttachmentActionAddFiles, AttachmentActionAddScreenshot, AttachmentRemove, useAttachmentDropTarget, } from "./attachments-actions";
+export { AttachmentProvider, useAttachmentContext, useAttachments, useAttachmentsContext, useOptionalAttachments, } from "./attachments-context";
+export { captureBrowserScreenshot, fileToAttachment, getAttachmentLabel, getMediaCategory, prepareAttachmentsForSubmit, } from "./attachments-model";
+export { Attachment, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentList, AttachmentMeta, AttachmentName, AttachmentPreview, Attachments, } from "./attachments-ui";
+export type { AgenticAttachment, AttachmentActionAddFilesProps, AttachmentActionAddScreenshotProps, AttachmentAddOptions, AttachmentControllerContextValue as AttachmentContextValue, AttachmentData, AttachmentEmptyProps, AttachmentError, AttachmentErrorCode, AttachmentHoverCardContentProps, AttachmentHoverCardProps, AttachmentHoverCardTriggerProps, AttachmentInfoProps, AttachmentListProps, AttachmentMediaCategory, AttachmentMetaProps, AttachmentNameProps, AttachmentPreviewProps, AttachmentProps, AttachmentProviderProps, AttachmentRemoveProps, AttachmentScreenshotStatus, AttachmentVariant, AttachmentsProps, } from "./attachments-types";