@axhub/acp 0.1.0

package/dist/components/assistant-ui/thread-list.mjs

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AuiIf, ThreadListItemMorePrimitive, ThreadListItemPrimitive, ThreadListPrimitive, } from "@assistant-ui/react";
+import { ArchiveIcon, MoreHorizontalIcon, PlusIcon, SettingsIcon, TrashIcon, } from "lucide-react";
+import { ImageGenerationSettingsDialog } from "./image-generation-settings-dialog.mjs";
+import { Button } from "../ui/button.mjs";
+import { Skeleton } from "../ui/skeleton.mjs";
+const THREAD_LIST_SKELETON_ITEMS = [
+    "thread-list-skeleton-1",
+    "thread-list-skeleton-2",
+    "thread-list-skeleton-3",
+    "thread-list-skeleton-4",
+    "thread-list-skeleton-5",
+];
+export const ThreadList = () => {
+    return (_jsxs(ThreadListPrimitive.Root, { className: "aui-root aui-thread-list-root flex w-full min-w-0 flex-col gap-1", children: [_jsx(ThreadListNew, {}), _jsx(AuiIf, { condition: (s) => s.threads.isLoading && s.threads.threadIds.length === 0, children: _jsx(ThreadListSkeleton, {}) }), _jsxs(AuiIf, { condition: (s) => !s.threads.isLoading || s.threads.threadIds.length > 0, children: [_jsx(ThreadListPrimitive.Items, { children: () => _jsx(ThreadListItem, {}) }), _jsx(AuiIf, { condition: (s) => s.threads.hasMore, children: _jsx(ThreadListLoadMore, {}) })] })] }));
+};
+const ThreadListNew = () => {
+    return (_jsxs("div", { className: "aui-thread-list-top-actions mb-2 flex flex-col gap-1", children: [_jsx(ImageGenerationSettingsDialog, { trigger: _jsxs(Button, { type: "button", variant: "ghost", className: "aui-thread-list-settings h-9 w-full min-w-0 justify-start gap-2 rounded-lg px-3 text-sm hover:bg-muted data-[state=open]:bg-muted", children: [_jsx(SettingsIcon, { className: "size-4" }), _jsx("span", { className: "truncate", children: "\u8BBE\u7F6E" })] }) }), _jsx(ThreadListPrimitive.New, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "aui-thread-list-new h-9 w-full min-w-0 justify-start gap-2 rounded-lg px-3 text-sm hover:bg-muted", children: [_jsx(PlusIcon, { className: "size-4" }), _jsx("span", { className: "truncate", children: "\u65B0\u5EFA\u5BF9\u8BDD" })] }) })] }));
+};
+const ThreadListSkeleton = () => {
+    return (_jsx("div", { className: "flex flex-col gap-1", children: THREAD_LIST_SKELETON_ITEMS.map((item) => (_jsx("div", { role: "status", "aria-label": "\u6B63\u5728\u52A0\u8F7D\u5BF9\u8BDD", className: "aui-thread-list-skeleton-wrapper flex h-9 items-center px-3", children: _jsx(Skeleton, { className: "aui-thread-list-skeleton h-4 w-full" }) }, item))) }));
+};
+const ThreadListLoadMore = () => {
+    return (_jsx(ThreadListPrimitive.LoadMore, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "aui-thread-list-load-more h-9 justify-center rounded-lg px-3 text-muted-foreground text-sm hover:bg-muted hover:text-foreground", children: [_jsx(AuiIf, { condition: (s) => !s.threads.isLoadingMore, children: "\u52A0\u8F7D\u66F4\u591A" }), _jsx(AuiIf, { condition: (s) => s.threads.isLoadingMore, children: "\u6B63\u5728\u52A0\u8F7D..." })] }) }));
+};
+const ThreadListItem = () => {
+    return (_jsxs(ThreadListItemPrimitive.Root, { className: "aui-thread-list-item group/thread-list-item flex h-9 w-full min-w-0 items-center rounded-lg transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:outline-none data-active:bg-muted", children: [_jsx(ThreadListItemPrimitive.Trigger, { className: "aui-thread-list-item-trigger flex h-full min-w-0 flex-1 items-center px-3 text-start text-sm", children: _jsx("span", { className: "aui-thread-list-item-title min-w-0 flex-1 truncate", children: _jsx(ThreadListItemPrimitive.Title, { fallback: "\u65B0\u5BF9\u8BDD" }) }) }), _jsx(ThreadListItemMore, {})] }));
+};
+const ThreadListItemMore = () => {
+    return (_jsxs(ThreadListItemMorePrimitive.Root, { children: [_jsx(ThreadListItemMorePrimitive.Trigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "icon", className: "aui-thread-list-item-more me-0 h-7 w-0 overflow-hidden p-0 opacity-0 transition-[width,margin,opacity,background-color,color] group-hover/thread-list-item:me-2 group-hover/thread-list-item:w-7 group-hover/thread-list-item:opacity-100 group-focus-within/thread-list-item:me-2 group-focus-within/thread-list-item:w-7 group-focus-within/thread-list-item:opacity-100 data-[state=open]:me-2 data-[state=open]:w-7 data-[state=open]:bg-accent data-[state=open]:opacity-100", children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "\u66F4\u591A\u9009\u9879" })] }) }), _jsxs(ThreadListItemMorePrimitive.Content, { side: "bottom", align: "start", className: "aui-thread-list-item-more-content z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", children: [_jsx(ThreadListItemPrimitive.Archive, { asChild: true, children: _jsxs(ThreadListItemMorePrimitive.Item, { className: "aui-thread-list-item-more-item flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", children: [_jsx(ArchiveIcon, { className: "size-4" }), "\u5F52\u6863"] }) }), _jsx(ThreadListItemPrimitive.Delete, { asChild: true, children: _jsxs(ThreadListItemMorePrimitive.Item, { className: "aui-thread-list-item-more-item flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-destructive text-sm outline-none hover:bg-destructive/10 hover:text-destructive focus:bg-destructive/10 focus:text-destructive", children: [_jsx(TrashIcon, { className: "size-4" }), "\u5220\u9664"] }) })] })] }));
+};

