@agent-platform/ui 0.0.12 → 0.0.13

package/dist/styles/theme.css

@@ -0,0 +1,34 @@
+/*
+ * @agent-platform/ui - Theme configuration for Tailwind v4 consumers
+ *
+ * Usage (Mode B - @source integration):
+ *   @import "tailwindcss";
+ *   @import "@agent-platform/ui/styles/globals.css";
+ *   @import "@agent-platform/ui/styles/theme.css";
+ *   @source "../node_modules/@agent-platform/ui/dist";
+ */
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@agent-platform/ui",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "private": false,
   "type": "module",
   "sideEffects": [
-    "./dist/styles/globals.css"
+    "**/*.css"
   ],
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -13,7 +13,9 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
-    "./styles/globals.css": "./dist/styles/globals.css"
+    "./styles": "./dist/styles/agent-ui.css",
+    "./styles/globals.css": "./dist/styles/globals.css",
+    "./styles/theme.css": "./dist/styles/theme.css"
   },
   "files": [
     "dist",
@@ -28,6 +30,7 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "better-auth": "^1.4.20",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "radix-ui": "^1.4.3",
@@ -36,20 +39,23 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
-    "@tailwindcss/cli": "^4.0.0",
     "@phosphor-icons/react": "^2.1.10",
+    "@tailwindcss/cli": "^4",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "tailwindcss": "^4.0.0",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "tailwindcss": "^4",
+    "tsup": "^8",
     "typescript": "^5",
     "@agent-platform/server": "0.0.1"
   },
   "scripts": {
-    "build": "pnpm run build:types && pnpm run build:styles",
-    "build:types": "tsc -p tsconfig.build.json",
-    "build:styles": "mkdir -p dist/styles && tailwindcss -i ./src/styles/globals.css -o ./dist/styles/globals.css",
+    "build": "pnpm run build:js && pnpm run build:css",
+    "build:js": "tsup",
+    "build:css": "pnpm run build:css:prebuilt && pnpm run build:css:copy",
+    "build:css:prebuilt": "tailwindcss -i ./src/styles/preflight.css -o ./dist/styles/agent-ui.css",
+    "build:css:copy": "mkdir -p dist/styles && cp src/styles/globals.css dist/styles/globals.css && cp src/styles/theme.css dist/styles/theme.css",
     "test": "pnpm -C ../server exec vitest --root ../ui",
     "typecheck": "tsc --noEmit",
     "pack:check": "pnpm pack",

package/dist/components/agent/agent-container-model.d.ts

@@ -1,19 +0,0 @@
-import type { AgentInputProps } from './types';
-interface ResolveEffectiveInputPropsParams {
-    inputProps?: Omit<AgentInputProps, 'className'>;
-    sendMessage?: (message: string) => Promise<void>;
-    isLoading: boolean;
-}
-interface ResolveAgentContainerLayoutStateInput {
-    messageCount: number;
-    isLoading: boolean;
-    hasActiveApprovalRequest: boolean;
-}
-interface AgentContainerLayoutState {
-    shouldShowMessages: boolean;
-    shouldShowToolApprovalPanel: boolean;
-    shouldShowInput: boolean;
-}
-export declare function resolveEffectiveInputProps({ inputProps, sendMessage, isLoading, }: ResolveEffectiveInputPropsParams): AgentInputProps;
-export declare function resolveAgentContainerLayoutState(input: ResolveAgentContainerLayoutStateInput): AgentContainerLayoutState;
-export {};

package/dist/components/agent/agent-container-model.js

@@ -1,17 +0,0 @@
-export function resolveEffectiveInputProps({ inputProps, sendMessage, isLoading, }) {
-    return {
-        ...inputProps,
-        onSend: inputProps?.onSend ?? sendMessage,
-        isLoading: inputProps?.isLoading ?? isLoading,
-    };
-}
-export function resolveAgentContainerLayoutState(input) {
-    const shouldShowMessages = input.messageCount > 0 || input.isLoading;
-    const shouldShowToolApprovalPanel = input.hasActiveApprovalRequest;
-    const shouldShowInput = !input.hasActiveApprovalRequest;
-    return {
-        shouldShowMessages,
-        shouldShowToolApprovalPanel,
-        shouldShowInput,
-    };
-}

package/dist/components/agent/agent-container-state.d.ts

@@ -1,2 +0,0 @@
-import type { AgentChatStateShape, AgentContainerProps } from './types';
-export declare function useAgentContainerViewModel(props: AgentContainerProps): AgentChatStateShape;

package/dist/components/agent/agent-container-state.js

@@ -1,52 +0,0 @@
-'use client';
-import { useMemo } from 'react';
-import { DEFAULT_TOOL_NAME_LABELS } from './defaults';
-import { useOptionalAgentContext } from './provider/agent-context';
-export function useAgentContainerViewModel(props) {
-    const { showHeader = true, headerProps, showGreeting = true, greetingProps, showHomeCards = true, cards, onCardClick, toolNameLabels, autoShowMessages = true, showInput = true, inputProps, className, children, } = props;
-    const context = useOptionalAgentContext();
-    const messages = context?.messages ?? [];
-    const pendingToolCalls = context?.pendingToolCalls ?? [];
-    const activeApprovalRequest = context?.activeApprovalRequest ?? null;
-    const approveToolCall = context?.approveToolCall ?? (() => undefined);
-    const rejectToolCall = context?.rejectToolCall ?? (() => undefined);
-    const toolApprovalLabels = context?.config.toolApprovalLabels;
-    const error = context?.error ?? null;
-    const isLoading = context?.isLoading ?? false;
-    const sendMessage = context?.sendMessage;
-    const clearChat = context?.clearChat;
-    const mergedToolNameLabels = useMemo(() => ({ ...DEFAULT_TOOL_NAME_LABELS, ...toolNameLabels }), [toolNameLabels]);
-    const effectiveInputProps = useMemo(() => ({
-        ...inputProps,
-        onSend: inputProps?.onSend ?? sendMessage,
-        isLoading: inputProps?.isLoading ?? isLoading,
-    }), [inputProps, isLoading, sendMessage]);
-    const effectiveHeaderProps = useMemo(() => ({
-        ...headerProps,
-        onNewChatClick: headerProps?.onNewChatClick ?? clearChat,
-    }), [headerProps, clearChat]);
-    return {
-        showHeader,
-        effectiveHeaderProps,
-        showGreeting,
-        greetingProps,
-        showHomeCards,
-        cards,
-        onCardClick,
-        autoShowMessages,
-        showInput,
-        effectiveInputProps,
-        className,
-        messages,
-        pendingToolCalls,
-        activeApprovalRequest,
-        approveToolCall,
-        rejectToolCall,
-        toolApprovalLabels,
-        error,
-        isLoading,
-        mergedToolNameLabels,
-        hasMessages: messages.length > 0,
-        children,
-    };
-}

package/dist/components/agent/agent-container-view.d.ts

@@ -1,20 +0,0 @@
-import type { ActiveToolApprovalRequest, ToolApprovalLabels, ToolCallState } from './provider/types';
-import type { AgentHomeCardProps, AgentInputProps } from './types';
-export interface AgentContainerViewProps {
-    onNewChatClick?: () => void;
-    cards?: AgentHomeCardProps[];
-    onCardClick?: (cardId: string) => void;
-    inputProps: AgentInputProps;
-    className?: string;
-    messages: import('@agent-platform/server').AgentMessage[];
-    pendingToolCalls: ToolCallState[];
-    activeApprovalRequest: ActiveToolApprovalRequest | null;
-    approveToolCall: () => void;
-    rejectToolCall: () => void;
-    toolApprovalLabels?: ToolApprovalLabels;
-    toolNameLabels: Record<string, string>;
-    isLoading: boolean;
-    error: string | null;
-}
-declare function AgentContainerView({ onNewChatClick, cards, onCardClick, inputProps, className, messages, pendingToolCalls, activeApprovalRequest, approveToolCall, rejectToolCall, toolApprovalLabels, toolNameLabels, isLoading, error, }: AgentContainerViewProps): import("react/jsx-runtime").JSX.Element;
-export { AgentContainerView };

package/dist/components/agent/agent-container-view.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-import { resolveAgentContainerLayoutState } from './agent-container-model';
-import { AgentGreeting } from './agent-greeting';
-import { AgentHeader } from './agent-header';
-import { AgentHomeCards } from './agent-home-cards';
-import { AgentInput } from './agent-input';
-import { MessageList } from './message';
-import { ToolApprovalPanel } from './tool-approval-panel';
-function AgentContainerView({ onNewChatClick, cards, onCardClick, inputProps, className, messages, pendingToolCalls, activeApprovalRequest, approveToolCall, rejectToolCall, toolApprovalLabels, toolNameLabels, isLoading, error, }) {
-    const layoutState = resolveAgentContainerLayoutState({
-        messageCount: messages.length,
-        isLoading,
-        hasActiveApprovalRequest: Boolean(activeApprovalRequest),
-    });
-    return (_jsxs("div", { "data-slot": "agent-container", className: cn('flex h-full w-full flex-col mx-auto max-w-[1120px]', className), children: [_jsx(AgentHeader, { onNewChatClick: onNewChatClick }), layoutState.shouldShowMessages ? (_jsxs("div", { className: "flex-1 overflow-y-auto bg-white pb-[97px]", children: [_jsx(MessageList, { messages: messages, pendingToolCalls: pendingToolCalls, toolNameLabels: toolNameLabels, isLoading: isLoading }), error && (_jsx("div", { className: "mx-4 mb-4 rounded-lg bg-red-50 p-3 text-sm text-red-600", children: error }))] })) : (_jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-6 bg-background px-4 py-4", children: [_jsx(AgentGreeting, {}), cards && _jsx(AgentHomeCards, { cards: cards, onCardClick: onCardClick })] })), _jsxs("div", { className: "fixed bottom-0 left-0 right-0 mx-auto w-full max-w-[1120px] bg-background", children: [layoutState.shouldShowInput && _jsx(AgentInput, { ...inputProps }), layoutState.shouldShowToolApprovalPanel && (_jsx(ToolApprovalPanel, { activeApprovalRequest: activeApprovalRequest, approveToolCall: approveToolCall, rejectToolCall: rejectToolCall, toolApprovalLabels: toolApprovalLabels }))] })] }));
-}
-export { AgentContainerView };

package/dist/components/agent/agent-container-view.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/agent/agent-container-view.test.js

@@ -1,16 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { resolveInputMode } from './input-mode';
-describe('resolveInputMode', () => {
-    it('承認待ちがある場合はapprovalを返す', () => {
-        expect(resolveInputMode({ showInput: true, hasActiveApprovalRequest: true })).toBe('approval');
-    });
-    it('showInput=falseでも承認待ちがあればapprovalを返す', () => {
-        expect(resolveInputMode({ showInput: false, hasActiveApprovalRequest: true })).toBe('approval');
-    });
-    it('承認待ちがなく入力表示有効ならinputを返す', () => {
-        expect(resolveInputMode({ showInput: true, hasActiveApprovalRequest: false })).toBe('input');
-    });
-    it('入力表示無効ならnoneを返す', () => {
-        expect(resolveInputMode({ showInput: false, hasActiveApprovalRequest: false })).toBe('none');
-    });
-});

package/dist/components/agent/agent-container.d.ts

@@ -1,3 +0,0 @@
-import type { AgentContainerProps } from './types';
-declare function AgentContainer({ cards, onCardClick, toolNameLabels, inputProps, className }: AgentContainerProps): import("react/jsx-runtime").JSX.Element;
-export { AgentContainer };

package/dist/components/agent/agent-container.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { resolveEffectiveInputProps } from './agent-container-model';
-import { DEFAULT_TOOL_NAME_LABELS } from './defaults';
-import { AgentContainerView } from './agent-container-view';
-import { useOptionalAgentContext } from './provider/agent-context';
-function AgentContainer({ cards, onCardClick, toolNameLabels, inputProps, className }) {
-    const context = useOptionalAgentContext();
-    const messages = context?.messages ?? [];
-    const pendingToolCalls = context?.pendingToolCalls ?? [];
-    const activeApprovalRequest = context?.activeApprovalRequest ?? null;
-    const approveToolCall = context?.approveToolCall ?? (() => undefined);
-    const rejectToolCall = context?.rejectToolCall ?? (() => undefined);
-    const toolApprovalLabels = context?.config.toolApprovalLabels;
-    const error = context?.error ?? null;
-    const isLoading = context?.isLoading ?? false;
-    const sendMessage = context?.sendMessage;
-    const onNewChatClick = context?.clearChat;
-    const mergedToolNameLabels = useMemo(() => ({ ...DEFAULT_TOOL_NAME_LABELS, ...toolNameLabels }), [toolNameLabels]);
-    const effectiveInputProps = useMemo(() => resolveEffectiveInputProps({ inputProps, sendMessage, isLoading }), [inputProps, sendMessage, isLoading]);
-    return (_jsx(AgentContainerView, { onNewChatClick: onNewChatClick, cards: cards, onCardClick: onCardClick, inputProps: effectiveInputProps, className: className, messages: messages, pendingToolCalls: pendingToolCalls, activeApprovalRequest: activeApprovalRequest, approveToolCall: approveToolCall, rejectToolCall: rejectToolCall, toolApprovalLabels: toolApprovalLabels, toolNameLabels: mergedToolNameLabels, isLoading: isLoading, error: error }));
-}
-export { AgentContainer };

package/dist/components/agent/agent-greeting.d.ts

@@ -1,3 +0,0 @@
-import type { AgentGreetingProps } from './types';
-declare function AgentGreeting({ greeting, subtext, className, }: AgentGreetingProps): import("react/jsx-runtime").JSX.Element;
-export { AgentGreeting };

package/dist/components/agent/agent-greeting.js

@@ -1,7 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-function AgentGreeting({ greeting = 'こんにちは 👋', subtext = '何かお手伝いできることはありますか？', className, }) {
-    return (_jsxs("div", { "data-slot": "agent-greeting", className: cn('flex flex-col items-center gap-1.5 text-center', className), children: [_jsx("p", { className: "text-sm text-muted-foreground", children: greeting }), _jsx("p", { className: "text-lg font-semibold tracking-tight text-balance text-card-foreground", children: subtext })] }));
-}
-export { AgentGreeting };

package/dist/components/agent/agent-header.d.ts

@@ -1,3 +0,0 @@
-import type { AgentHeaderProps } from './types';
-declare function AgentHeader({ historyLabel, onHistoryClick, onSettingsClick, onNewChatClick, newChatLabel, settingsAriaLabel, className, }: AgentHeaderProps): import("react/jsx-runtime").JSX.Element;
-export { AgentHeader };

package/dist/components/agent/agent-header.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CaretDown, Gear } from '@phosphor-icons/react/dist/ssr';
-import { cn } from '../../lib/utils';
-import { Button } from '../ui/button';
-function AgentHeader({ historyLabel = '履歴', onHistoryClick, onSettingsClick, onNewChatClick, newChatLabel = '新規チャット', settingsAriaLabel = '設定', className, }) {
-    return (_jsxs("div", { "data-slot": "agent-header", className: cn('flex w-full items-center justify-between bg-background px-4 py-2', className), children: [_jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "text-sm font-semibold text-foreground", children: historyLabel }), _jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onHistoryClick, "aria-label": historyLabel, children: _jsx(CaretDown, { className: "size-5" }) })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "icon-sm", onClick: onSettingsClick, "aria-label": settingsAriaLabel, className: "text-foreground", children: _jsx(Gear, { className: "size-5" }) }), _jsx(Button, { size: "sm", onClick: onNewChatClick, className: "bg-foreground text-background text-xs font-medium hover:bg-foreground/90", children: newChatLabel })] })] }));
-}
-export { AgentHeader };

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

