@ciridae/ui 0.2.5 → 0.3.0

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

@@ -1,2 +0,0 @@
-declare function copyToClipboard(value: string, setCopied: (copied: boolean) => void, timeout?: number): Promise<boolean>;
-export { copyToClipboard };

package/dist/components/agentic/clipboard.js

@@ -1,12 +0,0 @@
-async function copyToClipboard(value, setCopied, timeout = 1200) {
-    try {
-        await navigator.clipboard.writeText(value);
-        setCopied(true);
-        window.setTimeout(() => setCopied(false), timeout);
-        return true;
-    }
-    catch {
-        return false;
-    }
-}
-export { copyToClipboard };

package/dist/components/agentic/code-block.d.ts

@@ -1,43 +0,0 @@
-import type * as React from "react";
-import { type BundledLanguage } from "shiki";
-import { Button } from "@ciridae/ui/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@ciridae/ui/select";
-type CodeBlockProps = React.ComponentProps<"div"> & {
-    code: string;
-    language?: BundledLanguage;
-    showLineNumbers?: boolean;
-};
-type CodeBlockContainerProps = React.ComponentProps<"div">;
-type CodeBlockHeaderProps = React.ComponentProps<"div">;
-type CodeBlockTitleProps = React.ComponentProps<"div">;
-type CodeBlockFilenameProps = React.ComponentProps<"div">;
-type CodeBlockActionsProps = React.ComponentProps<"div">;
-type CodeBlockContentProps = React.ComponentProps<"div"> & {
-    code?: string;
-    language?: BundledLanguage;
-    showLineNumbers?: boolean;
-};
-type CodeBlockCopyButtonProps = React.ComponentProps<typeof Button> & {
-    copiedLabel?: string;
-    label?: string;
-};
-type CodeBlockLanguageSelectorProps = React.ComponentProps<typeof Select>;
-type CodeBlockLanguageSelectorTriggerProps = React.ComponentProps<typeof SelectTrigger>;
-type CodeBlockLanguageSelectorValueProps = React.ComponentProps<typeof SelectValue>;
-type CodeBlockLanguageSelectorContentProps = React.ComponentProps<typeof SelectContent>;
-type CodeBlockLanguageSelectorItemProps = React.ComponentProps<typeof SelectItem>;
-declare function CodeBlock({ children, className, code, language, showLineNumbers, ...props }: CodeBlockProps): React.JSX.Element;
-declare function CodeBlockContainer({ className, ...props }: CodeBlockContainerProps): React.JSX.Element;
-declare function CodeBlockHeader({ className, ...props }: CodeBlockHeaderProps): React.JSX.Element;
-declare function CodeBlockTitle({ className, ...props }: CodeBlockTitleProps): React.JSX.Element;
-declare function CodeBlockFilename({ className, ...props }: CodeBlockFilenameProps): React.JSX.Element;
-declare function CodeBlockActions({ className, ...props }: CodeBlockActionsProps): React.JSX.Element;
-declare function CodeBlockContent({ className, code, language, showLineNumbers, ...props }: CodeBlockContentProps): React.JSX.Element;
-declare function CodeBlockCopyButton({ copiedLabel, label, onClick, type, ...props }: CodeBlockCopyButtonProps): React.JSX.Element;
-declare function CodeBlockLanguageSelector(props: CodeBlockLanguageSelectorProps): React.JSX.Element;
-declare function CodeBlockLanguageSelectorTrigger({ className, ...props }: CodeBlockLanguageSelectorTriggerProps): React.JSX.Element;
-declare function CodeBlockLanguageSelectorValue(props: CodeBlockLanguageSelectorValueProps): React.JSX.Element;
-declare function CodeBlockLanguageSelectorContent(props: CodeBlockLanguageSelectorContentProps): React.JSX.Element;
-declare function CodeBlockLanguageSelectorItem(props: CodeBlockLanguageSelectorItemProps): React.JSX.Element;
-export { CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, };
-export type { CodeBlockActionsProps, CodeBlockContainerProps, CodeBlockContentProps, CodeBlockCopyButtonProps, CodeBlockFilenameProps, CodeBlockHeaderProps, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitleProps, };

package/dist/components/agentic/code-block.js