package/dist/components/assistant-ui/thread.d.ts

@@ -0,0 +1 @@
+export { AssistantActionBar, AssistantMessage, BranchPicker, Composer, ComposerAction, type ComposerActionProps, type ComposerProps, ContextChips, EditComposer, MessageError, MessageList, Thread, ThreadEmptyState, ThreadHistoryEmpty, ThreadHistoryLoading, ThreadMessage, type ThreadProps, ThreadScrollToBottom, ThreadSuggestionItem, ThreadSuggestions, ThreadWelcome, UserActionBar, UserMessage, } from "./thread/index";

package/dist/components/assistant-ui/thread.mjs

@@ -0,0 +1,2 @@
+"use client";
+export { AssistantActionBar, AssistantMessage, BranchPicker, Composer, ComposerAction, ContextChips, EditComposer, MessageError, MessageList, Thread, ThreadEmptyState, ThreadHistoryEmpty, ThreadHistoryLoading, ThreadMessage, ThreadScrollToBottom, ThreadSuggestionItem, ThreadSuggestions, ThreadWelcome, UserActionBar, UserMessage, } from "./thread/index.mjs";

package/dist/components/assistant-ui/threadlist-sidebar.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+import { Sidebar } from "../ui/sidebar";
+export declare function ThreadListSidebar({ workspacePath, workspaceTitle, ...props }: React.ComponentProps<typeof Sidebar> & {
+    workspacePath?: string | null;
+    workspaceTitle?: string | null;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/assistant-ui/threadlist-sidebar.mjs

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FolderIcon } from "lucide-react";
+import { ThreadList } from "./thread-list.mjs";
+import { ThemeToggle } from "../theme-toggle.mjs";
+import { ScrollArea } from "../ui/scroll-area.mjs";
+import { Sidebar, SidebarContent, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarRail, } from "../ui/sidebar.mjs";
+function getPathBasename(path) {
+    var _a;
+    const normalizedPath = path.replace(/\\/g, "/").replace(/\/+$/g, "");
+    if (!normalizedPath || normalizedPath === "/") {
+        return normalizedPath || "当前项目";
+    }
+    const parts = normalizedPath.split("/").filter(Boolean);
+    return (_a = parts[parts.length - 1]) !== null && _a !== void 0 ? _a : normalizedPath;
+}
+export function ThreadListSidebar(_a) {
+    var { workspacePath, workspaceTitle } = _a, props = __rest(_a, ["workspacePath", "workspaceTitle"]);
+    const projectPath = (workspacePath === null || workspacePath === void 0 ? void 0 : workspacePath.trim()) || "当前项目";
+    const projectTitle = (workspaceTitle === null || workspaceTitle === void 0 ? void 0 : workspaceTitle.trim()) || getPathBasename(projectPath);
+    return (_jsxs(Sidebar, Object.assign({}, props, { children: [_jsx(SidebarHeader, { className: "aui-sidebar-header mb-2 border-b", children: _jsxs("div", { className: "aui-sidebar-header-content flex items-center justify-between", children: [_jsx(SidebarMenu, { className: "min-w-0 flex-1", children: _jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { size: "lg", asChild: true, children: _jsxs("div", { children: [_jsx(FolderIcon, { className: "aui-sidebar-header-icon size-4" }), _jsxs("div", { className: "aui-sidebar-header-heading me-2 min-w-0 space-y-1 leading-none", children: [_jsx("span", { className: "aui-sidebar-header-title block min-w-0 truncate font-semibold", title: projectTitle, children: projectTitle }), _jsx("span", { className: "aui-sidebar-header-description block min-w-0 truncate text-sidebar-foreground/60 text-xs", title: projectPath, children: projectPath })] })] }) }) }) }), _jsx(ThemeToggle, {})] }) }), _jsx(SidebarContent, { className: "aui-sidebar-content overflow-hidden px-0", children: _jsx(ScrollArea, { className: "aui-thread-list-scroll-area min-h-0 flex-1", children: _jsx("div", { className: "aui-thread-list-scroll-content w-full min-w-0 px-2", children: _jsx(ThreadList, {}) }) }) }), _jsx(SidebarRail, {})] })));
+}