@@ -1,3 +0,0 @@
-import type { AgentHomeCardProps } from "./types";
-declare function AgentHomeCard({ id, icon, title, description, onClick, className, }: AgentHomeCardProps): import("react/jsx-runtime").JSX.Element;
-export { AgentHomeCard };

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

@@ -1,7 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-function AgentHomeCard({ id, icon, title, description, onClick, className, }) {
-    return (_jsxs("button", { type: "button", "data-slot": "agent-home-card", "data-card-id": id, onClick: onClick, className: cn("flex flex-1 flex-col items-start gap-2.5 rounded-lg border border-border bg-card p-3 text-left transition-all hover:border-primary/30 hover:bg-accent focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring", className), children: [_jsx("div", { className: "text-muted-foreground [&_svg]:size-5", children: icon }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-sm font-semibold leading-none text-card-foreground", children: title }), _jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: description })] })] }));
-}
-export { AgentHomeCard };

package/dist/components/agent/agent-home-cards.d.ts

@@ -1,9 +0,0 @@
-import type { AgentHomeCardProps } from './types';
-interface AgentHomeCardsProps {
-    cards: AgentHomeCardProps[];
-    onCardClick?: (cardId: string) => void;
-    className?: string;
-}
-declare function AgentHomeCards({ cards, onCardClick, className }: AgentHomeCardsProps): import("react/jsx-runtime").JSX.Element;
-export { AgentHomeCards };
-export type { AgentHomeCardsProps };

package/dist/components/agent/agent-home-cards.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../lib/utils';
-function AgentHomeCard({ id, icon, title, description, onClick, className }) {
-    return (_jsxs("button", { type: "button", "data-slot": "agent-home-card", "data-card-id": id, onClick: onClick, className: cn('flex flex-1 flex-col items-start gap-2.5 rounded-lg border border-border bg-card p-3 text-left transition-all hover:border-primary/30 hover:bg-accent focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring', className), children: [_jsx("div", { className: "text-muted-foreground [&_svg]:size-5", children: icon }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-sm font-semibold leading-none text-card-foreground", children: title }), _jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: description })] })] }));
-}
-function AgentHomeCards({ cards, onCardClick, className }) {
-    return (_jsx("div", { "data-slot": "agent-home-cards", className: cn('flex w-full items-start justify-center gap-4 px-12', className), children: cards.map((card) => (_jsx(AgentHomeCard, { ...card, onClick: () => {
-                card.onClick?.();
-                onCardClick?.(card.id);
-            } }, card.id))) }));
-}
-export { AgentHomeCards };

package/dist/components/agent/agent-input.d.ts

@@ -1,3 +0,0 @@
-import type { AgentInputProps } from './types';
-declare function AgentInput({ value: controlledValue, onChange, onSend, onAttach, placeholder, disabled, isLoading, className, }: AgentInputProps): import("react/jsx-runtime").JSX.Element;
-export { AgentInput };

package/dist/components/agent/agent-input.js

@@ -1,51 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Paperclip, PaperPlaneTilt } from '@phosphor-icons/react/dist/ssr';
-import { useCallback, useRef, useState } from 'react';
-import { cn } from '../../lib/utils';
-import { Button } from '../ui/button';
-import { Textarea } from '../ui/textarea';
-function AgentInput({ value: controlledValue, onChange, onSend, onAttach, placeholder = 'AIに相談してみましょう', disabled = false, isLoading = false, className, }) {
-    const [uncontrolledValue, setUncontrolledValue] = useState('');
-    const textareaRef = useRef(null);
-    const isControlled = controlledValue !== undefined;
-    const value = isControlled ? controlledValue : uncontrolledValue;
-    const resetTextareaHeight = useCallback(() => {
-        if (textareaRef.current) {
-            textareaRef.current.style.height = 'auto';
-        }
-    }, []);
-    const adjustTextareaHeight = useCallback(() => {
-        const textarea = textareaRef.current;
-        if (textarea) {
-            textarea.style.height = 'auto';
-            textarea.style.height = `${Math.min(textarea.scrollHeight, 160)}px`;
-        }
-    }, []);
-    const handleChange = useCallback((e) => {
-        const newValue = e.target.value;
-        if (!isControlled) {
-            setUncontrolledValue(newValue);
-        }
-        onChange?.(newValue);
-        adjustTextareaHeight();
-    }, [isControlled, onChange, adjustTextareaHeight]);
-    const handleSend = useCallback(() => {
-        if (value.trim() && !disabled && !isLoading) {
-            onSend?.(value.trim());
-            if (!isControlled) {
-                setUncontrolledValue('');
-            }
-            resetTextareaHeight();
-        }
-    }, [value, disabled, isLoading, onSend, isControlled, resetTextareaHeight]);
-    const handleKeyDown = useCallback((e) => {
-        if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
-            e.preventDefault();
-            handleSend();
-        }
-    }, [handleSend]);
-    const canSend = value.trim().length > 0 && !disabled && !isLoading;
-    return (_jsx("div", { "data-slot": "agent-input", className: cn('w-full border-t border-border bg-muted px-3 pb-3 pt-2', className), children: _jsxs("div", { className: "flex items-end gap-1 p-2 rounded-lg border border-border bg-background transition-colors", children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: onAttach, disabled: disabled, "aria-label": "\u30D5\u30A1\u30A4\u30EB\u3092\u6DFB\u4ED8", className: "mb-0.5 text-muted-foreground hover:text-foreground", children: _jsx(Paperclip, { className: "size-4", weight: "bold" }) }), _jsx(Textarea, { ref: textareaRef, value: value, onChange: handleChange, onKeyDown: handleKeyDown, placeholder: placeholder, disabled: disabled, rows: 1, className: "border-none p-1 resize-none min-h-8 focus-visible:ring-0 focus-visible:border-0 bg-transparent" }), _jsx(Button, { type: "button", size: "icon-sm", onClick: handleSend, disabled: !canSend, "aria-label": "\u9001\u4FE1 (\u2318+Enter)", children: _jsx(PaperPlaneTilt, { className: "size-5", weight: "fill" }) })] }) }));
-}
-export { AgentInput };

package/dist/components/agent/agent-popup-widget.d.ts

@@ -1,15 +0,0 @@
-import type { AgentProviderConfig } from './provider';
-import type { AgentContainerProps } from './types';
-export interface AgentPopupWidgetProps extends AgentProviderConfig {
-    containerProps?: AgentContainerProps;
-    defaultOpen?: boolean;
-    launcherLabel?: string;
-    launcherAriaLabel?: string;
-    closeLabel?: string;
-    className?: string;
-    launcherClassName?: string;
-    offsetBottom?: number | string;
-    offsetRight?: number | string;
-    zIndex?: number;
-}
-export declare function AgentPopupWidget({ agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, containerProps, defaultOpen, launcherLabel, launcherAriaLabel, closeLabel, className, launcherClassName, offsetBottom, offsetRight, zIndex, }: AgentPopupWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/agent/agent-popup-widget.js

@@ -1,49 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import { cn } from '../../lib/utils';
-import { Button } from '../ui/button';
-import { AgentContainer } from './agent-container';
-import { AgentProvider } from './provider';
-const DEFAULT_OFFSET = '1.5rem';
-const DEFAULT_Z_INDEX = 60;
-function toCssSize(value, fallback) {
-    if (typeof value === 'number')
-        return `${value}px`;
-    if (typeof value === 'string' && value.trim().length > 0)
-        return value;
-    return fallback;
-}
-export function AgentPopupWidget({ agentId, executeClientTool, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, containerProps, defaultOpen = false, launcherLabel = 'AIアシスタント', launcherAriaLabel = 'AIアシスタントを開く', closeLabel = '閉じる', className, launcherClassName, offsetBottom, offsetRight, zIndex = DEFAULT_Z_INDEX, }) {
-    const [isOpen, setIsOpen] = useState(defaultOpen);
-    const overlayStyle = useMemo(() => ({
-        '--agent-popup-right': toCssSize(offsetRight, DEFAULT_OFFSET),
-        '--agent-popup-bottom': toCssSize(offsetBottom, DEFAULT_OFFSET),
-        '--agent-popup-z-index': String(zIndex),
-    }), [offsetBottom, offsetRight, zIndex]);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const handleKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                setIsOpen(false);
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => window.removeEventListener('keydown', handleKeyDown);
-    }, [isOpen]);
-    useEffect(() => {
-        if (!isOpen)
-            return;
-        const originalOverflow = document.body.style.overflow;
-        document.body.style.overflow = 'hidden';
-        return () => {
-            document.body.style.overflow = originalOverflow;
-        };
-    }, [isOpen]);
-    return (_jsx(AgentProvider, { agentId: agentId, executeClientTool: executeClientTool, onError: onError, authToken: authToken, getAuthToken: getAuthToken, getAgentHeaders: getAgentHeaders, disableToolApiAuthHeader: disableToolApiAuthHeader, children: _jsxs("div", { "data-slot": "agent-popup-widget", style: overlayStyle, children: [!isOpen && (_jsx(Button, { type: "button", "aria-label": launcherAriaLabel, onClick: () => setIsOpen(true), className: cn('fixed right-[var(--agent-popup-right)] bottom-[var(--agent-popup-bottom)] z-[var(--agent-popup-z-index)] h-12 rounded-full px-5 shadow-lg', launcherClassName), children: launcherLabel })), isOpen && (_jsx("div", { className: "fixed inset-0 z-[var(--agent-popup-z-index)] bg-black/45 animate-in fade-in duration-200", onClick: () => setIsOpen(false), onKeyDown: (event) => {
-                        if (event.key === 'Escape') {
-                            setIsOpen(false);
-                        }
-                    }, children: _jsxs("section", { role: "dialog", "aria-modal": "true", "aria-label": launcherLabel, className: cn('fixed inset-0 flex flex-col overflow-hidden bg-background animate-in fade-in zoom-in-95 duration-200', 'sm:inset-auto sm:right-[var(--agent-popup-right)] sm:bottom-[var(--agent-popup-bottom)] sm:h-[min(70vh,720px)] sm:w-[380px] sm:rounded-2xl sm:border sm:border-border sm:shadow-2xl', className), onClick: (event) => event.stopPropagation(), children: [_jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": closeLabel, className: "absolute top-3 right-3 z-10", onClick: () => setIsOpen(false), children: "\u00D7" }), _jsx(AgentContainer, { ...containerProps, className: cn('h-full bg-background', containerProps?.className) })] }) }))] }) }));
-}

package/dist/components/agent/agent-screen.d.ts

@@ -1,5 +0,0 @@
-import type { AgentProviderConfig } from './provider';
-import type { AgentContainerProps } from './types';
-export interface AgentScreenProps extends AgentProviderConfig, AgentContainerProps {
-}
-export declare function AgentScreen({ agentId, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, toolApprovalLabels, ...containerProps }: AgentScreenProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/agent/agent-screen.js

@@ -1,9 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AgentContainer } from './agent-container';
-import { AgentProvider } from './provider';
-import { ensureUiStyles } from '../../styles/ensure-styles';
-ensureUiStyles();
-export function AgentScreen({ agentId, onError, authToken, getAuthToken, getAgentHeaders, disableToolApiAuthHeader, toolApprovalLabels, ...containerProps }) {
-    return (_jsx(AgentProvider, { agentId: agentId, onError: onError, authToken: authToken, getAuthToken: getAuthToken, getAgentHeaders: getAgentHeaders, disableToolApiAuthHeader: disableToolApiAuthHeader, toolApprovalLabels: toolApprovalLabels, children: _jsx(AgentContainer, { ...containerProps }) }));
-}

package/dist/components/agent/approval-ui-model.d.ts

@@ -1,18 +0,0 @@
-import type { ActiveToolApprovalRequest, ToolApprovalLabels } from './provider/types';
-declare function resolveToolApprovalLabels(toolApprovalLabels?: ToolApprovalLabels): {
-    readonly title: "この操作を実行してもよろしいでしょうか？";
-    readonly approveButton: "実行する";
-    readonly rejectButton: "実行しない";
-} | {
-    title: string;
-    approveButton: string;
-    rejectButton: string;
-};
-declare function resolveToolApprovalPanelState(activeApprovalRequest: ActiveToolApprovalRequest | null): {
-    isActionable: boolean;
-    actionLabel?: undefined;
-} | {
-    actionLabel: string;
-    isActionable: boolean;
-};
-export { resolveToolApprovalLabels, resolveToolApprovalPanelState };

package/dist/components/agent/approval-ui-model.js

@@ -1,27 +0,0 @@
-const DEFAULT_TOOL_APPROVAL_LABELS = {
-    title: 'この操作を実行してもよろしいでしょうか？',
-    approveButton: '実行する',
-    rejectButton: '実行しない',
-};
-function resolveToolApprovalLabels(toolApprovalLabels) {
-    if (!toolApprovalLabels) {
-        return DEFAULT_TOOL_APPROVAL_LABELS;
-    }
-    return {
-        title: toolApprovalLabels.title ?? DEFAULT_TOOL_APPROVAL_LABELS.title,
-        approveButton: toolApprovalLabels.approveButton ?? DEFAULT_TOOL_APPROVAL_LABELS.approveButton,
-        rejectButton: toolApprovalLabels.rejectButton ?? DEFAULT_TOOL_APPROVAL_LABELS.rejectButton,
-    };
-}
-function resolveToolApprovalPanelState(activeApprovalRequest) {
-    if (!activeApprovalRequest) {
-        return {
-            isActionable: false,
-        };
-    }
-    return {
-        actionLabel: activeApprovalRequest.actionLabel,
-        isActionable: true,
-    };
-}
-export { resolveToolApprovalLabels, resolveToolApprovalPanelState };

package/dist/components/agent/approval-ui-model.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/agent/approval-ui-model.test.js

@@ -1,39 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { resolveToolApprovalLabels, resolveToolApprovalRiskLabel } from './approval-ui-model';
-describe('resolveToolApprovalLabels', () => {
-    it('未指定時はデフォルト文言を返す', () => {
-        const labels = resolveToolApprovalLabels();
-        expect(labels).toEqual({
-            title: 'この操作を実行してもよろしいでしょうか？',
-            description: 'この操作はデータを変更する可能性があります。内容を確認して、承認または非承認を選択してください。',
-            approveButton: '実行する',
-            rejectButton: '実行しない',
-        });
-    });
-    it('指定された文言で部分上書きできる', () => {
-        const labels = resolveToolApprovalLabels({
-            description: '説明を上書き',
-            rejectButton: '非承認',
-        });
-        expect(labels).toEqual({
-            title: 'この操作を実行してもよろしいでしょうか？',
-            description: '説明を上書き',
-            approveButton: '実行する',
-            rejectButton: '非承認',
-        });
-    });
-});
-describe('resolveToolApprovalRiskLabel', () => {
-    it('destructiveは高リスク操作を返す', () => {
-        expect(resolveToolApprovalRiskLabel('destructive')).toBe('高リスク操作');
-    });
-    it('writeは変更操作を返す', () => {
-        expect(resolveToolApprovalRiskLabel('write')).toBe('変更操作');
-    });
-    it('readは確認操作を返す', () => {
-        expect(resolveToolApprovalRiskLabel('read')).toBe('確認操作');
-    });
-    it('未指定時は確認操作を返す', () => {
-        expect(resolveToolApprovalRiskLabel()).toBe('確認操作');
-    });
-});

package/dist/components/agent/defaults.d.ts

@@ -1,5 +0,0 @@
-/**
- * デフォルトのツール名ラベル
- * 消費側でマージ/上書き可能
- */
-export declare const DEFAULT_TOOL_NAME_LABELS: Record<string, string>;

package/dist/components/agent/defaults.js

@@ -1,12 +0,0 @@
-/**
- * デフォルトのツール名ラベル
- * 消費側でマージ/上書き可能
- */
-export const DEFAULT_TOOL_NAME_LABELS = {
-    // 汎用ツール名
-    search: '検索',
-    get: '取得',
-    create: '作成',
-    update: '更新',
-    delete: '削除',
-};

package/dist/components/agent/index.d.ts

@@ -1,3 +0,0 @@
-export type { AgentScreenProps } from './agent-screen';
-export { AgentScreen } from './agent-screen';
-export type { AgentHomeCardProps } from './types';

package/dist/components/agent/index.js

@@ -1 +0,0 @@
-export { AgentScreen } from './agent-screen';

package/dist/components/agent/input-mode.d.ts

@@ -1,5 +0,0 @@
-export type InputMode = 'none' | 'input' | 'approval';
-export declare function resolveInputMode(input: {
-    showInput: boolean;
-    hasActiveApprovalRequest: boolean;
-}): InputMode;