@@ -1,92 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import { codeToHtml } from "shiki";
-import { Button } from "@ciridae/ui/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@ciridae/ui/select";
-import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
-const CodeBlockContext = createContext({ code: "" });
-function useCodeBlock() {
-    return useContext(CodeBlockContext);
-}
-function CodeBlock({ children, className, code, language = "tsx", showLineNumbers, ...props }) {
-    const contextValue = useMemo(() => ({ code }), [code]);
-    return (_jsx(CodeBlockContext.Provider, { value: contextValue, children: _jsx(CodeBlockContainer, { className: className, ...props, children: children ?? (_jsx(CodeBlockContent, { code: code, language: language, showLineNumbers: showLineNumbers })) }) }));
-}
-function CodeBlockContainer({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "code-block", className: cn("w-full overflow-hidden rounded-lg border bg-card text-card-foreground", className), ...props }));
-}
-function CodeBlockHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "code-block-header", className: cn("flex min-w-0 items-center justify-between gap-3 border-b px-3 py-2", className), ...props }));
-}
-function CodeBlockTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "code-block-title", className: cn("truncate text-sm font-medium", className), ...props }));
-}
-function CodeBlockFilename({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "code-block-filename", className: cn("truncate font-mono text-xs text-muted-foreground", className), ...props }));
-}
-function CodeBlockActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "code-block-actions", className: cn("flex shrink-0 items-center gap-1", className), ...props }));
-}
-function CodeBlockContent({ className, code, language = "tsx", showLineNumbers = false, ...props }) {
-    const context = useCodeBlock();
-    const resolvedCode = code ?? context.code;
-    const html = useHighlightedCode(resolvedCode, language);
-    return (_jsx("div", { "data-line-numbers": showLineNumbers ? "true" : undefined, "data-slot": "code-block-content", className: cn("max-h-96 overflow-auto bg-background text-sm text-foreground [&_pre]:!bg-transparent", className), ...props, children: _jsx("div", { className: "min-w-max p-4 font-mono leading-6", dangerouslySetInnerHTML: { __html: html } }) }));
-}
-function CodeBlockCopyButton({ copiedLabel = "Copied", label = "Copy code", onClick, type = "button", ...props }) {
-    const { code } = useCodeBlock();
-    const [copied, setCopied] = useState(false);
-    const Icon = copied ? CheckIcon : CopyIcon;
-    return (_jsx(Button, { "aria-label": copied ? copiedLabel : label, size: "icon", variant: "ghost", ...props, type: type, onClick: (event) => {
-            onClick?.(event);
-            if (!event.defaultPrevented)
-                void copyToClipboard(code, setCopied);
-        }, children: _jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }));
-}
-function CodeBlockLanguageSelector(props) {
-    return _jsx(Select, { ...props });
-}
-function CodeBlockLanguageSelectorTrigger({ className, ...props }) {
-    return _jsx(SelectTrigger, { className: cn("h-8 min-w-24", className), ...props });
-}
-function CodeBlockLanguageSelectorValue(props) {
-    return _jsx(SelectValue, { ...props });
-}
-function CodeBlockLanguageSelectorContent(props) {
-    return _jsx(SelectContent, { ...props });
-}
-function CodeBlockLanguageSelectorItem(props) {
-    return _jsx(SelectItem, { ...props });
-}
-function useHighlightedCode(code, language) {
-    const [html, setHtml] = useState(() => fallbackCodeHtml(code));
-    useEffect(() => {
-        let isMounted = true;
-        setHtml(fallbackCodeHtml(code));
-        void codeToHtml(code, {
-            lang: language,
-            themes: { dark: "github-dark-high-contrast", light: "github-light-high-contrast" },
-        })
-            .then((nextHtml) => {
-            if (isMounted)
-                setHtml(nextHtml);
-        })
-            .catch(() => {
-            if (isMounted)
-                setHtml(fallbackCodeHtml(code));
-        });
-        return () => {
-            isMounted = false;
-        };
-    }, [code, language]);
-    return html;
-}
-function fallbackCodeHtml(code) {
-    return `<pre><code>${escapeHtml(code)}</code></pre>`;
-}
-function escapeHtml(value) {
-    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-export { CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, };

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

@@ -1,57 +0,0 @@
-import { FileIcon } from "lucide-react";
-import type * as React from "react";
-import { Avatar } from "@ciridae/ui/avatar";
-import { Button } from "@ciridae/ui/button";
-import { Collapsible, CollapsibleContent } from "@ciridae/ui/collapsible";
-type CommitProps = React.ComponentProps<typeof Collapsible> & {
-    hash?: string;
-};
-type CommitHeaderProps = React.ComponentProps<"div">;
-type CommitHashProps = React.ComponentProps<"span">;
-type CommitMessageProps = React.ComponentProps<"span">;
-type CommitMetadataProps = React.ComponentProps<"div">;
-type CommitSeparatorProps = React.ComponentProps<"span">;
-type CommitInfoProps = React.ComponentProps<"div">;
-type CommitAuthorProps = React.ComponentProps<"div">;
-type CommitAuthorAvatarProps = React.ComponentProps<typeof Avatar> & {
-    fallback?: string;
-    src?: string;
-};
-type CommitTimestampProps = React.ComponentProps<"time">;
-type CommitActionsProps = React.ComponentProps<"div">;
-type CommitCopyButtonProps = React.ComponentProps<typeof Button>;
-type CommitContentProps = React.ComponentProps<typeof CollapsibleContent>;
-type CommitFilesProps = React.ComponentProps<"div">;
-type CommitFileProps = React.ComponentProps<"div">;
-type CommitFileInfoProps = React.ComponentProps<"div">;
-type CommitFileStatusProps = React.ComponentProps<"span"> & {
-    status?: "added" | "deleted" | "modified" | "renamed";
-};
-type CommitFileIconProps = React.ComponentProps<typeof FileIcon>;
-type CommitFilePathProps = React.ComponentProps<"span">;
-type CommitFileChangesProps = React.ComponentProps<"div">;
-type CommitFileAdditionsProps = React.ComponentProps<"span">;
-type CommitFileDeletionsProps = React.ComponentProps<"span">;
-declare function Commit({ children, className, defaultOpen, hash, ...props }: CommitProps): React.JSX.Element;
-declare function CommitHeader({ children, className, ...props }: CommitHeaderProps): React.JSX.Element;
-declare function CommitHash({ className, ...props }: CommitHashProps): React.JSX.Element;
-declare function CommitMessage({ className, ...props }: CommitMessageProps): React.JSX.Element;
-declare function CommitMetadata({ className, ...props }: CommitMetadataProps): React.JSX.Element;
-declare function CommitSeparator(props: CommitSeparatorProps): React.JSX.Element;
-declare function CommitInfo({ className, ...props }: CommitInfoProps): React.JSX.Element;
-declare function CommitAuthor({ className, ...props }: CommitAuthorProps): React.JSX.Element;
-declare function CommitAuthorAvatar({ fallback, src, ...props }: CommitAuthorAvatarProps): React.JSX.Element;
-declare function CommitTimestamp(props: CommitTimestampProps): React.JSX.Element;
-declare function CommitActions({ className, ...props }: CommitActionsProps): React.JSX.Element;
-declare function CommitCopyButton({ children, onClick, type, ...props }: CommitCopyButtonProps): React.JSX.Element;
-declare function CommitContent({ className, ...props }: CommitContentProps): React.JSX.Element;
-declare function CommitFiles({ className, ...props }: CommitFilesProps): React.JSX.Element;
-declare function CommitFile({ className, ...props }: CommitFileProps): React.JSX.Element;
-declare function CommitFileInfo({ className, ...props }: CommitFileInfoProps): React.JSX.Element;
-declare function CommitFileStatus({ className, status, ...props }: CommitFileStatusProps): React.JSX.Element;
-declare function CommitFileIcon(props: CommitFileIconProps): React.JSX.Element;
-declare function CommitFilePath({ className, ...props }: CommitFilePathProps): React.JSX.Element;
-declare function CommitFileChanges({ className, ...props }: CommitFileChangesProps): React.JSX.Element;
-declare function CommitFileAdditions({ className, ...props }: CommitFileAdditionsProps): React.JSX.Element;
-declare function CommitFileDeletions({ className, ...props }: CommitFileDeletionsProps): React.JSX.Element;
-export { Commit, CommitActions, CommitAuthor, CommitAuthorAvatar, CommitContent, CommitCopyButton, CommitFile, CommitFileAdditions, CommitFileChanges, CommitFileDeletions, CommitFileIcon, CommitFileInfo, CommitFilePath, CommitFiles, CommitFileStatus, CommitHash, CommitHeader, CommitInfo, CommitMessage, CommitMetadata, CommitSeparator, CommitTimestamp, };

package/dist/components/agentic/commit.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronDownIcon, CopyIcon, FileIcon } from "lucide-react";
-import { createContext, useContext, useMemo, useState } from "react";
-import { Avatar, AvatarFallback, AvatarImage } from "@ciridae/ui/avatar";
-import { Button } from "@ciridae/ui/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
-import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
-const CommitContext = createContext({ hash: "" });
-function Commit({ children, className, defaultOpen = true, hash = "", ...props }) {
-    const contextValue = useMemo(() => ({ hash }), [hash]);
-    return (_jsx(CommitContext.Provider, { value: contextValue, children: _jsx(Collapsible, { "data-slot": "commit", className: cn("rounded-lg border bg-card", className), defaultOpen: defaultOpen, ...props, children: children }) }));
-}
-function CommitHeader({ children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "commit-header", className: cn("flex w-full items-center justify-between gap-3 px-3 py-2 text-left", className), ...props, children: [children, _jsx(CollapsibleTrigger, { asChild: true, children: _jsx(Button, { "aria-label": "Toggle commit details", className: "group/commit-toggle shrink-0", size: "icon", type: "button", variant: "ghost", children: _jsx(ChevronDownIcon, { "aria-hidden": "true", className: "size-4 transition-transform group-data-[state=open]/commit-toggle:rotate-180" }) }) })] }));
-}
-function CommitHash({ className, ...props }) {
-    const { hash } = useContext(CommitContext);
-    return (_jsx("span", { "data-slot": "commit-hash", className: cn("font-mono text-xs text-muted-foreground", className), ...props, children: props.children ?? hash.slice(0, 7) }));
-}
-function CommitMessage({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "commit-message", className: cn("truncate text-sm font-medium", className), ...props }));
-}
-function CommitMetadata({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-metadata", className: cn("flex flex-wrap items-center gap-2 text-xs text-muted-foreground", className), ...props }));
-}
-function CommitSeparator(props) {
-    return (_jsx("span", { "aria-hidden": "true", "data-slot": "commit-separator", ...props, children: "/" }));
-}
-function CommitInfo({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-info", className: cn("min-w-0 flex-1 space-y-1", className), ...props }));
-}
-function CommitAuthor({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-author", className: cn("inline-flex items-center gap-1.5", className), ...props }));
-}
-function CommitAuthorAvatar({ fallback = "A", src, ...props }) {
-    return (_jsxs(Avatar, { "data-slot": "commit-author-avatar", ...props, children: [src ? _jsx(AvatarImage, { alt: "", src: src }) : null, _jsx(AvatarFallback, { children: fallback })] }));
-}
-function CommitTimestamp(props) {
-    return _jsx("time", { "data-slot": "commit-timestamp", ...props });
-}
-function CommitActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-actions", className: cn("flex shrink-0 items-center gap-1", className), ...props }));
-}
-function CommitCopyButton({ children, onClick, type = "button", ...props }) {
-    const { hash } = useContext(CommitContext);
-    const [copied, setCopied] = useState(false);
-    const Icon = copied ? CheckIcon : CopyIcon;
-    return (_jsx(Button, { "aria-label": copied ? "Copied" : "Copy commit hash", size: "icon", variant: "ghost", ...props, type: type, onClick: (event) => {
-            onClick?.(event);
-            if (!event.defaultPrevented)
-                void copyToClipboard(hash, setCopied);
-        }, children: children ?? _jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }));
-}
-function CommitContent({ className, ...props }) {
-    return (_jsx(CollapsibleContent, { "data-slot": "commit-content", className: cn("border-t p-3", className), ...props }));
-}
-function CommitFiles({ className, ...props }) {
-    return _jsx("div", { "data-slot": "commit-files", className: cn("grid gap-1", className), ...props });
-}
-function CommitFile({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-file", className: cn("flex min-w-0 items-center justify-between gap-3 rounded-md px-2 py-1 text-sm hover:bg-muted", className), ...props }));
-}
-function CommitFileInfo({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-file-info", className: cn("flex min-w-0 items-center gap-2", className), ...props }));
-}
-function CommitFileStatus({ className, status = "modified", ...props }) {
-    return (_jsx("span", { "data-slot": "commit-file-status", className: cn("text-meta text-muted-foreground", className), ...props, children: status }));
-}
-function CommitFileIcon(props) {
-    return _jsx(FileIcon, { "aria-hidden": "true", "data-slot": "commit-file-icon", ...props });
-}
-function CommitFilePath({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "commit-file-path", className: cn("truncate font-mono text-xs", className), ...props }));
-}
-function CommitFileChanges({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "commit-file-changes", className: cn("flex shrink-0 items-center gap-2 font-mono text-xs", className), ...props }));
-}
-function CommitFileAdditions({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "commit-file-additions", className: cn("text-foreground", className), ...props }));
-}
-function CommitFileDeletions({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "commit-file-deletions", className: cn("text-muted-foreground", className), ...props }));
-}
-export { Commit, CommitActions, CommitAuthor, CommitAuthorAvatar, CommitContent, CommitCopyButton, CommitFile, CommitFileAdditions, CommitFileChanges, CommitFileDeletions, CommitFileIcon, CommitFileInfo, CommitFilePath, CommitFiles, CommitFileStatus, CommitHash, CommitHeader, CommitInfo, CommitMessage, CommitMetadata, CommitSeparator, CommitTimestamp, };

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

