@ciridae/ui-agent 0.3.8 → 0.3.10

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { type AgenticAttachment, type AttachmentError } from "./attachments";
-import { type EffortSelectorValue } from "./effort-selector";
-import { type PromptInputMessage } from "./prompt-input";
-import type { AgenticChatStatus } from "./types";
+import { type AgenticAttachment, type AttachmentError } from "./attachments.js";
+import { type EffortSelectorValue } from "./effort-selector.js";
+import { type PromptInputMessage } from "./prompt-input.js";
+import type { AgenticChatStatus } from "./types.js";
 type AgentComposerModel = {
     description?: string;
     group?: string;

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

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable 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 "./attachments";
-import { EffortSelector } from "./effort-selector";
-import { ModelSelector, ModelSelectorContent, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorName, ModelSelectorShortcut, ModelSelectorTrigger, } from "./model-selector";
-import { PromptInput, PromptInputActionAddAttachments, PromptInputBody, PromptInputProvider, PromptInputSubmit, PromptInputTextarea, PromptInputTools, } from "./prompt-input";
+import { AttachmentList, useAttachments, } from "./attachments.js";
+import { EffortSelector } from "./effort-selector.js";
+import { ModelSelector, ModelSelectorContent, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorName, ModelSelectorShortcut, ModelSelectorTrigger, } from "./model-selector.js";
+import { PromptInput, PromptInputActionAddAttachments, PromptInputBody, PromptInputProvider, PromptInputSubmit, PromptInputTextarea, PromptInputTools, } from "./prompt-input.js";
 import { Button } from "@ciridae/ui/button";
 import { cn } from "@ciridae/ui/utils";
 function AgentComposer({ accept, attachments, className, defaultAttachments, defaultValue, disabled, effort, focusHint, globalDrop, maxAttachmentSizeMb = 25, maxAttachments = 4, model, models, multiple = true, onAttachmentError, onAttachmentsChange, onEffortChange, onModelChange, onStop, onSubmit, onValueChange, placeholder = "Ask anything", status = "idle", value, ...props }) {

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticContextUsage } from "./types";
+import type { AgenticContextUsage } from "./types.js";
 import { Button } from "@ciridae/ui/button";
 import { HoverCard, HoverCardContent } from "@ciridae/ui/hover-card";
 type AgentContextProps = React.ComponentProps<typeof HoverCard> & AgenticContextUsage;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDownIcon } from "lucide-react";
 import { createContext, useContext, useMemo } from "react";
-import { Shimmer } from "./shimmer";
+import { Shimmer } from "./shimmer.js";
 import { Button } from "@ciridae/ui/button";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@ciridae/ui/card";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";