package/dist/components/assistant-ui/tool-fallback.d.ts

@@ -0,0 +1,31 @@
+import { type ToolCallMessagePartComponent, type ToolCallMessagePartStatus } from "@assistant-ui/react";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../ui/collapsible";
+export type ToolFallbackRootProps = Omit<React.ComponentProps<typeof Collapsible>, "open" | "onOpenChange"> & {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+};
+declare function ToolFallbackRoot({ className, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen, children, ...props }: ToolFallbackRootProps): import("react/jsx-runtime").JSX.Element;
+declare function ToolFallbackTrigger({ toolName, status, className, ...props }: React.ComponentProps<typeof CollapsibleTrigger> & {
+    toolName: string;
+    status?: ToolCallMessagePartStatus;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ToolFallbackContent({ className, children, ...props }: React.ComponentProps<typeof CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+declare function ToolFallbackArgs({ argsText, className, ...props }: React.ComponentProps<"div"> & {
+    argsText?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare function ToolFallbackResult({ result, className, ...props }: React.ComponentProps<"div"> & {
+    result?: unknown;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare function ToolFallbackError({ status, className, ...props }: React.ComponentProps<"div"> & {
+    status?: ToolCallMessagePartStatus;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare const ToolFallback: ToolCallMessagePartComponent & {
+    Root: typeof ToolFallbackRoot;
+    Trigger: typeof ToolFallbackTrigger;
+    Content: typeof ToolFallbackContent;
+    Args: typeof ToolFallbackArgs;
+    Result: typeof ToolFallbackResult;
+    Error: typeof ToolFallbackError;
+};
+export { ToolFallback, ToolFallbackArgs, ToolFallbackContent, ToolFallbackError, ToolFallbackResult, ToolFallbackRoot, ToolFallbackTrigger, };

package/dist/components/assistant-ui/tool-fallback.mjs

@@ -0,0 +1,114 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useScrollLock, } from "@assistant-ui/react";
+import { AlertCircleIcon, CheckIcon, ChevronDownIcon, LoaderIcon, XCircleIcon, } from "lucide-react";
+import { memo, useCallback, useRef, useState } from "react";
+import { AcpToolContentBlocks } from "./acp-tool-content.mjs";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../ui/collapsible.mjs";
+import { cn } from "../../lib/utils.mjs";
+const ANIMATION_DURATION = 200;
+function ToolFallbackRoot(_a) {
+    var { className, open: controlledOpen, onOpenChange: controlledOnOpenChange, defaultOpen = false, children } = _a, props = __rest(_a, ["className", "open", "onOpenChange", "defaultOpen", "children"]);
+    const collapsibleRef = useRef(null);
+    const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+    const lockScroll = useScrollLock(collapsibleRef, ANIMATION_DURATION);
+    const isControlled = controlledOpen !== undefined;
+    const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+    const handleOpenChange = useCallback((open) => {
+        if (!open) {
+            lockScroll();
+        }
+        if (!isControlled) {
+            setUncontrolledOpen(open);
+        }
+        controlledOnOpenChange === null || controlledOnOpenChange === void 0 ? void 0 : controlledOnOpenChange(open);
+    }, [lockScroll, isControlled, controlledOnOpenChange]);
+    return (_jsx(Collapsible, Object.assign({ ref: collapsibleRef, "data-slot": "tool-fallback-root", open: isOpen, onOpenChange: handleOpenChange, className: cn("aui-tool-fallback-root group/tool-fallback-root my-2.5 w-full rounded-lg border py-3 first:mt-0 last:mb-0", className), style: {
+            "--animation-duration": `${ANIMATION_DURATION}ms`,
+        } }, props, { children: children })));
+}
+const statusIconMap = {
+    running: LoaderIcon,
+    complete: CheckIcon,
+    incomplete: XCircleIcon,
+    "requires-action": AlertCircleIcon,
+};
+function getEffectiveToolStatus(status, result) {
+    if ((status === null || status === void 0 ? void 0 : status.type) === "running" && result !== undefined) {
+        return { type: "complete" };
+    }
+    return status;
+}
+function ToolFallbackTrigger(_a) {
+    var _b;
+    var { toolName, status, className } = _a, props = __rest(_a, ["toolName", "status", "className"]);
+    const statusType = (_b = status === null || status === void 0 ? void 0 : status.type) !== null && _b !== void 0 ? _b : "complete";
+    const isRunning = statusType === "running";
+    const isCancelled = (status === null || status === void 0 ? void 0 : status.type) === "incomplete" && status.reason === "cancelled";
+    const Icon = statusIconMap[statusType];
+    const label = isCancelled ? "已取消工具" : "已使用工具";
+    const toolLabel = _jsx("b", { children: toolName });
+    return (_jsxs(CollapsibleTrigger, Object.assign({ "data-slot": "tool-fallback-trigger", "aria-label": `${label}: ${toolName}`, className: cn("aui-tool-fallback-trigger group/trigger flex w-full items-center gap-2 px-4 text-sm transition-colors", className) }, props, { children: [_jsx(Icon, { "data-slot": "tool-fallback-trigger-icon", className: cn("aui-tool-fallback-trigger-icon size-4 shrink-0", isCancelled && "text-muted-foreground", isRunning && "animate-spin") }), _jsxs("span", { "data-slot": "tool-fallback-trigger-label", className: cn("aui-tool-fallback-trigger-label-wrapper relative min-w-0 flex-1 text-start leading-snug", isCancelled && "text-muted-foreground line-through"), title: toolName, children: [_jsx("span", { className: "aui-tool-fallback-trigger-label line-clamp-2 break-words", children: toolLabel }), isRunning && (_jsx("span", { "aria-hidden": true, "data-slot": "tool-fallback-trigger-shimmer", className: "aui-tool-fallback-trigger-shimmer shimmer pointer-events-none absolute inset-0 line-clamp-2 break-words motion-reduce:animate-none", children: toolLabel }))] }), _jsx(ChevronDownIcon, { "data-slot": "tool-fallback-trigger-chevron", className: cn("aui-tool-fallback-trigger-chevron size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-out", "group-data-[state=closed]/trigger:-rotate-90", "group-data-[state=open]/trigger:rotate-0") })] })));
+}
+function ToolFallbackContent(_a) {
+    var { className, children } = _a, props = __rest(_a, ["className", "children"]);
+    return (_jsx(CollapsibleContent, Object.assign({ "data-slot": "tool-fallback-content", className: cn("aui-tool-fallback-content relative overflow-hidden text-sm outline-none", "group/collapsible-content ease-out", "data-[state=closed]:animate-collapsible-up", "data-[state=open]:animate-collapsible-down", "data-[state=closed]:fill-mode-forwards", "data-[state=closed]:pointer-events-none", "data-[state=open]:duration-(--animation-duration)", "data-[state=closed]:duration-(--animation-duration)", className) }, props, { children: _jsx("div", { className: "mt-3 flex flex-col gap-2 border-t pt-2", children: children }) })));
+}
+function ToolFallbackArgs(_a) {
+    var { argsText, className } = _a, props = __rest(_a, ["argsText", "className"]);
+    if (!argsText)
+        return null;
+    return (_jsx("div", Object.assign({ "data-slot": "tool-fallback-args", className: cn("aui-tool-fallback-args px-4", className) }, props, { children: _jsx("pre", { className: "aui-tool-fallback-args-value max-h-40 overflow-auto rounded-md bg-muted/30 px-3 py-2 font-mono text-xs leading-relaxed whitespace-pre-wrap break-words", children: argsText }) })));
+}
+function ToolFallbackResult(_a) {
+    var { result, className } = _a, props = __rest(_a, ["result", "className"]);
+    if (result === undefined)
+        return null;
+    return (_jsxs("div", Object.assign({ "data-slot": "tool-fallback-result", className: cn("aui-tool-fallback-result border-t border-dashed px-4 pt-2", className) }, props, { children: [_jsx("p", { className: "aui-tool-fallback-result-header font-semibold", children: "\u7ED3\u679C\uFF1A" }), _jsx("pre", { className: "aui-tool-fallback-result-content max-h-56 overflow-auto rounded-md bg-muted/30 px-3 py-2 font-mono text-xs leading-relaxed whitespace-pre-wrap break-words", children: result === null
+                    ? "无结构化结果"
+                    : typeof result === "string"
+                        ? result
+                        : JSON.stringify(result, null, 2) })] })));
+}
+function ToolFallbackError(_a) {
+    var { status, className } = _a, props = __rest(_a, ["status", "className"]);
+    if ((status === null || status === void 0 ? void 0 : status.type) !== "incomplete")
+        return null;
+    const error = status.error;
+    const errorText = error
+        ? typeof error === "string"
+            ? error
+            : JSON.stringify(error)
+        : null;
+    if (!errorText)
+        return null;
+    const isCancelled = status.reason === "cancelled";
+    const headerText = isCancelled ? "取消原因：" : "错误：";
+    return (_jsxs("div", Object.assign({ "data-slot": "tool-fallback-error", className: cn("aui-tool-fallback-error px-4", className) }, props, { children: [_jsx("p", { className: "aui-tool-fallback-error-header font-semibold text-muted-foreground", children: headerText }), _jsx("p", { className: "aui-tool-fallback-error-reason text-muted-foreground", children: errorText })] })));
+}
+const ToolFallbackImpl = ({ toolName, argsText, result, status, toolCallId, }) => {
+    const effectiveStatus = getEffectiveToolStatus(status, result);
+    const isCancelled = (effectiveStatus === null || effectiveStatus === void 0 ? void 0 : effectiveStatus.type) === "incomplete" &&
+        effectiveStatus.reason === "cancelled";
+    return (_jsxs(ToolFallbackRoot, { className: cn(isCancelled && "border-muted-foreground/30 bg-muted/30"), children: [_jsx(ToolFallbackTrigger, { toolName: toolName, status: effectiveStatus }), _jsxs(ToolFallbackContent, { children: [_jsx(ToolFallbackError, { status: effectiveStatus }), _jsx(ToolFallbackArgs, { argsText: argsText, className: cn(isCancelled && "opacity-60") }), _jsx(AcpToolContentBlocks, { toolCallId: toolCallId, className: cn(isCancelled && "opacity-60") }), !isCancelled && _jsx(ToolFallbackResult, { result: result })] })] }));
+};
+const ToolFallback = memo(ToolFallbackImpl);
+ToolFallback.displayName = "ToolFallback";
+ToolFallback.Root = ToolFallbackRoot;
+ToolFallback.Trigger = ToolFallbackTrigger;
+ToolFallback.Content = ToolFallbackContent;
+ToolFallback.Args = ToolFallbackArgs;
+ToolFallback.Result = ToolFallbackResult;
+ToolFallback.Error = ToolFallbackError;
+export { ToolFallback, ToolFallbackArgs, ToolFallbackContent, ToolFallbackError, ToolFallbackResult, ToolFallbackRoot, ToolFallbackTrigger, };

package/dist/components/assistant-ui/tooltip-icon-button.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithRef } from "react";
+import { Button } from "../ui/button";
+export type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
+    tooltip: string;
+    side?: "top" | "bottom" | "left" | "right";
+};
+export declare const TooltipIconButton: import("react").ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/assistant-ui/tooltip-icon-button.mjs

@@ -0,0 +1,23 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from "radix-ui";
+import { forwardRef } from "react";
+import { Button } from "../ui/button.mjs";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip.mjs";
+import { cn } from "../../lib/utils.mjs";
+export const TooltipIconButton = forwardRef((_a, ref) => {
+    var { children, tooltip, side = "bottom", className } = _a, rest = __rest(_a, ["children", "tooltip", "side", "className"]);
+    return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, Object.assign({ variant: "ghost", size: "icon" }, rest, { className: cn("aui-button-icon size-6 p-1", className), ref: ref, children: [_jsx(Slot.Slottable, { children: children }), _jsx("span", { className: "aui-sr-only sr-only", children: tooltip })] })) }), _jsx(TooltipContent, { side: side, children: tooltip })] }) }));
+});
+TooltipIconButton.displayName = "TooltipIconButton";