@@ -1,3 +0,0 @@
-import type { ConnectionLineComponentProps, Node as FlowNode } from "@xyflow/react";
-declare function Connection<NodeType extends FlowNode = FlowNode>({ fromX, fromY, toX, toY, }: ConnectionLineComponentProps<NodeType>): import("react").JSX.Element;
-export { Connection };

package/dist/components/agentic/connection.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const half = 0.5;
-function Connection({ fromX, fromY, toX, toY, }) {
-    const centerX = fromX + (toX - fromX) * half;
-    const path = `M ${fromX} ${fromY} C ${centerX} ${fromY}, ${centerX} ${toY}, ${toX} ${toY}`;
-    return (_jsx("path", { className: "fill-none stroke-foreground/70", d: path, "data-slot": "connection", strokeDasharray: "4 4", strokeLinecap: "round", strokeWidth: 1.5 }));
-}
-export { Connection };

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

@@ -1,6 +0,0 @@
-import type * as React from "react";
-import { Controls as ControlsPrimitive } from "@xyflow/react";
-type ControlsProps = React.ComponentProps<typeof ControlsPrimitive>;
-declare function Controls({ className, ...props }: ControlsProps): React.JSX.Element;
-export { Controls };
-export type { ControlsProps };

package/dist/components/agentic/controls.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Controls as ControlsPrimitive } from "@xyflow/react";
-import { cn } from "@ciridae/ui/utils";
-function Controls({ className, ...props }) {
-    return (_jsx(ControlsPrimitive, { "data-slot": "controls", className: cn("overflow-hidden rounded-lg border bg-card p-1 shadow-xs", "[&>button]:size-7 [&>button]:border-0! [&>button]:bg-transparent! [&>button]:text-foreground", "[&>button]:hover:bg-secondary! [&>button>svg]:max-h-4 [&>button>svg]:max-w-4", className), ...props }));
-}
-export { Controls };

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

@@ -1,25 +0,0 @@
-import type * as React from "react";
-import { StickToBottom } from "use-stick-to-bottom";
-import type { AgenticMessage } from "@ciridae/ui/types";
-import { Button } from "@ciridae/ui/button";
-type ConversationProps = React.ComponentProps<typeof StickToBottom>;
-type ConversationContentProps = React.ComponentProps<typeof StickToBottom.Content>;
-type ConversationEmptyStateProps = React.ComponentProps<"div"> & {
-    description?: string;
-    icon?: React.ReactNode;
-    title?: string;
-};
-type ConversationScrollButtonProps = React.ComponentProps<typeof Button>;
-type ConversationDownloadProps = Omit<React.ComponentProps<typeof Button>, "onClick"> & {
-    filename?: string;
-    formatMessage?: (message: AgenticMessage, index: number) => string;
-    messages: AgenticMessage[];
-};
-declare function Conversation({ className, resize, initial, ...props }: ConversationProps): React.JSX.Element;
-declare function ConversationContent({ className, scrollClassName, ...props }: ConversationContentProps): React.JSX.Element;
-declare function ConversationEmptyState({ children, className, description, icon, title, ...props }: ConversationEmptyStateProps): React.JSX.Element;
-declare function ConversationScrollButton({ children, className, onClick, size, type, variant, ...props }: ConversationScrollButtonProps): React.JSX.Element | null;
-declare function ConversationDownload({ children, className, filename, formatMessage, messages, size, type, variant, ...props }: ConversationDownloadProps): React.JSX.Element;
-declare function messagesToMarkdown(messages: AgenticMessage[], formatMessage?: (message: AgenticMessage, index: number) => string): string;
-export { Conversation, ConversationContent, ConversationDownload, ConversationEmptyState, ConversationScrollButton, messagesToMarkdown, };
-export type { ConversationContentProps, ConversationDownloadProps, ConversationEmptyStateProps, ConversationProps, ConversationScrollButtonProps, };

package/dist/components/agentic/conversation.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable react-refresh/only-export-components */
-import { ArrowDownIcon, DownloadIcon, MessageCircleIcon } from "lucide-react";
-import { useCallback } from "react";
-import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
-function Conversation({ className, resize = "smooth", initial = "smooth", ...props }) {
-    return (_jsx(StickToBottom, { "data-slot": "conversation", resize: resize, initial: initial, className: cn("relative min-h-0 overflow-hidden", className), ...props }));
-}
-function ConversationContent({ className, scrollClassName, ...props }) {
-    return (_jsx(StickToBottom.Content, { "data-slot": "conversation-content", scrollClassName: cn("min-h-0 overflow-y-auto", scrollClassName), className: cn("flex min-h-full min-w-0 flex-col gap-4 p-4", className), ...props }));
-}
-function ConversationEmptyState({ children, className, description = "Start a conversation to see messages here.", icon, title = "No messages yet", ...props }) {
-    return (_jsx("div", { "data-slot": "conversation-empty-state", className: cn("flex min-h-64 min-w-0 flex-1 flex-col items-center justify-center gap-3 rounded-lg border border-dashed p-(--panel-padding) text-center text-balance", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex size-10 items-center justify-center rounded-lg bg-muted text-muted-foreground", children: icon ?? _jsx(MessageCircleIcon, { "aria-hidden": "true", className: "size-5" }) }), _jsxs("div", { className: "grid max-w-sm gap-1", children: [_jsx("h3", { className: "text-sm font-medium", children: title }), description ? _jsx("p", { className: "text-sm text-muted-foreground", children: description }) : null] })] })) }));
-}
-function ConversationScrollButton({ children, className, onClick, size = "icon", type = "button", variant = "outline", ...props }) {
-    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-    const handleScrollToBottom = useCallback((event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented)
-            scrollToBottom();
-    }, [onClick, scrollToBottom]);
-    if (isAtBottom)
-        return null;
-    return (_jsx(Button, { "aria-label": "Scroll to bottom", "data-slot": "conversation-scroll-button", className: cn("absolute right-4 bottom-4 shadow-xs", className), onClick: handleScrollToBottom, size: size, type: type, variant: variant, ...props, children: children ?? _jsx(ArrowDownIcon, {}) }));
-}
-function ConversationDownload({ children, className, filename = "conversation.md", formatMessage = defaultFormatMessage, messages, size = "sm", type = "button", variant = "outline", ...props }) {
-    const handleDownload = useCallback(() => {
-        const markdown = messagesToMarkdown(messages, formatMessage);
-        const blob = new Blob([markdown], { type: "text/markdown" });
-        const url = URL.createObjectURL(blob);
-        const link = document.createElement("a");
-        link.href = url;
-        link.download = filename;
-        document.body.append(link);
-        link.click();
-        link.remove();
-        URL.revokeObjectURL(url);
-    }, [filename, formatMessage, messages]);
-    return (_jsx(Button, { "data-slot": "conversation-download", className: cn("shrink-0", className), onClick: handleDownload, size: size, type: type, variant: variant, ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(DownloadIcon, {}), "Download"] })) }));
-}
-function messagesToMarkdown(messages, formatMessage = defaultFormatMessage) {
-    return messages.map((message, index) => formatMessage(message, index)).join("\n\n");
-}
-function defaultFormatMessage(message) {
-    const roleLabel = message.role.charAt(0).toUpperCase() + message.role.slice(1);
-    return `**${roleLabel}:** ${getMessageText(message)}`;
-}
-function getMessageText(message) {
-    return message.parts
-        .filter((part) => part.type === "text")
-        .map((part) => part.text)
-        .join("");
-}
-export { Conversation, ConversationContent, ConversationDownload, ConversationEmptyState, ConversationScrollButton, messagesToMarkdown, };

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

@@ -1,8 +0,0 @@
-import type { EdgeProps } from "@xyflow/react";
-declare function Temporary({ id, markerEnd, sourcePosition, sourceX, sourceY, style, targetPosition, targetX, targetY, }: EdgeProps): import("react").JSX.Element;
-declare function Animated({ id, markerEnd, source, style, target }: EdgeProps): import("react").JSX.Element | null;
-declare const Edge: {
-    Animated: typeof Animated;
-    Temporary: typeof Temporary;
-};
-export { Edge };

package/dist/components/agentic/edge.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BaseEdge, getBezierPath, getSimpleBezierPath, Position, useInternalNode, } from "@xyflow/react";
-function Temporary({ id, markerEnd, sourcePosition, sourceX, sourceY, style, targetPosition, targetX, targetY, }) {
-    const [edgePath] = getSimpleBezierPath({
-        sourcePosition,
-        sourceX,
-        sourceY,
-        targetPosition,
-        targetX,
-        targetY,
-    });
-    return _jsx(WorkflowBaseEdge, { id: id, markerEnd: markerEnd, path: edgePath, style: style });
-}
-function Animated({ id, markerEnd, source, style, target }) {
-    const sourceNode = useInternalNode(source);
-    const targetNode = useInternalNode(target);
-    if (!(sourceNode && targetNode))
-        return null;
-    const { sourcePos, sx, sy, targetPos, tx, ty } = getEdgeParams(sourceNode, targetNode);
-    const [edgePath] = getBezierPath({
-        sourcePosition: sourcePos,
-        sourceX: sx,
-        sourceY: sy,
-        targetPosition: targetPos,
-        targetX: tx,
-        targetY: ty,
-    });
-    return (_jsxs(_Fragment, { children: [_jsx(WorkflowBaseEdge, { id: id, markerEnd: markerEnd, path: edgePath, style: style }), _jsx("circle", { className: "fill-foreground/70 motion-reduce:hidden", r: "3", children: _jsx("animateMotion", { dur: "2.4s", path: edgePath, repeatCount: "indefinite" }) })] }));
-}
-function WorkflowBaseEdge({ className, id, markerEnd, path, style, }) {
-    return (_jsx(BaseEdge, { className: className, id: id, markerEnd: markerEnd, path: path, style: {
-            stroke: "var(--agentic-workflow-edge-color, color-mix(in oklch, var(--foreground) 72%, transparent))",
-            strokeWidth: 1.5,
-            ...style,
-        } }));
-}
-function getEdgeParams(source, target) {
-    const sourcePos = Position.Right;
-    const targetPos = Position.Left;
-    const [sx, sy] = getHandleCoordsByPosition(source, sourcePos);
-    const [tx, ty] = getHandleCoordsByPosition(target, targetPos);
-    return { sourcePos, sx, sy, targetPos, tx, ty };
-}
-function getHandleCoordsByPosition(node, handlePosition) {
-    const handleType = handlePosition === Position.Left ? "target" : "source";
-    const handle = node.internals.handleBounds?.[handleType]?.find((candidate) => candidate.position === handlePosition);
-    if (!handle)
-        return [node.internals.positionAbsolute.x, node.internals.positionAbsolute.y];
-    let offsetX = handle.width / 2;
-    let offsetY = handle.height / 2;
-    if (handlePosition === Position.Left)
-        offsetX = 0;
-    if (handlePosition === Position.Right)
-        offsetX = handle.width;
-    if (handlePosition === Position.Top)
-        offsetY = 0;
-    if (handlePosition === Position.Bottom)
-        offsetY = handle.height;
-    return [
-        node.internals.positionAbsolute.x + handle.x + offsetX,
-        node.internals.positionAbsolute.y + handle.y + offsetY,
-    ];
-}
-const Edge = { Animated, Temporary };
-export { Edge };

package/dist/components/agentic/effort-selector.d.ts

@@ -1,43 +0,0 @@
-import type * as React from "react";
-import { Button } from "@ciridae/ui/button";
-type EffortSelectorValue = "auto" | "low" | "medium" | "high" | "xhigh";
-type EffortSelectorOption = {
-    label: string;
-    shortLabel: string;
-    value: EffortSelectorValue;
-};
-type EffortSelectorProps = Omit<React.ComponentProps<typeof Button>, "onChange" | "onClick" | "value"> & {
-    onValueChange: (value: EffortSelectorValue) => void;
-    showLabel?: boolean;
-    value: EffortSelectorValue;
-};
-type EffortSelectorIconProps = React.ComponentProps<"span"> & {
-    value: EffortSelectorValue;
-};
-declare const EFFORT_SELECTOR_OPTIONS: readonly [{
-    readonly value: "auto";
-    readonly label: "Auto";
-    readonly shortLabel: "";
-}, {
-    readonly value: "low";
-    readonly label: "Low";
-    readonly shortLabel: "Low";
-}, {
-    readonly value: "medium";
-    readonly label: "Medium";
-    readonly shortLabel: "Medium";
-}, {
-    readonly value: "high";
-    readonly label: "High";
-    readonly shortLabel: "High";
-}, {
-    readonly value: "xhigh";
-    readonly label: "Extra High";
-    readonly shortLabel: "Extra High";
-}];
-declare function EffortSelector({ className, disabled, onValueChange, showLabel, value, variant, ...props }: EffortSelectorProps): React.JSX.Element;
-declare function EffortSelectorIcon({ className, value, ...props }: EffortSelectorIconProps): React.JSX.Element;
-declare function getEffortSelectorOption(value: string | null | undefined): EffortSelectorOption;
-declare function getNextEffortValue(value: EffortSelectorValue): "medium" | "auto" | "low" | "high" | "xhigh";
-export { EFFORT_SELECTOR_OPTIONS, EffortSelector, EffortSelectorIcon, getEffortSelectorOption, getNextEffortValue, };
-export type { EffortSelectorOption, EffortSelectorProps, EffortSelectorValue };

package/dist/components/agentic/effort-selector.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
-const EFFORT_SELECTOR_OPTIONS = [
-    { value: "auto", label: "Auto", shortLabel: "" },
-    { value: "low", label: "Low", shortLabel: "Low" },
-    { value: "medium", label: "Medium", shortLabel: "Medium" },
-    { value: "high", label: "High", shortLabel: "High" },
-    { value: "xhigh", label: "Extra High", shortLabel: "Extra High" },
-];
-function EffortSelector({ className, disabled, onValueChange, showLabel = true, value, variant = "ghost", ...props }) {
-    const selectedOption = getEffortSelectorOption(value);
-    return (_jsxs(Button, { "aria-label": `Effort: ${selectedOption.label}. Click to change.`, className: cn("h-7 w-auto justify-start gap-1 rounded-md px-1.5 text-xs", className), "data-slot": "effort-selector", disabled: disabled, onClick: () => onValueChange(getNextEffortValue(value)), title: `Effort: ${selectedOption.label}`, type: "button", variant: variant, ...props, children: [_jsx(EffortSelectorIcon, { value: value }), showLabel && selectedOption.shortLabel ? (_jsx("span", { className: "min-w-0 flex-none truncate text-left", "data-slot": "effort-selector-label", children: selectedOption.shortLabel })) : null] }));
-}
-function EffortSelectorIcon({ className, value, ...props }) {
-    const activeBars = getActiveBarCount(value);
-    return (_jsx("span", { "aria-hidden": "true", className: cn("flex size-4 shrink-0 items-end justify-center gap-0.5 text-muted-foreground", className), "data-slot": "effort-selector-icon", ...props, children: [1, 2, 3, 4].map((bar) => (_jsx("span", { className: cn("w-0.5 rounded-full bg-current transition-opacity", getBarHeightClassName(bar), bar <= activeBars ? "opacity-100" : "opacity-30") }, bar))) }));
-}
-function getEffortSelectorOption(value) {
-    return (EFFORT_SELECTOR_OPTIONS.find((option) => option.value === value) ?? EFFORT_SELECTOR_OPTIONS[0]);
-}
-function getNextEffortValue(value) {
-    const selectedIndex = EFFORT_SELECTOR_OPTIONS.findIndex((option) => option.value === value);
-    const nextIndex = (selectedIndex + 1) % EFFORT_SELECTOR_OPTIONS.length;
-    return EFFORT_SELECTOR_OPTIONS[nextIndex].value;
-}
-function getActiveBarCount(value) {
-    if (value === "auto")
-        return 0;
-    if (value === "low")
-        return 1;
-    if (value === "medium")
-        return 2;
-    if (value === "high")
-        return 3;
-    return 4;
-}
-function getBarHeightClassName(bar) {
-    if (bar === 1)
-        return "h-2";
-    if (bar === 2)
-        return "h-2.5";
-    if (bar === 3)
-        return "h-3";
-    return "h-3.5";
-}
-export { EFFORT_SELECTOR_OPTIONS, EffortSelector, EffortSelectorIcon, getEffortSelectorOption, getNextEffortValue, };

package/dist/components/agentic/environment-variables.d.ts

@@ -1,32 +0,0 @@
-import type * as React from "react";
-import { Badge } from "@ciridae/ui/badge";
-import { Button } from "@ciridae/ui/button";
-import { Switch } from "@ciridae/ui/switch";
-type EnvironmentVariablesProps = React.ComponentProps<"div"> & {
-    defaultRevealed?: boolean;
-};
-type EnvironmentVariablesHeaderProps = React.ComponentProps<"div">;
-type EnvironmentVariablesTitleProps = React.ComponentProps<"h3">;
-type EnvironmentVariablesToggleProps = React.ComponentProps<typeof Switch>;
-type EnvironmentVariablesContentProps = React.ComponentProps<"div">;
-type EnvironmentVariableGroupProps = React.ComponentProps<"div">;
-type EnvironmentVariableProps = React.ComponentProps<"div"> & {
-    value: string;
-};
-type EnvironmentVariableNameProps = React.ComponentProps<"span">;
-type EnvironmentVariableValueProps = React.ComponentProps<"span">;
-type EnvironmentVariableCopyButtonProps = React.ComponentProps<typeof Button>;
-type EnvironmentVariableRequiredProps = React.ComponentProps<typeof Badge>;
-declare function EnvironmentVariables({ children, className, defaultRevealed, ...props }: EnvironmentVariablesProps): React.JSX.Element;
-declare function EnvironmentVariablesHeader({ className, ...props }: EnvironmentVariablesHeaderProps): React.JSX.Element;
-declare function EnvironmentVariablesTitle({ className, ...props }: EnvironmentVariablesTitleProps): React.JSX.Element;
-declare function EnvironmentVariablesToggle(props: EnvironmentVariablesToggleProps): React.JSX.Element;
-declare function EnvironmentVariablesContent({ className, ...props }: EnvironmentVariablesContentProps): React.JSX.Element;
-declare function EnvironmentVariableGroup({ className, ...props }: EnvironmentVariableGroupProps): React.JSX.Element;
-declare function EnvironmentVariable({ children, className, value, ...props }: EnvironmentVariableProps): React.JSX.Element;
-declare function EnvironmentVariableName({ className, ...props }: EnvironmentVariableNameProps): React.JSX.Element;
-declare function EnvironmentVariableValue({ className, ...props }: EnvironmentVariableValueProps): React.JSX.Element;
-declare function EnvironmentVariableCopyButton({ children, onClick, type, ...props }: EnvironmentVariableCopyButtonProps): React.JSX.Element;
-declare function EnvironmentVariableRequired({ children, variant, ...props }: EnvironmentVariableRequiredProps): React.JSX.Element;
-export { EnvironmentVariable, EnvironmentVariableCopyButton, EnvironmentVariableGroup, EnvironmentVariableName, EnvironmentVariableRequired, EnvironmentVariableValue, EnvironmentVariables, EnvironmentVariablesContent, EnvironmentVariablesHeader, EnvironmentVariablesTitle, EnvironmentVariablesToggle, };
-export type { EnvironmentVariableCopyButtonProps, EnvironmentVariableGroupProps, EnvironmentVariableNameProps, EnvironmentVariableProps, EnvironmentVariableRequiredProps, EnvironmentVariableValueProps, EnvironmentVariablesContentProps, EnvironmentVariablesHeaderProps, EnvironmentVariablesProps, EnvironmentVariablesTitleProps, EnvironmentVariablesToggleProps, };