package/dist/components/agentic/approval-request.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticApproval, AgenticToolState } from "./types";
+import type { AgenticApproval, AgenticToolState } from "./types.js";
 import { Button } from "@ciridae/ui/button";
 type ApprovalRequestProps = React.ComponentProps<"div"> & {
     approval?: AgenticApproval;

package/dist/components/agentic/artifact.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import { Button } from "@ciridae/ui/button";
 import { cn } from "@ciridae/ui/utils";
 import { css } from "@ciridae/ui/styled-system/css";
-import { copyToClipboard } from "./clipboard";
+import { copyToClipboard } from "./clipboard.js";
 const artifactClassName = css({
     backgroundColor: "card",
     borderColor: "border",

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { AttachmentActionAddFilesProps, AttachmentActionAddScreenshotProps, AttachmentRemoveProps } from "./attachments-types";
+import type { AttachmentActionAddFilesProps, AttachmentActionAddScreenshotProps, AttachmentRemoveProps } from "./attachments-types.js";
 declare function AttachmentRemove({ attachmentId, children, className, label, onClick, size, type, variant: buttonVariant, ...props }: AttachmentRemoveProps): React.JSX.Element | null;
 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;

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

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-refresh/only-export-components */
 import { CameraIcon, PaperclipIcon, XIcon } from "lucide-react";
 import * as React from "react";
-import { AttachmentItemContext, useAttachments, useOptionalAttachments, } from "./attachments-context";
-import { getAttachmentRemoveSize, getScreenshotLabel } from "./attachments-model";
+import { AttachmentItemContext, useAttachments, useOptionalAttachments, } from "./attachments-context.js";
+import { getAttachmentRemoveSize, getScreenshotLabel } from "./attachments-model.js";
 import { Button } from "@ciridae/ui/button";
 import { DropdownMenuItem } from "@ciridae/ui/dropdown-menu";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@ciridae/ui/tooltip";

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { AttachmentControllerContextValue, AttachmentData, AttachmentMediaCategory, AttachmentProviderProps, AttachmentVariant } from "./attachments-types";
+import type { AttachmentControllerContextValue, AttachmentData, AttachmentMediaCategory, AttachmentProviderProps, AttachmentVariant } from "./attachments-types.js";
 declare const AttachmentControllerContext: React.Context<AttachmentControllerContextValue | null>;
 declare const AttachmentsContext: React.Context<{
     variant: AttachmentVariant;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react-refresh/only-export-components */
 import * as React from "react";
-import { captureBrowserScreenshot, fileToAttachment, getAttachmentError, getInitialScreenshotStatus, isScreenshotSupported, isIgnoredScreenshotError, revokeObjectUrls, revokeOwnedObjectUrls, revokeRemovedObjectUrls, } from "./attachments-model";
+import { captureBrowserScreenshot, fileToAttachment, getAttachmentError, getInitialScreenshotStatus, isScreenshotSupported, isIgnoredScreenshotError, revokeObjectUrls, revokeOwnedObjectUrls, revokeRemovedObjectUrls, } from "./attachments-model.js";
 const AttachmentControllerContext = React.createContext(null);
 const AttachmentsContext = React.createContext(null);
 const AttachmentItemContext = React.createContext(null);

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

@@ -1,5 +1,5 @@
-import type { AgenticPromptAttachmentKind } from "./types";
-import type { AgenticAttachment, AttachmentData, AttachmentError, AttachmentMediaCategory, AttachmentProviderProps, AttachmentScreenshotStatus, AttachmentVariant } from "./attachments-types";
+import type { AgenticPromptAttachmentKind } from "./types.js";
+import type { AgenticAttachment, AttachmentData, AttachmentError, AttachmentMediaCategory, AttachmentProviderProps, AttachmentScreenshotStatus, AttachmentVariant } from "./attachments-types.js";
 export declare function prepareAttachmentsForSubmit(attachments: AgenticAttachment[]): Promise<AgenticAttachment[]>;
 export declare function fileToAttachment(file: File, kind?: AgenticPromptAttachmentKind): AgenticAttachment;
 export declare function getMediaCategory(data: AttachmentData): AttachmentMediaCategory;

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

@@ -1,5 +1,5 @@
-import type { AgenticPromptAttachmentStatus } from "./types";
-import type { AttachmentData, AttachmentMediaCategory, AttachmentVariant } from "./attachments-types";
+import type { AgenticPromptAttachmentStatus } from "./types.js";
+import type { AttachmentData, AttachmentMediaCategory, AttachmentVariant } from "./attachments-types.js";
 declare function renderAttachmentPreview(data: AttachmentData, mediaCategory: AttachmentMediaCategory, variant: AttachmentVariant): import("@types/react").JSX.Element | null;
 declare function AttachmentStatus({ status }: {
     status?: AgenticPromptAttachmentStatus;

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react-refresh/only-export-components */
 import { CheckIcon, CircleAlertIcon } from "lucide-react";
-import { getAttachmentLabel } from "./attachments-model";
+import { getAttachmentLabel } from "./attachments-model.js";
 import { Spinner } from "@ciridae/ui/spinner";
 import { cn } from "@ciridae/ui/utils";
 function renderAttachmentPreview(data, mediaCategory, variant) {

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticPromptAttachment, AgenticPromptAttachmentKind } from "./types";
+import type { AgenticPromptAttachment, AgenticPromptAttachmentKind } from "./types.js";
 import type { Button } from "@ciridae/ui/button";
 import type { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
 export type AgenticAttachment = AgenticPromptAttachment & {

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { AttachmentEmptyProps, AttachmentHoverCardContentProps, AttachmentHoverCardProps, AttachmentHoverCardTriggerProps, AttachmentInfoProps, AttachmentListProps, AttachmentMetaProps, AttachmentNameProps, AttachmentPreviewProps, AttachmentProps, AttachmentsProps } from "./attachments-types";
+import type { AttachmentEmptyProps, AttachmentHoverCardContentProps, AttachmentHoverCardProps, AttachmentHoverCardTriggerProps, AttachmentInfoProps, AttachmentListProps, AttachmentMetaProps, AttachmentNameProps, AttachmentPreviewProps, AttachmentProps, AttachmentsProps } from "./attachments-types.js";
 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;

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

@@ -1,10 +1,10 @@
 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 { AttachmentRemove } from "./attachments-actions.js";
+import { AttachmentStatus, renderAttachmentPreview } from "./attachments-preview.js";
+import { AttachmentItemContext, AttachmentsContext, useAttachmentContext, useAttachmentsContext, useOptionalAttachments, } from "./attachments-context.js";
+import { getAttachmentLabel, getAttachmentMeta, getMediaCategory } from "./attachments-model.js";
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
 import { cn } from "@ciridae/ui/utils";
 const mediaCategoryIcons = {

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

@@ -1,5 +1,5 @@
-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";
+export { AttachmentActionAddFiles, AttachmentActionAddScreenshot, AttachmentRemove, useAttachmentDropTarget, } from "./attachments-actions.js";
+export { AttachmentProvider, useAttachmentContext, useAttachments, useAttachmentsContext, useOptionalAttachments, } from "./attachments-context.js";
+export { captureBrowserScreenshot, fileToAttachment, getAttachmentLabel, getMediaCategory, prepareAttachmentsForSubmit, } from "./attachments-model.js";
+export { Attachment, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentList, AttachmentMeta, AttachmentName, AttachmentPreview, Attachments, } from "./attachments-ui.js";
+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.js";

package/dist/components/agentic/attachments.js

@@ -1,5 +1,5 @@
 /* eslint-disable react-refresh/only-export-components */
-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 { AttachmentActionAddFiles, AttachmentActionAddScreenshot, AttachmentRemove, useAttachmentDropTarget, } from "./attachments-actions.js";
+export { AttachmentProvider, useAttachmentContext, useAttachments, useAttachmentsContext, useOptionalAttachments, } from "./attachments-context.js";
+export { captureBrowserScreenshot, fileToAttachment, getAttachmentLabel, getMediaCategory, prepareAttachmentsForSubmit, } from "./attachments-model.js";
+export { Attachment, AttachmentEmpty, AttachmentHoverCard, AttachmentHoverCardContent, AttachmentHoverCardTrigger, AttachmentInfo, AttachmentList, AttachmentMeta, AttachmentName, AttachmentPreview, Attachments, } from "./attachments-ui.js";

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticAudioSource, AgenticPreviewState } from "./types";
+import type { AgenticAudioSource, AgenticPreviewState } from "./types.js";
 type AudioPlayerProps = React.ComponentProps<"div"> & AgenticAudioSource & {
     state?: AgenticPreviewState;
 };

package/dist/components/agentic/canvas.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Background, BackgroundVariant, ReactFlow, } from "@xyflow/react";
 import "@xyflow/react/dist/style.css";
-import { useAgenticTheme } from "./theme";
+import { useAgenticTheme } from "./theme.js";
 import { cn } from "@ciridae/ui/utils";
 const defaultDeleteKeyCode = ["Backspace", "Delete"];
 const workflowEdgeColor = "color-mix(in oklch, var(--foreground) 72%, transparent)";

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

@@ -6,7 +6,7 @@ import { Button } from "@ciridae/ui/button";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@ciridae/ui/select";
 import { cn } from "@ciridae/ui/utils";
 import { css } from "@ciridae/ui/styled-system/css";
-import { copyToClipboard } from "./clipboard";
+import { copyToClipboard } from "./clipboard.js";
 const CodeBlockContext = createContext({ code: "" });
 const codeBlockContainerClassName = css({
     backgroundColor: "card",

package/dist/components/agentic/commit.js

@@ -5,7 +5,7 @@ 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";
+import { copyToClipboard } from "./clipboard.js";
 const CommitContext = createContext({ hash: "" });
 function Commit({ children, className, defaultOpen = true, hash = "", ...props }) {
     const contextValue = useMemo(() => ({ hash }), [hash]);

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

@@ -1,6 +1,6 @@
 import type * as React from "react";
 import { StickToBottom } from "use-stick-to-bottom";
-import type { AgenticMessage } from "./types";
+import type { AgenticMessage } from "./types.js";
 import { Button } from "@ciridae/ui/button";
 type ConversationProps = React.ComponentProps<typeof StickToBottom>;
 type ConversationContentProps = React.ComponentProps<typeof StickToBottom.Content>;

package/dist/components/agentic/environment-variables.js

@@ -5,7 +5,7 @@ import { Badge } from "@ciridae/ui/badge";
 import { Button } from "@ciridae/ui/button";
 import { Switch } from "@ciridae/ui/switch";
 import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
+import { copyToClipboard } from "./clipboard.js";
 const EnvironmentVariablesContext = createContext(null);
 const EnvironmentVariableContext = createContext({ value: "" });
 function useEnvironmentVariables() {

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

@@ -1,7 +1,7 @@
 import type * as React from "react";
 import { Streamdown } from "streamdown";
-import { MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, type MessageBranchContentProps, type MessageBranchNextProps, type MessageBranchPageProps, type MessageBranchPreviousProps, type MessageBranchProps, type MessageBranchSelectorProps } from "./message-branch";
-import type { AgenticMessageRole } from "./types";
+import { MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, type MessageBranchContentProps, type MessageBranchNextProps, type MessageBranchPageProps, type MessageBranchPreviousProps, type MessageBranchProps, type MessageBranchSelectorProps } from "./message-branch.js";
+import type { AgenticMessageRole } from "./types.js";
 import "./message-response.css";
 import { Button } from "@ciridae/ui/button";
 type MessageProps = React.ComponentProps<"div"> & {

package/dist/components/agentic/message.js

@@ -6,8 +6,8 @@ import { mermaid } from "@streamdown/mermaid";
 import { createContext, memo, useContext, useEffect, useMemo, useState } from "react";
 import { bundledLanguages } from "shiki";
 import { Streamdown, useIsCodeFenceIncomplete, } from "streamdown";
-import { CodeBlock, CodeBlockContent, CodeBlockCopyButton, CodeBlockHeader, CodeBlockTitle, } from "./code-block";
-import { MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, } from "./message-branch";
+import { CodeBlock, CodeBlockContent, CodeBlockCopyButton, CodeBlockHeader, CodeBlockTitle, } from "./code-block.js";
+import { MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, } from "./message-branch.js";
 import "./message-response.css";
 import { Button } from "@ciridae/ui/button";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@ciridae/ui/tooltip";
@@ -196,7 +196,7 @@ function createMermaidMarkdown(code, meta) {
     return `${fence}${info}\n${code}\n${fence}`;
 }
 function getCodeLanguage(className) {
-    const language = className?.match(/language-([^\s]+)/)?.[1];
+    const language = className?.match(/language-(\S+)/)?.[1];
     if (language && isBundledLanguage(language))
         return language;
     return "tsx";
@@ -213,12 +213,19 @@ function getCodeText(children) {
         return children.map(getCodeText).join("");
     return "";
 }
+// Undefined wherever the query cannot be asked: no window under react-dom/server, no
+// matchMedia under jsdom. Callers treat that as "no stated preference".
+function prefersReducedMotionQuery() {
+    if (typeof window === "undefined")
+        return undefined;
+    return window.matchMedia?.("(prefers-reduced-motion: reduce)");
+}
 function usePrefersReducedMotion() {
-    const [prefersReducedMotion, setPrefersReducedMotion] = useState(() => typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches);
+    const [prefersReducedMotion, setPrefersReducedMotion] = useState(() => prefersReducedMotionQuery()?.matches ?? false);
     useEffect(() => {
-        if (typeof window === "undefined")
+        const mediaQuery = prefersReducedMotionQuery();
+        if (!mediaQuery)
             return;
-        const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
         const handleChange = (event) => setPrefersReducedMotion(event.matches);
         mediaQuery.addEventListener("change", handleChange);
         return () => mediaQuery.removeEventListener("change", handleChange);

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { AgenticMicOption } from "./types";
+import type { AgenticMicOption } from "./types.js";
 import { CommandEmpty, CommandInput, CommandItem, CommandList } from "@ciridae/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "@ciridae/ui/popover";
 type MicSelectorContextValue = {

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

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable max-lines, react-refresh/only-export-components */
+/* eslint-disable react-refresh/only-export-components */
 import { ChevronsUpDownIcon } from "lucide-react";
 import * as React from "react";
 import { Button } from "@ciridae/ui/button";
 import { Command, CommandEmpty, CommandInput, CommandItem, CommandList } from "@ciridae/ui/command";
 import { Popover, PopoverContent, PopoverTrigger } from "@ciridae/ui/popover";
 import { cn } from "@ciridae/ui/utils";
-import { useControllableState } from "./use-controllable-state";
-const deviceIdRegex = /\(([\da-fA-F]{4}:[\da-fA-F]{4})\)$/;
+import { useControllableState } from "./use-controllable-state.js";
+const deviceIdRegex = /\(([\da-f]{4}:[\da-f]{4})\)$/i;
 const MicSelectorContext = React.createContext(null);
 function MicSelector({ children, defaultOpen = false, defaultValue, mics, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }) {
     const [value, setValue] = useControllableState({

package/dist/components/agentic/persona.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRive, useStateMachineInput, useViewModel, useViewModelInstance, useViewModelInstanceColor, } from "@rive-app/react-webgl2";
 import { memo, useEffect, useMemo, useRef, useState } from "react";
-import { useAgenticTheme } from "./theme";
+import { useAgenticTheme } from "./theme.js";
 import { cn } from "@ciridae/ui/utils";
 const HALO_SOURCE = "/assets/persona/halo-2.0.riv";
 const STATE_MACHINE = "default";

package/dist/components/agentic/prompt-input.d.ts

@@ -1,13 +1,13 @@
 import * as React from "react";
-export { AttachmentActionAddFiles as PromptInputActionAddAttachments, AttachmentActionAddScreenshot as PromptInputActionAddScreenshot, } from "./attachments";
-export type { AttachmentActionAddFilesProps as PromptInputActionAddAttachmentsProps, AttachmentActionAddScreenshotProps as PromptInputActionAddScreenshotProps, } from "./attachments";
-export * from "./prompt-input-action-menu";
-export * from "./prompt-input-command";
-export * from "./prompt-input-hover-card";
-export * from "./prompt-input-select";
-export * from "./prompt-input-tabs";
-import { type AgenticAttachment, type AttachmentProviderProps } from "./attachments";
-import type { AgenticChatStatus } from "./types";
+export { AttachmentActionAddFiles as PromptInputActionAddAttachments, AttachmentActionAddScreenshot as PromptInputActionAddScreenshot, } from "./attachments.js";
+export type { AttachmentActionAddFilesProps as PromptInputActionAddAttachmentsProps, AttachmentActionAddScreenshotProps as PromptInputActionAddScreenshotProps, } from "./attachments.js";
+export * from "./prompt-input-action-menu.js";
+export * from "./prompt-input-command.js";
+export * from "./prompt-input-hover-card.js";
+export * from "./prompt-input-select.js";
+export * from "./prompt-input-tabs.js";
+import { type AgenticAttachment, type AttachmentProviderProps } from "./attachments.js";
+import type { AgenticChatStatus } from "./types.js";
 import { Button } from "@ciridae/ui/button";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } from "@ciridae/ui/input-group";
 type PromptInputMessage = {

package/dist/components/agentic/prompt-input.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable max-lines, react-refresh/only-export-components */
+/* eslint-disable react-refresh/only-export-components */
 import { ArrowUpIcon, SquareIcon } from "lucide-react";
 import * as React from "react";
-export { AttachmentActionAddFiles as PromptInputActionAddAttachments, AttachmentActionAddScreenshot as PromptInputActionAddScreenshot, } from "./attachments";
-export * from "./prompt-input-action-menu";
-export * from "./prompt-input-command";
-export * from "./prompt-input-hover-card";
-export * from "./prompt-input-select";
-export * from "./prompt-input-tabs";
-import { AttachmentProvider, prepareAttachmentsForSubmit, useAttachmentDropTarget, useAttachments, useOptionalAttachments, } from "./attachments";
+export { AttachmentActionAddFiles as PromptInputActionAddAttachments, AttachmentActionAddScreenshot as PromptInputActionAddScreenshot, } from "./attachments.js";
+export * from "./prompt-input-action-menu.js";
+export * from "./prompt-input-command.js";
+export * from "./prompt-input-hover-card.js";
+export * from "./prompt-input-select.js";
+export * from "./prompt-input-tabs.js";
+import { AttachmentProvider, prepareAttachmentsForSubmit, useAttachmentDropTarget, useAttachments, useOptionalAttachments, } from "./attachments.js";
 import { Button } from "@ciridae/ui/button";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea, } from "@ciridae/ui/input-group";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@ciridae/ui/tooltip";

package/dist/components/agentic/reasoning.js

@@ -6,7 +6,7 @@ import { mermaid } from "@streamdown/mermaid";
 import { BrainIcon, ChevronDownIcon } from "lucide-react";
 import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { Streamdown } from "streamdown";
-import { Shimmer } from "./shimmer";
+import { Shimmer } from "./shimmer.js";
 import "./message-response.css";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
 import { cn } from "@ciridae/ui/utils";

package/dist/components/agentic/snippet.js

@@ -3,7 +3,7 @@ import { CheckIcon, CopyIcon } from "lucide-react";
 import { createContext, useContext, useMemo, useState } from "react";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, } from "@ciridae/ui/input-group";
 import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
+import { copyToClipboard } from "./clipboard.js";
 const SnippetContext = createContext({ value: "" });
 function useSnippet() {
     return useContext(SnippetContext);

package/dist/components/agentic/speech-input.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticSpeechStatus } from "./types";
+import type { AgenticSpeechStatus } from "./types.js";
 import { Button } from "@ciridae/ui/button";
 type SpeechInputProps = React.ComponentProps<"div"> & {
     disabled?: boolean;

package/dist/components/agentic/stack-trace.js

@@ -4,7 +4,7 @@ import { createContext, useContext, useMemo, useState } from "react";
 import { Button } from "@ciridae/ui/button";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
 import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
+import { copyToClipboard } from "./clipboard.js";
 const StackTraceContext = createContext(null);
 function useStackTrace() {
     const context = useContext(StackTraceContext);
@@ -63,10 +63,17 @@ function parseStackFrames(stack) {
 }
 function parseStackLine(line) {
     const trimmed = line.trim().replace(/^at\s+/, "");
-    const match = /^(?:(.+?)\s+\()?(.+):(\d+):(\d+)\)?$/.exec(trimmed);
-    if (!match)
+    const location = /:(\d+):(\d+)\)?$/.exec(trimmed);
+    if (!location)
         return null;
-    return { column: match[4], file: match[2], line: match[3], method: match[1] };
+    const locationPrefix = trimmed.slice(0, location.index);
+    const methodSeparator = locationPrefix.lastIndexOf(" (");
+    return {
+        column: location[2],
+        file: methodSeparator === -1 ? locationPrefix : locationPrefix.slice(methodSeparator + 2),
+        line: location[1],
+        method: methodSeparator === -1 ? undefined : locationPrefix.slice(0, methodSeparator),
+    };
 }
 function formatLocation(frame) {
     if (!frame.line)

package/dist/components/agentic/terminal.js

@@ -3,7 +3,7 @@ import { CheckIcon, CopyIcon, SquareIcon, XIcon } from "lucide-react";
 import { createContext, useContext, useMemo, useState } from "react";
 import { Button } from "@ciridae/ui/button";
 import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
+import { copyToClipboard } from "./clipboard.js";
 const TerminalContext = createContext({ output: "" });
 const statusLabel = { error: "error", idle: "idle", running: "running", success: "success" };
 const statusClass = {

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticToolState } from "./types";
+import type { AgenticToolState } from "./types.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@ciridae/ui/collapsible";
 type ToolProps = React.ComponentProps<typeof Collapsible>;
 type ToolHeaderProps = Omit<React.ComponentProps<typeof CollapsibleTrigger>, "type"> & {

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticTranscriptSegment } from "./types";
+import type { AgenticTranscriptSegment } from "./types.js";
 type TranscriptionProps = React.ComponentProps<"div"> & {
     segments?: AgenticTranscriptSegment[];
 };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { AgenticVoiceOption } from "./types";
+import type { AgenticVoiceOption } from "./types.js";
 import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@ciridae/ui/command";
 import { Dialog, DialogContent, DialogTrigger } from "@ciridae/ui/dialog";
 type VoiceSelectorContextValue = {

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/* eslint-disable max-lines, react-refresh/only-export-components */
+/* eslint-disable react-refresh/only-export-components */
 import { CircleSmallIcon, MarsIcon, PauseIcon, PlayIcon, TransgenderIcon, VenusAndMarsIcon, VenusIcon, } from "lucide-react";
 import * as React from "react";
 import { Button } from "@ciridae/ui/button";
@@ -7,7 +7,7 @@ import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, Comma
 import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "@ciridae/ui/dialog";
 import { Spinner } from "@ciridae/ui/spinner";
 import { cn } from "@ciridae/ui/utils";
-import { useControllableState } from "./use-controllable-state";
+import { useControllableState } from "./use-controllable-state.js";
 const VoiceSelectorContext = React.createContext(null);
 function VoiceSelector({ children, defaultOpen = false, defaultValue, onOpenChange, onValueChange, open: openProp, value: valueProp, voices = [], ...props }) {
     const [value, setValue] = useControllableState({

package/dist/components/blocks/artifact-workbench.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Artifact, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "../agentic/artifact";
-import { CodeBlock, CodeBlockContent, CodeBlockCopyButton, CodeBlockHeader, CodeBlockTitle, } from "../agentic/code-block";
-import { Sandbox, SandboxContent, SandboxHeader, SandboxTabContent, SandboxTabs, SandboxTabsBar, SandboxTabsList, SandboxTabsTrigger, } from "../agentic/sandbox";
-import { WebPreview, WebPreviewBody, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, } from "../agentic/web-preview";
+import { Artifact, ArtifactContent, ArtifactDescription, ArtifactHeader, ArtifactTitle, } from "../agentic/artifact.js";
+import { CodeBlock, CodeBlockContent, CodeBlockCopyButton, CodeBlockHeader, CodeBlockTitle, } from "../agentic/code-block.js";
+import { Sandbox, SandboxContent, SandboxHeader, SandboxTabContent, SandboxTabs, SandboxTabsBar, SandboxTabsList, SandboxTabsTrigger, } from "../agentic/sandbox.js";
+import { WebPreview, WebPreviewBody, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewUrl, } from "../agentic/web-preview.js";
 import { cn } from "@ciridae/ui/utils";
 function ArtifactWorkbench({ className, code, previewUrl, title, ...props }) {
     return (_jsxs("div", { "data-slot": "artifact-workbench", className: cn("grid w-full gap-4 lg:grid-cols-[minmax(0,1fr)_minmax(18rem,24rem)]", className), ...props, children: [_jsx(ArtifactWorkbenchPreviewPane, { previewUrl: previewUrl, title: title }), _jsx(ArtifactWorkbenchSourcePane, { code: code })] }));

package/dist/components/blocks/tool-approval-panel.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { AgenticApproval, AgenticToolPart } from "../agentic/types";
+import type { AgenticApproval, AgenticToolPart } from "../agentic/types.js";
 type ToolApprovalPanelProps = React.ComponentProps<"div"> & {
     approval?: AgenticApproval;
     onApprove?: () => void;

package/dist/components/blocks/tool-approval-panel.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ApprovalRequest, ApprovalRequestAction, ApprovalRequestActions, ApprovalRequestDescription, ApprovalRequestPending, ApprovalRequestTitle, } from "../agentic/approval-request";
-import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../agentic/tool";
+import { ApprovalRequest, ApprovalRequestAction, ApprovalRequestActions, ApprovalRequestDescription, ApprovalRequestPending, ApprovalRequestTitle, } from "../agentic/approval-request.js";
+import { Tool, ToolContent, ToolHeader, ToolInput, ToolOutput } from "../agentic/tool.js";
 import { cn } from "@ciridae/ui/utils";
 function ToolApprovalPanel({ approval, className, onApprove, onReject, tool, ...props }) {
     return (_jsx("div", { "data-slot": "tool-approval-panel", className: cn("grid gap-3", className), ...props, children: _jsxs(Tool, { defaultOpen: true, children: [_jsx(ToolHeader, { state: tool.state, title: tool.toolName, type: tool.type }), _jsxs(ToolContent, { children: [_jsx(ToolInput, { input: tool.input }), _jsx(ToolApprovalPanelRequest, { approval: approval, onApprove: onApprove, onReject: onReject, state: tool.state }), _jsx(ToolOutput, { errorText: tool.errorText, output: tool.output })] })] }) }));

package/dist/components/blocks/voice-agent-panel.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { AgenticAudioSource, AgenticMicOption, AgenticSpeechStatus, AgenticTranscriptSegment, AgenticVoiceOption } from "../agentic/types";
+import type { AgenticAudioSource, AgenticMicOption, AgenticSpeechStatus, AgenticTranscriptSegment, AgenticVoiceOption } from "../agentic/types.js";
 type VoiceAgentPanelProps = React.ComponentProps<"div"> & {
     audio?: AgenticAudioSource;
     mics?: AgenticMicOption[];

package/dist/components/blocks/voice-agent-panel.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { AudioPlayer } from "../agentic/audio-player";
-import { MicSelector } from "../agentic/mic-selector";
-import { Persona } from "../agentic/persona";
-import { SpeechInput } from "../agentic/speech-input";
-import { Transcription } from "../agentic/transcription";
-import { VoiceSelector } from "../agentic/voice-selector";
+import { AudioPlayer } from "../agentic/audio-player.js";
+import { MicSelector } from "../agentic/mic-selector.js";
+import { Persona } from "../agentic/persona.js";
+import { SpeechInput } from "../agentic/speech-input.js";
+import { Transcription } from "../agentic/transcription.js";
+import { VoiceSelector } from "../agentic/voice-selector.js";
 import { Badge } from "@ciridae/ui/badge";
 import { cn } from "@ciridae/ui/utils";
 const defaultMics = [