package/dist/components/icons/github.d.ts

@@ -0,0 +1,3 @@
+export declare function GitHubIcon({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/github.mjs

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function GitHubIcon({ className }) {
+    return (_jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", className: className, fill: "currentColor", children: _jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }) }));
+}

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1 @@
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;

package/dist/components/theme-toggle.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MoonIcon, SunIcon } from "lucide-react";
+import { useEffect, useState } from "react";
+import { TooltipIconButton } from "./assistant-ui/tooltip-icon-button.mjs";
+const STORAGE_KEY = "acp-ui-theme";
+function applyTheme(theme) {
+    document.documentElement.classList.toggle("dark", theme === "dark");
+    document.documentElement.style.colorScheme = theme;
+}
+export function ThemeToggle() {
+    const [theme, setTheme] = useState("light");
+    useEffect(() => {
+        const storedTheme = window.localStorage.getItem(STORAGE_KEY);
+        const initialTheme = storedTheme === "dark" ? "dark" : "light";
+        setTheme(initialTheme);
+        applyTheme(initialTheme);
+    }, []);
+    const nextTheme = theme === "dark" ? "light" : "dark";
+    const Icon = theme === "dark" ? SunIcon : MoonIcon;
+    return (_jsx(TooltipIconButton, { type: "button", tooltip: theme === "dark" ? "切换到浅色主题" : "切换到深色主题", "aria-label": theme === "dark" ? "切换到浅色主题" : "切换到深色主题", className: "size-8 text-muted-foreground hover:text-foreground", onClick: () => {
+            setTheme(nextTheme);
+            window.localStorage.setItem(STORAGE_KEY, nextTheme);
+            applyTheme(nextTheme);
+        }, children: _jsx(Icon, { className: "size-4" }) }));
+}

package/dist/components/tool-ui/option-list.d.ts

@@ -0,0 +1,34 @@
+import { type ReactNode } from "react";
+export type OptionListOption = {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    recommended?: boolean;
+};
+export type OptionListAction = {
+    id: string;
+    label: string;
+    variant?: "default" | "outline" | "ghost";
+    disabled?: boolean;
+};
+export type OptionListProps = {
+    id: string;
+    options: OptionListOption[];
+    selectionMode?: "single" | "multi";
+    value?: string | string[] | null;
+    defaultValue?: string | string[] | null;
+    choice?: string | string[] | null;
+    minSelections?: number;
+    maxSelections?: number;
+    actions?: OptionListAction[];
+    onChange?: (value: string | string[] | null) => void;
+    onAction?: (actionId: string, value: string | string[] | null) => void | Promise<void>;
+    onBeforeAction?: (actionId: string, value: string | string[] | null) => boolean | Promise<boolean>;
+    isActionDisabled?: (actionId: string, value: string | string[] | null) => boolean;
+    allowCustomInput?: boolean;
+    customInputLabel?: string;
+    className?: string;
+};
+export declare function OptionList({ id, options, selectionMode, value, defaultValue, choice, minSelections, maxSelections, actions, onChange, onAction, onBeforeAction, isActionDisabled, allowCustomInput, customInputLabel, className, }: OptionListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tool-ui/option-list.mjs

@@ -0,0 +1,163 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { useCallback, useMemo, useRef, useState, } from "react";
+import { Button } from "../ui/button.mjs";
+import { Input } from "../ui/input.mjs";
+import { cn } from "../../lib/utils.mjs";
+const CUSTOM_OPTION_ID = "__acp_ui_custom_input__";
+function valueToArray(value) {
+    if (Array.isArray(value))
+        return value;
+    return value ? [value] : [];
+}
+function arrayToValue(value, selectionMode) {
+    var _a;
+    if (selectionMode === "multi")
+        return value;
+    return (_a = value[0]) !== null && _a !== void 0 ? _a : null;
+}
+export function OptionList({ id, options, selectionMode = "multi", value, defaultValue, choice, minSelections = 1, maxSelections, actions = [
+    { id: "confirm", label: "确认" },
+    { id: "cancel", label: "取消", variant: "outline" },
+], onChange, onAction, onBeforeAction, isActionDisabled, allowCustomInput = false, customInputLabel = "自定义", className, }) {
+    const isControlled = value !== undefined;
+    const isReceipt = choice !== undefined;
+    const [internalValue, setInternalValue] = useState(valueToArray(defaultValue));
+    const [customText, setCustomText] = useState("");
+    const optionRefs = useRef([]);
+    const effectiveOptions = useMemo(() => {
+        if (!allowCustomInput || isReceipt)
+            return options;
+        return [
+            ...options,
+            {
+                id: CUSTOM_OPTION_ID,
+                label: customInputLabel,
+            },
+        ];
+    }, [allowCustomInput, customInputLabel, isReceipt, options]);
+    const selectedIds = useMemo(() => {
+        if (isReceipt)
+            return valueToArray(choice);
+        return isControlled ? valueToArray(value) : internalValue;
+    }, [choice, internalValue, isControlled, isReceipt, value]);
+    const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);
+    const visibleOptions = isReceipt
+        ? effectiveOptions.filter((option) => selectedSet.has(option.id))
+        : effectiveOptions;
+    const actionValue = useMemo(() => {
+        const normalizedCustomText = customText.trim();
+        const selectedWithoutCustom = selectedIds.filter((id) => id !== CUSTOM_OPTION_ID);
+        if (!selectedSet.has(CUSTOM_OPTION_ID) || !normalizedCustomText) {
+            return arrayToValue(selectedWithoutCustom, selectionMode);
+        }
+        if (selectionMode === "single")
+            return normalizedCustomText;
+        return [...selectedWithoutCustom, normalizedCustomText];
+    }, [customText, selectedIds, selectedSet, selectionMode]);
+    const effectiveSelectionCount = actionValue === null
+        ? 0
+        : Array.isArray(actionValue)
+            ? actionValue.length
+            : 1;
+    const isValidSelection = effectiveSelectionCount >= minSelections &&
+        (maxSelections === undefined || effectiveSelectionCount <= maxSelections);
+    const commitValue = useCallback((nextIds) => {
+        const nextValue = arrayToValue(nextIds, selectionMode);
+        if (!isControlled)
+            setInternalValue(nextIds);
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextValue);
+    }, [isControlled, onChange, selectionMode]);
+    const toggleOption = useCallback((option) => {
+        if (isReceipt || option.disabled)
+            return;
+        if (selectionMode === "single") {
+            commitValue(selectedSet.has(option.id) ? [] : [option.id]);
+            return;
+        }
+        const nextIds = selectedSet.has(option.id)
+            ? selectedIds.filter((id) => id !== option.id)
+            : [...selectedIds, option.id];
+        if (maxSelections !== undefined && nextIds.length > maxSelections) {
+            return;
+        }
+        commitValue(nextIds);
+    }, [
+        commitValue,
+        isReceipt,
+        maxSelections,
+        selectedIds,
+        selectedSet,
+        selectionMode,
+    ]);
+    const focusOption = useCallback((fromIndex, direction) => {
+        if (optionRefs.current.length === 0)
+            return;
+        let nextIndex = fromIndex;
+        for (let count = 0; count < optionRefs.current.length; count++) {
+            nextIndex =
+                (nextIndex + direction + optionRefs.current.length) %
+                    optionRefs.current.length;
+            const option = optionRefs.current[nextIndex];
+            if (option && !option.disabled) {
+                option.focus();
+                return;
+            }
+        }
+    }, []);
+    const handleOptionKeyDown = useCallback((event, option) => {
+        var _a, _b, _c;
+        const index = Number((_a = event.currentTarget.dataset.index) !== null && _a !== void 0 ? _a : 0);
+        if (event.key === "ArrowDown" || event.key === "ArrowRight") {
+            event.preventDefault();
+            focusOption(index, 1);
+        }
+        else if (event.key === "ArrowUp" || event.key === "ArrowLeft") {
+            event.preventDefault();
+            focusOption(index, -1);
+        }
+        else if (event.key === "Home") {
+            event.preventDefault();
+            (_b = optionRefs.current.find((element) => !(element === null || element === void 0 ? void 0 : element.disabled))) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        else if (event.key === "End") {
+            event.preventDefault();
+            (_c = optionRefs.current.findLast((element) => !(element === null || element === void 0 ? void 0 : element.disabled))) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+        else if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            toggleOption(option);
+        }
+        else if (event.key === "Escape") {
+            event.currentTarget.blur();
+        }
+    }, [focusOption, toggleOption]);
+    const handleAction = useCallback(async (action) => {
+        const allowed = await (onBeforeAction === null || onBeforeAction === void 0 ? void 0 : onBeforeAction(action.id, actionValue));
+        if (allowed === false)
+            return;
+        await (onAction === null || onAction === void 0 ? void 0 : onAction(action.id, actionValue));
+    }, [actionValue, onAction, onBeforeAction]);
+    const handleCustomTextChange = useCallback((event) => {
+        setCustomText(event.currentTarget.value);
+    }, []);
+    return (_jsxs("div", { "data-slot": "tool-ui-option-list", className: cn("my-2.5 w-full rounded-lg border bg-background p-3 shadow-xs", className), children: [_jsx("div", { id: id, role: "listbox", "aria-multiselectable": selectionMode === "multi" || undefined, className: "flex flex-col gap-1.5", children: visibleOptions.map((option, index) => {
+                    const selected = selectedSet.has(option.id);
+                    const hasDescription = Boolean(option.description);
+                    return (_jsxs("button", { ref: (element) => {
+                            optionRefs.current[index] = element;
+                        }, type: "button", role: "option", "aria-selected": selected, "data-index": index, disabled: option.disabled || isReceipt, onClick: () => toggleOption(option), onKeyDown: (event) => handleOptionKeyDown(event, option), className: cn("flex min-h-11 w-full gap-2.5 rounded-md border px-3 py-2 text-left text-sm transition-colors", "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/40 focus-visible:outline-none", selected
+                            ? "border-primary/40 bg-primary/8"
+                            : "border-border bg-card hover:bg-muted/60", (option.disabled || isReceipt) &&
+                            "cursor-default opacity-80 hover:bg-card", hasDescription ? "items-start" : "items-center"), children: [_jsx("span", { className: cn("flex size-4 shrink-0 items-center justify-center rounded-full border", selected
+                                    ? "border-primary bg-primary text-primary-foreground"
+                                    : "border-muted-foreground/30 text-transparent", hasDescription && "mt-0.5"), children: _jsx(CheckIcon, { className: "size-3" }) }), option.icon && (_jsx("span", { className: cn("shrink-0 text-muted-foreground", hasDescription && "mt-0.5"), children: option.icon })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "block break-words font-medium leading-5", children: option.label }), option.description && (_jsx("span", { className: "mt-0.5 block break-words text-muted-foreground text-xs leading-5", children: option.description })), option.recommended && (_jsx("span", { className: "mt-1 inline-flex rounded-sm bg-primary/10 px-1.5 py-0.5 font-medium text-primary text-xs", children: "\u63A8\u8350" }))] })] }, option.id));
+                }) }), allowCustomInput && selectedSet.has(CUSTOM_OPTION_ID) && !isReceipt && (_jsx(Input, { className: "mt-2", placeholder: customInputLabel, value: customText, onChange: handleCustomTextChange })), !isReceipt && actions.length > 0 && (_jsx("div", { className: "mt-3 flex flex-wrap justify-end gap-2", children: actions.map((action) => {
+                    var _a;
+                    const selectedValue = arrayToValue(selectedIds, selectionMode);
+                    return (_jsx(Button, { type: "button", size: "sm", variant: (_a = action.variant) !== null && _a !== void 0 ? _a : "default", disabled: action.disabled ||
+                            (action.id === "confirm" && !isValidSelection) ||
+                            (isActionDisabled === null || isActionDisabled === void 0 ? void 0 : isActionDisabled(action.id, selectedValue)), onClick: () => void handleAction(action), children: action.label }, action.id));
+                }) }))] }));
+}

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import type * as React from "react";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, };

package/dist/components/ui/avatar.mjs

@@ -0,0 +1,40 @@
+"use client";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { cn } from "../../lib/utils.mjs";
+function Avatar(_a) {
+    var { className, size = "default" } = _a, props = __rest(_a, ["className", "size"]);
+    return (_jsx(AvatarPrimitive.Root, Object.assign({ "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 select-none overflow-hidden rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6", className) }, props)));
+}
+function AvatarImage(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(AvatarPrimitive.Image, Object.assign({ "data-slot": "avatar-image", className: cn("aspect-square size-full", className) }, props)));
+}
+function AvatarFallback(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx(AvatarPrimitive.Fallback, Object.assign({ "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-full bg-muted text-muted-foreground text-sm group-data-[size=sm]/avatar:text-xs", className) }, props)));
+}
+function AvatarBadge(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("span", Object.assign({ "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex select-none items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className) }, props)));
+}
+function AvatarGroup(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "avatar-group", className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background", className) }, props)));
+}
+function AvatarGroupCount(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (_jsx("div", Object.assign({ "data-slot": "avatar-group-count", className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-muted-foreground text-sm ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className) }, props)));
+}
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, };

package/dist/components/ui/button.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };