@ciridae/ui 0.2.5 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ciridae/ui",
-	"version": "0.2.5",
+	"version": "0.3.0",
 	"type": "module",
 	"private": false,
 	"repository": {
@@ -15,254 +15,6 @@
 	],
 	"exports": {
 		"./package.json": "./package.json",
-		"./agent-card": {
-			"types": "./dist/components/agentic/agent-card.d.ts",
-			"default": "./dist/components/agentic/agent-card.js"
-		},
-		"./agent-composer": {
-			"types": "./dist/components/agentic/agent-composer.d.ts",
-			"default": "./dist/components/agentic/agent-composer.js"
-		},
-		"./agent-context": {
-			"types": "./dist/components/agentic/agent-context.d.ts",
-			"default": "./dist/components/agentic/agent-context.js"
-		},
-		"./agent-plan": {
-			"types": "./dist/components/agentic/agent-plan.d.ts",
-			"default": "./dist/components/agentic/agent-plan.js"
-		},
-		"./agent-queue": {
-			"types": "./dist/components/agentic/agent-queue.d.ts",
-			"default": "./dist/components/agentic/agent-queue.js"
-		},
-		"./agent-task": {
-			"types": "./dist/components/agentic/agent-task.d.ts",
-			"default": "./dist/components/agentic/agent-task.js"
-		},
-		"./approval-request": {
-			"types": "./dist/components/agentic/approval-request.d.ts",
-			"default": "./dist/components/agentic/approval-request.js"
-		},
-		"./artifact": {
-			"types": "./dist/components/agentic/artifact.d.ts",
-			"default": "./dist/components/agentic/artifact.js"
-		},
-		"./attachments": {
-			"types": "./dist/components/agentic/attachments.d.ts",
-			"default": "./dist/components/agentic/attachments.js"
-		},
-		"./audio-player": {
-			"types": "./dist/components/agentic/audio-player.d.ts",
-			"default": "./dist/components/agentic/audio-player.js"
-		},
-		"./canvas": {
-			"types": "./dist/components/agentic/canvas.d.ts",
-			"default": "./dist/components/agentic/canvas.js"
-		},
-		"./clipboard": {
-			"types": "./dist/components/agentic/clipboard.d.ts",
-			"default": "./dist/components/agentic/clipboard.js"
-		},
-		"./code-block": {
-			"types": "./dist/components/agentic/code-block.d.ts",
-			"default": "./dist/components/agentic/code-block.js"
-		},
-		"./commit": {
-			"types": "./dist/components/agentic/commit.d.ts",
-			"default": "./dist/components/agentic/commit.js"
-		},
-		"./connection": {
-			"types": "./dist/components/agentic/connection.d.ts",
-			"default": "./dist/components/agentic/connection.js"
-		},
-		"./controls": {
-			"types": "./dist/components/agentic/controls.d.ts",
-			"default": "./dist/components/agentic/controls.js"
-		},
-		"./conversation": {
-			"types": "./dist/components/agentic/conversation.d.ts",
-			"default": "./dist/components/agentic/conversation.js"
-		},
-		"./edge": {
-			"types": "./dist/components/agentic/edge.d.ts",
-			"default": "./dist/components/agentic/edge.js"
-		},
-		"./effort-selector": {
-			"types": "./dist/components/agentic/effort-selector.d.ts",
-			"default": "./dist/components/agentic/effort-selector.js"
-		},
-		"./environment-variables": {
-			"types": "./dist/components/agentic/environment-variables.d.ts",
-			"default": "./dist/components/agentic/environment-variables.js"
-		},
-		"./file-tree": {
-			"types": "./dist/components/agentic/file-tree.d.ts",
-			"default": "./dist/components/agentic/file-tree.js"
-		},
-		"./image": {
-			"types": "./dist/components/agentic/image.d.ts",
-			"default": "./dist/components/agentic/image.js"
-		},
-		"./inline-citation": {
-			"types": "./dist/components/agentic/inline-citation.d.ts",
-			"default": "./dist/components/agentic/inline-citation.js"
-		},
-		"./jsx-preview": {
-			"types": "./dist/components/agentic/jsx-preview.d.ts",
-			"default": "./dist/components/agentic/jsx-preview.js"
-		},
-		"./message-branch": {
-			"types": "./dist/components/agentic/message-branch.d.ts",
-			"default": "./dist/components/agentic/message-branch.js"
-		},
-		"./message": {
-			"types": "./dist/components/agentic/message.d.ts",
-			"default": "./dist/components/agentic/message.js"
-		},
-		"./message-response.css": {
-			"types": "./dist/components/agentic/message-response.css.d.ts",
-			"default": "./dist/components/agentic/message-response.css"
-		},
-		"./mic-selector": {
-			"types": "./dist/components/agentic/mic-selector.d.ts",
-			"default": "./dist/components/agentic/mic-selector.js"
-		},
-		"./model-selector": {
-			"types": "./dist/components/agentic/model-selector.d.ts",
-			"default": "./dist/components/agentic/model-selector.js"
-		},
-		"./node": {
-			"types": "./dist/components/agentic/node.d.ts",
-			"default": "./dist/components/agentic/node.js"
-		},
-		"./open-in-chat": {
-			"types": "./dist/components/agentic/open-in-chat.d.ts",
-			"default": "./dist/components/agentic/open-in-chat.js"
-		},
-		"./package-info": {
-			"types": "./dist/components/agentic/package-info.d.ts",
-			"default": "./dist/components/agentic/package-info.js"
-		},
-		"./panel": {
-			"types": "./dist/components/agentic/panel.d.ts",
-			"default": "./dist/components/agentic/panel.js"
-		},
-		"./persona": {
-			"types": "./dist/components/agentic/persona.d.ts",
-			"default": "./dist/components/agentic/persona.js"
-		},
-		"./prompt-input-action-menu": {
-			"types": "./dist/components/agentic/prompt-input-action-menu.d.ts",
-			"default": "./dist/components/agentic/prompt-input-action-menu.js"
-		},
-		"./prompt-input": {
-			"types": "./dist/components/agentic/prompt-input.d.ts",
-			"default": "./dist/components/agentic/prompt-input.js"
-		},
-		"./prompt-input-command": {
-			"types": "./dist/components/agentic/prompt-input-command.d.ts",
-			"default": "./dist/components/agentic/prompt-input-command.js"
-		},
-		"./prompt-input-hover-card": {
-			"types": "./dist/components/agentic/prompt-input-hover-card.d.ts",
-			"default": "./dist/components/agentic/prompt-input-hover-card.js"
-		},
-		"./prompt-input-select": {
-			"types": "./dist/components/agentic/prompt-input-select.d.ts",
-			"default": "./dist/components/agentic/prompt-input-select.js"
-		},
-		"./prompt-input-tabs": {
-			"types": "./dist/components/agentic/prompt-input-tabs.d.ts",
-			"default": "./dist/components/agentic/prompt-input-tabs.js"
-		},
-		"./reasoning": {
-			"types": "./dist/components/agentic/reasoning.d.ts",
-			"default": "./dist/components/agentic/reasoning.js"
-		},
-		"./run-checkpoint": {
-			"types": "./dist/components/agentic/run-checkpoint.d.ts",
-			"default": "./dist/components/agentic/run-checkpoint.js"
-		},
-		"./run-trace": {
-			"types": "./dist/components/agentic/run-trace.d.ts",
-			"default": "./dist/components/agentic/run-trace.js"
-		},
-		"./sandbox": {
-			"types": "./dist/components/agentic/sandbox.d.ts",
-			"default": "./dist/components/agentic/sandbox.js"
-		},
-		"./schema-display": {
-			"types": "./dist/components/agentic/schema-display.d.ts",
-			"default": "./dist/components/agentic/schema-display.js"
-		},
-		"./shimmer": {
-			"types": "./dist/components/agentic/shimmer.d.ts",
-			"default": "./dist/components/agentic/shimmer.js"
-		},
-		"./snippet": {
-			"types": "./dist/components/agentic/snippet.d.ts",
-			"default": "./dist/components/agentic/snippet.js"
-		},
-		"./sources": {
-			"types": "./dist/components/agentic/sources.d.ts",
-			"default": "./dist/components/agentic/sources.js"
-		},
-		"./speech-input": {
-			"types": "./dist/components/agentic/speech-input.d.ts",
-			"default": "./dist/components/agentic/speech-input.js"
-		},
-		"./stack-trace": {
-			"types": "./dist/components/agentic/stack-trace.d.ts",
-			"default": "./dist/components/agentic/stack-trace.js"
-		},
-		"./suggestion": {
-			"types": "./dist/components/agentic/suggestion.d.ts",
-			"default": "./dist/components/agentic/suggestion.js"
-		},
-		"./terminal": {
-			"types": "./dist/components/agentic/terminal.d.ts",
-			"default": "./dist/components/agentic/terminal.js"
-		},
-		"./test-results": {
-			"types": "./dist/components/agentic/test-results.d.ts",
-			"default": "./dist/components/agentic/test-results.js"
-		},
-		"./theme": {
-			"types": "./dist/components/agentic/theme.d.ts",
-			"default": "./dist/components/agentic/theme.js"
-		},
-		"./tool": {
-			"types": "./dist/components/agentic/tool.d.ts",
-			"default": "./dist/components/agentic/tool.js"
-		},
-		"./toolbar": {
-			"types": "./dist/components/agentic/toolbar.d.ts",
-			"default": "./dist/components/agentic/toolbar.js"
-		},
-		"./transcription": {
-			"types": "./dist/components/agentic/transcription.d.ts",
-			"default": "./dist/components/agentic/transcription.js"
-		},
-		"./types": {
-			"types": "./dist/components/agentic/types.d.ts",
-			"default": "./dist/components/agentic/types.js"
-		},
-		"./agentic-types": {
-			"types": "./dist/components/agentic/types.d.ts",
-			"default": "./dist/components/agentic/types.js"
-		},
-		"./use-controllable-state": {
-			"types": "./dist/components/agentic/use-controllable-state.d.ts",
-			"default": "./dist/components/agentic/use-controllable-state.js"
-		},
-		"./voice-selector": {
-			"types": "./dist/components/agentic/voice-selector.d.ts",
-			"default": "./dist/components/agentic/voice-selector.js"
-		},
-		"./web-preview": {
-			"types": "./dist/components/agentic/web-preview.d.ts",
-			"default": "./dist/components/agentic/web-preview.js"
-		},
 		"./accordion": {
 			"types": "./dist/components/ui/accordion.d.ts",
 			"default": "./dist/components/ui/accordion.js"
@@ -683,6 +435,7 @@
 			"types": "./dist/styled-system/tokens/index.d.ts",
 			"default": "./dist/styled-system/tokens/index.mjs"
 		},
+		"./styles.css": "./dist/styles.css",
 		"./styled-system/styles.css": "./dist/styled-system/styles.css"
 	},
 	"files": [
@@ -695,31 +448,20 @@
 	},
 	"dependencies": {
 		"@base-ui/react": "^1.6.0",
-		"@pandacss/dev": "^1.11.4",
-		"@rive-app/react-webgl2": "^4.29.4",
-		"@streamdown/cjk": "^1.0.3",
-		"@streamdown/code": "^1.1.1",
-		"@streamdown/math": "^1.0.2",
-		"@streamdown/mermaid": "^1.0.2",
 		"@tanstack/react-table": "^8.21.3",
-		"@xyflow/react": "^12.11.1",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
 		"embla-carousel-react": "^8.6.0",
 		"input-otp": "^1.4.2",
-		"katex": "^0.17.0",
 		"lucide-react": "^1.23.0",
 		"radix-ui": "^1.6.1",
 		"react-day-picker": "^10.0.1",
 		"react-hook-form": "^7.80.0",
-		"react-jsx-parser": "^2.4.1",
 		"react-resizable-panels": "^4.12.0",
 		"recharts": "^3.9.1",
 		"shiki": "^4.3.0",
 		"sonner": "^2.0.7",
-		"streamdown": "^2.5.0",
-		"use-stick-to-bottom": "^1.1.6",
 		"vaul": "^1.1.2"
 	}
 }

package/dist/components/agentic/agent-card.d.ts

@@ -1,28 +0,0 @@
-import type * as React from "react";
-import { Accordion, AccordionItem } from "@ciridae/ui/accordion";
-type AgentProps = React.ComponentProps<"div">;
-type AgentHeaderProps = React.ComponentProps<"div"> & {
-    status?: string;
-};
-type AgentContentProps = React.ComponentProps<"div">;
-type AgentInstructionsProps = React.ComponentProps<"div">;
-type AgentToolsProps = Omit<React.ComponentProps<typeof Accordion>, "collapsible" | "defaultValue" | "onValueChange" | "type" | "value"> & {
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    value?: string;
-};
-type AgentToolProps = Omit<React.ComponentProps<typeof AccordionItem>, "value"> & {
-    description?: string;
-    name: string;
-    value?: string;
-};
-type AgentOutputProps = React.ComponentProps<"div">;
-declare function Agent({ className, ...props }: AgentProps): React.JSX.Element;
-declare function AgentHeader({ children, className, status, ...props }: AgentHeaderProps): React.JSX.Element;
-declare function AgentContent({ className, ...props }: AgentContentProps): React.JSX.Element;
-declare function AgentInstructions({ className, ...props }: AgentInstructionsProps): React.JSX.Element;
-declare function AgentTools(props: AgentToolsProps): React.JSX.Element;
-declare function AgentTool({ children, description, name, value, ...props }: AgentToolProps): React.JSX.Element;
-declare function AgentOutput({ className, ...props }: AgentOutputProps): React.JSX.Element;
-export { Agent, AgentContent, AgentHeader, AgentInstructions, AgentOutput, AgentTool, AgentTools };
-export type { AgentContentProps, AgentHeaderProps, AgentInstructionsProps, AgentOutputProps, AgentProps, AgentToolProps, AgentToolsProps, };

package/dist/components/agentic/agent-card.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BotIcon } from "lucide-react";
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@ciridae/ui/accordion";
-import { Badge } from "@ciridae/ui/badge";
-import { cn } from "@ciridae/ui/utils";
-function Agent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent", className: cn("grid gap-3 rounded-lg border bg-card p-4", className), ...props }));
-}
-function AgentHeader({ children, className, status, ...props }) {
-    return (_jsxs("div", { "data-slot": "agent-header", className: cn("flex min-w-0 items-start justify-between gap-3", className), ...props, children: [_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(BotIcon, { "aria-hidden": "true", className: "size-4 shrink-0 text-muted-foreground" }), _jsx("div", { className: "min-w-0", children: children })] }), status ? _jsx(Badge, { variant: "outline", children: status }) : null] }));
-}
-function AgentContent({ className, ...props }) {
-    return _jsx("div", { "data-slot": "agent-content", className: cn("grid gap-3", className), ...props });
-}
-function AgentInstructions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-instructions", className: cn("rounded-md bg-muted/40 p-3 text-sm text-muted-foreground", className), ...props }));
-}
-function AgentTools(props) {
-    return _jsx(Accordion, { "data-slot": "agent-tools", type: "single", collapsible: true, ...props });
-}
-function AgentTool({ children, description, name, value, ...props }) {
-    return (_jsxs(AccordionItem, { "data-slot": "agent-tool", value: value ?? name, ...props, children: [_jsx(AccordionTrigger, { children: name }), _jsxs(AccordionContent, { children: [description ? _jsx("p", { className: "mb-2 text-sm text-muted-foreground", children: description }) : null, children] })] }));
-}
-function AgentOutput({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-output", className: cn("rounded-md border bg-muted/30 p-3 text-sm", className), ...props }));
-}
-export { Agent, AgentContent, AgentHeader, AgentInstructions, AgentOutput, AgentTool, AgentTools };

package/dist/components/agentic/agent-composer.d.ts

@@ -1,44 +0,0 @@
-import * as React from "react";
-import { type AgenticAttachment, type AttachmentError } from "@ciridae/ui/attachments";
-import { type EffortSelectorValue } from "@ciridae/ui/effort-selector";
-import { type PromptInputDensity, type PromptInputMessage, type PromptInputSurface } from "@ciridae/ui/prompt-input";
-import type { AgenticChatStatus } from "@ciridae/ui/types";
-type AgentComposerModel = {
-    description?: string;
-    group?: string;
-    id: string;
-    label: string;
-    provider: string;
-    shortcut?: string;
-    src?: string;
-};
-type AgentComposerProps = Omit<React.ComponentProps<"div">, "onSubmit"> & {
-    accept?: string;
-    attachments?: AgenticAttachment[];
-    defaultAttachments?: AgenticAttachment[];
-    defaultValue?: string;
-    density?: PromptInputDensity;
-    disabled?: boolean;
-    effort: EffortSelectorValue;
-    focusHint?: React.ReactNode;
-    globalDrop?: boolean;
-    maxAttachmentSizeMb?: number;
-    maxAttachments?: number;
-    model: string;
-    models: AgentComposerModel[];
-    multiple?: boolean;
-    onAttachmentError?: (error: AttachmentError) => void;
-    onAttachmentsChange?: (attachments: AgenticAttachment[]) => void;
-    onEffortChange: (value: EffortSelectorValue) => void;
-    onModelChange: (modelId: string) => void;
-    onStop?: () => void;
-    onSubmit?: (message: PromptInputMessage) => void | Promise<void>;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    status?: AgenticChatStatus;
-    surface?: PromptInputSurface;
-    value?: string;
-};
-declare function AgentComposer({ accept, attachments, className, defaultAttachments, defaultValue, density, disabled, effort, focusHint, globalDrop, maxAttachmentSizeMb, maxAttachments, model, models, multiple, onAttachmentError, onAttachmentsChange, onEffortChange, onModelChange, onStop, onSubmit, onValueChange, placeholder, status, surface, value, ...props }: AgentComposerProps): React.JSX.Element;
-export { AgentComposer };
-export type { AgentComposerModel, AgentComposerProps };

package/dist/components/agentic/agent-composer.js

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable complexity, max-lines, max-lines-per-function, react/jsx-max-depth */
-import { CheckIcon, ChevronsUpDownIcon } from "lucide-react";
-import * as React from "react";
-import { AttachmentList, useAttachments, } from "@ciridae/ui/attachments";
-import { EffortSelector } from "@ciridae/ui/effort-selector";
-import { ModelSelector, ModelSelectorContent, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorName, ModelSelectorShortcut, ModelSelectorTrigger, } from "@ciridae/ui/model-selector";
-import { PromptInput, PromptInputActionAddAttachments, PromptInputBody, PromptInputDropOverlay, PromptInputFocusHint, PromptInputProvider, PromptInputSubmit, PromptInputTextarea, PromptInputTools, } from "@ciridae/ui/prompt-input";
-import { Button } from "@ciridae/ui/button";
-import { cn } from "@ciridae/ui/utils";
-function AgentComposer({ accept, attachments, className, defaultAttachments, defaultValue, density = "comfortable", disabled, effort, focusHint, globalDrop, maxAttachmentSizeMb = 25, maxAttachments = 4, model, models, multiple = true, onAttachmentError, onAttachmentsChange, onEffortChange, onModelChange, onStop, onSubmit, onValueChange, placeholder = "Ask anything", status = "idle", surface = "glass", value, ...props }) {
-    const containerRef = React.useRef(null);
-    const [localValue, setLocalValue] = React.useState(defaultValue ?? "");
-    const resolvedValue = value ?? localValue;
-    const [isDragOver, dropHandlers] = useAgentComposerDropOverlay();
-    const selectedModel = getSelectedModel(models, model);
-    const hasText = Boolean(resolvedValue.trim());
-    const isRunning = status === "submitted" || status === "streaming";
-    useComposerFocusShortcut(containerRef);
-    return (_jsx("div", { ref: containerRef, className: cn("w-full", className), ...props, children: _jsx(PromptInputProvider, { accept: accept, attachments: attachments, defaultAttachments: defaultAttachments, maxAttachmentSizeMb: maxAttachmentSizeMb, maxAttachments: maxAttachments, multiple: multiple, onAttachmentError: onAttachmentError, onAttachmentsChange: onAttachmentsChange, onValueChange: (nextValue) => {
-                if (value === undefined)
-                    setLocalValue(nextValue);
-                onValueChange?.(nextValue);
-            }, value: resolvedValue, children: _jsxs(PromptInput, { density: density, disabled: disabled, globalDrop: globalDrop, maxAttachments: maxAttachments, onSubmit: onSubmit, status: status, surface: surface, ...dropHandlers, children: [_jsxs(PromptInputBody, { children: [_jsx(AgentComposerPromptArea, { focusHint: focusHint, hasText: hasText, density: density, placeholder: placeholder }), _jsxs(PromptInputTools, { children: [_jsxs("div", { className: "flex min-w-0 items-center gap-1", children: [_jsx(AgentComposerModelSelector, { disabled: disabled || isRunning, model: selectedModel, models: models, onModelChange: onModelChange }), _jsx(EffortSelector, { disabled: disabled || isRunning, value: effort, onValueChange: onEffortChange })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(PromptInputActionAddAttachments, { disabled: disabled || isRunning, tooltip: "Add files" }), _jsx(PromptInputSubmit, { disabled: disabled, onStop: onStop, status: status })] })] })] }), _jsx(PromptInputDropOverlay, { visible: isDragOver })] }) }) }));
-}
-function AgentComposerPromptArea({ focusHint, hasText, density, placeholder, }) {
-    const attachments = useAttachments();
-    const [attachmentOffset, setAttachmentOffset] = React.useState(0);
-    const attachmentRef = React.useRef(null);
-    const hasAttachments = attachments.files.length > 0;
-    React.useLayoutEffect(() => {
-        const node = attachmentRef.current;
-        if (!node || !hasAttachments) {
-            setAttachmentOffset(0);
-            return;
-        }
-        const update = () => setAttachmentOffset(node.offsetWidth + 8);
-        update();
-        const observer = new ResizeObserver(update);
-        observer.observe(node);
-        return () => observer.disconnect();
-    }, [hasAttachments]);
-    return (_jsxs("div", { className: cn("relative px-3", density === "comfortable" ? "min-h-20 py-3" : "min-h-9 py-2"), children: [hasAttachments ? (_jsx(AttachmentList, { ref: attachmentRef, className: cn("absolute left-3 z-10 max-w-[min(18rem,calc(100%-7rem))] flex-nowrap overflow-hidden", density === "comfortable" ? "top-[0.8125rem]" : "top-[0.5625rem]", "[&_[data-slot=attachment]]:h-[1.375rem] [&_[data-slot=attachment]]:max-w-full [&_[data-slot=attachment]]:gap-1 [&_[data-slot=attachment]]:rounded-[0.25rem] [&_[data-slot=attachment]]:px-1 [&_[data-slot=attachment]]:pr-1.5", "[&_[data-slot=attachment-info]]:gap-0 [&_[data-slot=attachment-info]>span]:text-[0.75rem] [&_[data-slot=attachment-info]>span]:leading-none", "[&_[data-slot=attachment-preview]]:size-4 [&_[data-slot=attachment-status]]:size-3.5") })) : null, _jsx(PromptInputTextarea, { placeholder: hasAttachments ? "" : placeholder, style: attachmentOffset ? { textIndent: attachmentOffset } : undefined, className: cn("!w-full !px-0 !py-0 pr-32 text-base leading-relaxed md:text-sm", density === "comfortable" ? "!min-h-20" : "!min-h-6") }), _jsx(PromptInputFocusHint, { visible: !hasAttachments && !hasText, children: focusHint })] }));
-}
-function AgentComposerModelSelector({ disabled, model, models, onModelChange, }) {
-    return (_jsxs(ModelSelector, { children: [_jsx(ModelSelectorTrigger, { asChild: true, children: _jsxs(Button, { className: "h-7 max-w-44 justify-start gap-1.5 rounded-md px-1.5 text-xs", disabled: disabled, type: "button", variant: "ghost", children: [_jsx(ModelSelectorLogo, { provider: model.provider, src: model.src }), _jsx(ModelSelectorName, { className: "max-w-32 flex-none", children: model.label }), _jsx(ChevronsUpDownIcon, { className: "size-3.5 shrink-0 text-muted-foreground" })] }) }), _jsxs(ModelSelectorContent, { title: "Select model", children: [_jsx(ModelSelectorInput, { placeholder: "Search models..." }), _jsxs(ModelSelectorList, { children: [_jsx(ModelSelectorEmpty, { children: "No models found." }), groupModels(models).map(([group, groupModels]) => (_jsx(ModelSelectorGroup, { heading: group, children: groupModels.map((option) => (_jsxs(ModelSelectorItem, { value: `${option.label} ${option.id} ${option.provider}`, onSelect: () => onModelChange(option.id), children: [_jsx(ModelSelectorLogo, { className: "size-8 rounded-md p-1", provider: option.provider, src: option.src }), _jsxs(ModelSelectorName, { children: [_jsx("span", { className: "block truncate", children: option.label }), option.description ? (_jsx("span", { className: "block truncate text-xs text-muted-foreground", children: option.description })) : null] }), option.shortcut ? (_jsx(ModelSelectorShortcut, { children: option.shortcut })) : null, model.id === option.id ? _jsx(CheckIcon, {}) : null] }, option.id))) }, group)))] })] })] }));
-}
-function useComposerFocusShortcut(containerRef) {
-    React.useEffect(() => {
-        const handleKeyDown = (event) => {
-            if (!(event.metaKey || event.ctrlKey) || event.key.toLowerCase() !== "l")
-                return;
-            const textarea = containerRef.current?.querySelector('[data-slot="prompt-input-textarea"]');
-            if (!textarea)
-                return;
-            event.preventDefault();
-            textarea.focus();
-        };
-        document.addEventListener("keydown", handleKeyDown);
-        return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [containerRef]);
-}
-function useAgentComposerDropOverlay() {
-    const [dragDepth, setDragDepth] = React.useState(0);
-    const isDragOver = dragDepth > 0;
-    const handleDragEnter = React.useCallback((event) => {
-        if (!event.dataTransfer.types.includes("Files"))
-            return;
-        setDragDepth((depth) => depth + 1);
-    }, []);
-    const handleDragLeave = React.useCallback((event) => {
-        if (!event.dataTransfer.types.includes("Files"))
-            return;
-        setDragDepth((depth) => Math.max(0, depth - 1));
-    }, []);
-    const handleDrop = React.useCallback(() => setDragDepth(0), []);
-    const handleDragEnd = React.useCallback(() => setDragDepth(0), []);
-    return [
-        isDragOver,
-        {
-            onDragEnd: handleDragEnd,
-            onDragEnter: handleDragEnter,
-            onDragLeave: handleDragLeave,
-            onDrop: handleDrop,
-        },
-    ];
-}
-function getSelectedModel(models, modelId) {
-    return models.find((model) => model.id === modelId) ?? models[0] ?? fallbackModel;
-}
-function groupModels(models) {
-    const groups = new Map();
-    for (const model of models) {
-        const group = model.group ?? "Models";
-        groups.set(group, [...(groups.get(group) ?? []), model]);
-    }
-    return Array.from(groups.entries());
-}
-const fallbackModel = {
-    id: "model",
-    label: "Model",
-    provider: "openai",
-};
-export { AgentComposer };

package/dist/components/agentic/agent-context.d.ts

@@ -1,28 +0,0 @@
-import type * as React from "react";
-import type { AgenticContextUsage } from "@ciridae/ui/types";
-import { Button } from "@ciridae/ui/button";
-import { HoverCard, HoverCardContent } from "@ciridae/ui/hover-card";
-type AgentContextProps = React.ComponentProps<typeof HoverCard> & AgenticContextUsage;
-type AgentContextTriggerProps = React.ComponentProps<typeof Button>;
-type AgentContextContentProps = React.ComponentProps<typeof HoverCardContent>;
-type AgentContextContentHeaderProps = React.ComponentProps<"div">;
-type AgentContextContentBodyProps = React.ComponentProps<"div">;
-type AgentContextContentFooterProps = React.ComponentProps<"div">;
-type AgentContextUsageRowProps = React.ComponentProps<"div"> & {
-    costText?: string;
-    label: string;
-    tokens?: number;
-};
-declare function AgentContext({ cacheCostText, cachedInputTokens, children, inputCostText, inputTokens, maxTokens, outputCostText, outputTokens, reasoningCostText, reasoningTokens, totalCostText, usedTokens, ...props }: AgentContextProps): React.JSX.Element;
-declare function AgentContextTrigger({ children, ...props }: AgentContextTriggerProps): React.JSX.Element;
-declare function AgentContextContent({ className, ...props }: AgentContextContentProps): React.JSX.Element;
-declare function AgentContextContentHeader({ children, className, ...props }: AgentContextContentHeaderProps): React.JSX.Element;
-declare function AgentContextContentBody({ className, ...props }: AgentContextContentBodyProps): React.JSX.Element;
-declare function AgentContextContentFooter({ children, className, ...props }: AgentContextContentFooterProps): React.JSX.Element;
-declare function AgentContextUsageRow({ className, costText, label, tokens, ...props }: AgentContextUsageRowProps): React.JSX.Element | null;
-declare function AgentContextInputUsage(props: Omit<AgentContextUsageRowProps, "label" | "tokens">): React.JSX.Element;
-declare function AgentContextOutputUsage(props: Omit<AgentContextUsageRowProps, "label" | "tokens">): React.JSX.Element;
-declare function AgentContextReasoningUsage(props: Omit<AgentContextUsageRowProps, "label" | "tokens">): React.JSX.Element;
-declare function AgentContextCacheUsage(props: Omit<AgentContextUsageRowProps, "label" | "tokens">): React.JSX.Element;
-export { AgentContext, AgentContextCacheUsage, AgentContextContent, AgentContextContentBody, AgentContextContentFooter, AgentContextContentHeader, AgentContextInputUsage, AgentContextOutputUsage, AgentContextReasoningUsage, AgentContextTrigger, AgentContextUsageRow, };
-export type { AgentContextContentBodyProps, AgentContextContentFooterProps, AgentContextContentHeaderProps, AgentContextContentProps, AgentContextProps, AgentContextTriggerProps, AgentContextUsageRowProps, };

package/dist/components/agentic/agent-context.js

@@ -1,102 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createContext, useContext, useMemo } from "react";
-import { Button } from "@ciridae/ui/button";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
-import { Progress } from "@ciridae/ui/progress";
-import { cn } from "@ciridae/ui/utils";
-const PERCENT_MAX = 100;
-const AgentContextContext = createContext(null);
-function useAgentContext() {
-    const context = useContext(AgentContextContext);
-    if (!context)
-        throw new Error("AgentContext components must be used within AgentContext");
-    return context;
-}
-function AgentContext({ cacheCostText, cachedInputTokens, children, inputCostText, inputTokens, maxTokens, outputCostText, outputTokens, reasoningCostText, reasoningTokens, totalCostText, usedTokens, ...props }) {
-    const { closeDelay = 0, openDelay = 0, ...hoverCardProps } = props;
-    const contextValue = useMemo(() => ({
-        cacheCostText,
-        cachedInputTokens,
-        inputCostText,
-        inputTokens,
-        maxTokens,
-        outputCostText,
-        outputTokens,
-        reasoningCostText,
-        reasoningTokens,
-        totalCostText,
-        usedTokens,
-    }), [
-        cacheCostText,
-        cachedInputTokens,
-        inputCostText,
-        inputTokens,
-        maxTokens,
-        outputCostText,
-        outputTokens,
-        reasoningCostText,
-        reasoningTokens,
-        totalCostText,
-        usedTokens,
-    ]);
-    return (_jsx(AgentContextContext.Provider, { value: contextValue, children: _jsx(HoverCard, { closeDelay: closeDelay, openDelay: openDelay, ...hoverCardProps, children: children }) }));
-}
-function AgentContextTrigger({ children, ...props }) {
-    const { maxTokens, usedTokens } = useAgentContext();
-    const usedPercent = getUsagePercent(usedTokens, maxTokens);
-    return (_jsx(HoverCardTrigger, { asChild: true, children: children ? (_jsx(Button, { "data-slot": "agent-context-trigger", type: "button", variant: "ghost", ...props, asChild: true, children: children })) : (_jsxs(Button, { "data-slot": "agent-context-trigger", type: "button", variant: "ghost", ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground", children: formatPercent(usedPercent) }), _jsx(AgentContextIcon, { usedPercent: usedPercent })] })) }));
-}
-function AgentContextIcon({ usedPercent }) {
-    const radius = 10;
-    const circumference = 2 * Math.PI * radius;
-    const dashOffset = circumference * (1 - usedPercent);
-    return (_jsxs("svg", { "aria-label": "Context usage", className: "size-5", role: "img", viewBox: "0 0 24 24", children: [_jsx("circle", { cx: "12", cy: "12", fill: "none", opacity: "0.25", r: radius, stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "12", cy: "12", fill: "none", opacity: "0.75", r: radius, stroke: "currentColor", strokeDasharray: `${circumference} ${circumference}`, strokeDashoffset: dashOffset, strokeLinecap: "round", strokeWidth: "2", style: { transform: "rotate(-90deg)", transformOrigin: "center" } })] }));
-}
-function AgentContextContent({ className, ...props }) {
-    return (_jsx(HoverCardContent, { "data-slot": "agent-context-content", className: cn("w-72 divide-y overflow-hidden p-0", className), ...props }));
-}
-function AgentContextContentHeader({ children, className, ...props }) {
-    const { maxTokens, usedTokens } = useAgentContext();
-    const usedPercent = getUsagePercent(usedTokens, maxTokens);
-    return (_jsx("div", { "data-slot": "agent-context-content-header", className: cn("grid gap-2 p-3", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex items-center justify-between gap-3 text-xs", children: [_jsx("span", { children: formatPercent(usedPercent) }), _jsxs("span", { className: "font-mono text-muted-foreground", children: [formatCompact(usedTokens), " / ", formatCompact(maxTokens)] })] }), _jsx(Progress, { value: usedPercent * PERCENT_MAX })] })) }));
-}
-function AgentContextContentBody({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "agent-context-content-body", className: cn("grid gap-2 p-3", className), ...props }));
-}
-function AgentContextContentFooter({ children, className, ...props }) {
-    const { totalCostText } = useAgentContext();
-    return (_jsx("div", { "data-slot": "agent-context-content-footer", className: cn("flex items-center justify-between gap-3 bg-secondary p-3 text-xs", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-muted-foreground", children: "Total cost" }), _jsx("span", { children: totalCostText ?? "Provided by host" })] })) }));
-}
-function AgentContextUsageRow({ className, costText, label, tokens, ...props }) {
-    if (tokens === undefined)
-        return null;
-    return (_jsxs("div", { "data-slot": "agent-context-usage-row", className: cn("flex items-center justify-between gap-3 text-xs", className), ...props, children: [_jsx("span", { className: "text-muted-foreground", children: label }), _jsxs("span", { className: "font-mono", children: [formatCompact(tokens), costText ? _jsx("span", { className: "ml-2 font-sans text-muted-foreground", children: costText }) : null] })] }));
-}
-function AgentContextInputUsage(props) {
-    const { inputCostText, inputTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: inputCostText, label: "Input", tokens: inputTokens, ...props }));
-}
-function AgentContextOutputUsage(props) {
-    const { outputCostText, outputTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: outputCostText, label: "Output", tokens: outputTokens, ...props }));
-}
-function AgentContextReasoningUsage(props) {
-    const { reasoningCostText, reasoningTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: reasoningCostText, label: "Reasoning", tokens: reasoningTokens, ...props }));
-}
-function AgentContextCacheUsage(props) {
-    const { cacheCostText, cachedInputTokens } = useAgentContext();
-    return (_jsx(AgentContextUsageRow, { costText: cacheCostText, label: "Cache", tokens: cachedInputTokens, ...props }));
-}
-function getUsagePercent(usedTokens, maxTokens) {
-    if (maxTokens <= 0)
-        return 0;
-    return Math.min(1, Math.max(0, usedTokens / maxTokens));
-}
-function formatPercent(value) {
-    return new Intl.NumberFormat("en-US", { maximumFractionDigits: 1, style: "percent" }).format(value);
-}
-function formatCompact(value) {
-    return new Intl.NumberFormat("en-US", { notation: "compact" }).format(value);
-}
-export { AgentContext, AgentContextCacheUsage, AgentContextContent, AgentContextContentBody, AgentContextContentFooter, AgentContextContentHeader, AgentContextInputUsage, AgentContextOutputUsage, AgentContextReasoningUsage, AgentContextTrigger, AgentContextUsageRow, };