@tagit/ai-client-react 1.4.0-beta.35.1 → 1.4.0-beta.36.1

package/README.md

@@ -28,7 +28,8 @@ This README is the source of truth for integrating the React package.
 - `useAIClient`, `useConversation`, `useClientEvents`, and `useAgents`
 - `ChatWidget` for a full embeddable chat shell
 - `ChatConversation` for a lighter conversation surface
-- the widget stylesheet for direct import
+- `AIActionClient` for focused, checkpoint-aware agent actions
+- the chat and action stylesheets for direct import
 
 ## Provider Contract
 
@@ -55,6 +56,8 @@ Supported public imports:
 - `@tagit/ai-client-react`
 - `@tagit/ai-client-react/chat-widget`
 - `@tagit/ai-client-react/chat-widget.css`
+- `@tagit/ai-client-react/action`
+- `@tagit/ai-client-react/ai-action-client.css`
 - `@tagit/ai-client-react/hooks`
 - `@tagit/ai-client-react/provider`
 - `@tagit/ai-client-react/conversation`
@@ -106,6 +109,49 @@ export default function App() {
 
 If that exact example does not render the default empty state and footer, verify the package install and runtime config before customizing anything.
 
+## Focused AI Actions
+
+Use `AIActionClient` when a button or page event should run an agent workflow without opening a persistent chat. The component starts the configured request, shows progress, presents human checkpoints only when the workflow asks for input, continues the same workflow, and renders the final Markdown result with copy and download actions.
+
+Give the action a dedicated `AIClient` instance. In production apps, use a custom core transport when requests must pass through an authenticated server proxy.
+
+```tsx
+import { useMemo, useState } from 'react';
+import { AIClient, createDefaultConfig } from '@tagit/ai-client-core';
+import { AIActionClient } from '@tagit/ai-client-react';
+import '@tagit/ai-client-react/ai-action-client.css';
+
+export function GeneratePackageAction() {
+  const [open, setOpen] = useState(false);
+  const client = useMemo(
+    () => new AIClient(createDefaultConfig(
+      'your-use-case-id',
+      'https://your-orchestrator.example.com',
+    )),
+    [],
+  );
+
+  return (
+    <>
+      <button onClick={() => setOpen(true)}>Generate package</button>
+      <AIActionClient
+        client={client}
+        open={open}
+        onOpenChange={setOpen}
+        title="Package Builder"
+        initialMessage="Generate the implementation-ready package."
+        loadingMessage="Generating your package."
+        continuationLoadingMessage="Applying your response."
+        resultTitle="Your package is ready."
+        downloadFileName="implementation-package.md"
+      />
+    </>
+  );
+}
+```
+
+For an optional question before the workflow starts, pass `initialPrompt` with `question`, `placeholder`, and `buildMessage`. The host owns the trigger and business context; the SDK owns the focused action surface, progress state, checkpoint continuation, viewport coverage, scroll locking, and result presentation.
+
 ## Core Concepts
 
 ### `@tagit/ai-client-core`

package/dist/ai-action-client.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import type { AIClient, SendMessageOptions } from '@tagit/ai-client-core';
+export interface AIActionInitialPrompt {
+    question: string;
+    description?: string;
+    placeholder?: string;
+    buildMessage: (answer: string) => string;
+}
+export interface AIActionClientRenderContext {
+    content: string;
+    copy: () => Promise<void>;
+    download: () => void;
+}
+export interface AIActionClientProps {
+    client: AIClient;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    initialMessage: string;
+    initialPrompt?: AIActionInitialPrompt;
+    requestOptions?: SendMessageOptions;
+    loadingMessage?: string;
+    loadingDetail?: string;
+    continuationLoadingMessage?: string;
+    resultTitle?: string;
+    resultDescription?: string;
+    checkpointPlaceholder?: string;
+    downloadFileName?: string;
+    allowCopy?: boolean;
+    allowDownload?: boolean;
+    renderResult?: (context: AIActionClientRenderContext) => ReactNode;
+    onComplete?: (content: string) => void;
+}
+/** A focused, checkpoint-aware action surface backed by a dedicated AIClient instance. */
+export declare function AIActionClient({ client, ...props }: AIActionClientProps): import("react").JSX.Element;
+//# sourceMappingURL=ai-action-client.d.ts.map

package/dist/ai-action-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-action-client.d.ts","sourceRoot":"","sources":["../src/ai-action-client.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG1E,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;CAC1C;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,QAAQ,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,2BAA2B,KAAK,SAAS,CAAC;IACnE,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAgRD,0FAA0F;AAC1F,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAEvE"}

package/dist/ai-action-client.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { BotMessageSquare, CheckCircle2, Copy, Download, Loader2, Send, X } from 'lucide-react';
+import { ContentBlockRenderer } from './renderers/ContentBlockRenderer.js';
+function WaitingDots() {
+    return (_jsxs("span", { className: "tagIt-action-waiting-dots", "aria-hidden": "true", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }));
+}
+function AIActionClientBody({ client, open, onOpenChange, title = 'AI Action', initialMessage, initialPrompt, requestOptions, loadingMessage = 'Working on your request.', loadingDetail = 'You can keep working on this page.', continuationLoadingMessage = 'Applying your response.', resultTitle = 'Your result is ready.', resultDescription, checkpointPlaceholder = 'Type your response', downloadFileName = 'ai-action-result.md', allowCopy = true, allowDownload = true, renderResult, onComplete, }) {
+    const [conversation, setConversation] = useState(() => client.getState());
+    const { messages, isLoading, error, workflowId, workflowStatus, checkpointPrompt, } = conversation;
+    const [initialAnswer, setInitialAnswer] = useState('');
+    const [checkpointAnswer, setCheckpointAnswer] = useState('');
+    const [hasStarted, setHasStarted] = useState(false);
+    const completedContentRef = useRef(null);
+    const assistantContent = [...messages].reverse().find((message) => message.role === 'assistant')?.content ?? '';
+    const isWaitingAtCheckpoint = Boolean(workflowId &&
+        checkpointPrompt &&
+        /wait|checkpoint|pause/i.test(workflowStatus ?? '') &&
+        !isLoading);
+    useEffect(() => {
+        setConversation(client.getState());
+        return client.on(() => setConversation(client.getState()));
+    }, [client]);
+    useEffect(() => {
+        if (!open) {
+            setInitialAnswer('');
+            setCheckpointAnswer('');
+            setHasStarted(false);
+            completedContentRef.current = null;
+            return;
+        }
+        if (hasStarted || initialPrompt)
+            return;
+        client.clearHistory();
+        setHasStarted(true);
+        void client.sendMessage(initialMessage, requestOptions);
+    }, [client, hasStarted, initialMessage, initialPrompt, open, requestOptions]);
+    useEffect(() => {
+        if (!open || isLoading || isWaitingAtCheckpoint || !assistantContent)
+            return;
+        if (completedContentRef.current === assistantContent)
+            return;
+        completedContentRef.current = assistantContent;
+        onComplete?.(assistantContent);
+    }, [assistantContent, isLoading, isWaitingAtCheckpoint, onComplete, open]);
+    useEffect(() => {
+        if (!open)
+            return;
+        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+        const bodyStyle = document.body.style;
+        const rootStyle = document.documentElement.style;
+        const previous = {
+            bodyOverflow: bodyStyle.overflow,
+            bodyPaddingRight: bodyStyle.paddingRight,
+            rootOverflow: rootStyle.overflow,
+            rootOverscroll: rootStyle.overscrollBehavior,
+        };
+        bodyStyle.overflow = 'hidden';
+        if (scrollbarWidth > 0)
+            bodyStyle.paddingRight = `${scrollbarWidth}px`;
+        rootStyle.overflow = 'hidden';
+        rootStyle.overscrollBehavior = 'none';
+        return () => {
+            bodyStyle.overflow = previous.bodyOverflow;
+            bodyStyle.paddingRight = previous.bodyPaddingRight;
+            rootStyle.overflow = previous.rootOverflow;
+            rootStyle.overscrollBehavior = previous.rootOverscroll;
+        };
+    }, [open]);
+    if (!open || typeof document === 'undefined')
+        return null;
+    const close = () => {
+        if (isLoading)
+            client.cancel();
+        onOpenChange(false);
+    };
+    const startFromPrompt = () => {
+        const answer = initialAnswer.trim();
+        if (!answer || !initialPrompt || hasStarted)
+            return;
+        client.clearHistory();
+        setHasStarted(true);
+        void client.sendMessage(initialPrompt.buildMessage(answer), requestOptions);
+    };
+    const continueWorkflow = () => {
+        const answer = checkpointAnswer.trim();
+        if (!answer || !workflowId || isLoading)
+            return;
+        void client.sendMessage(answer, {
+            ...requestOptions,
+            workflowId,
+            checkpointAction: 'continue',
+        }).finally(() => setCheckpointAnswer(''));
+    };
+    const copy = async () => {
+        if (assistantContent)
+            await navigator.clipboard.writeText(assistantContent);
+    };
+    const download = () => {
+        if (!assistantContent)
+            return;
+        const blob = new Blob([assistantContent], { type: 'text/markdown;charset=utf-8' });
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = downloadFileName;
+        anchor.click();
+        URL.revokeObjectURL(url);
+    };
+    const phase = !hasStarted && initialPrompt
+        ? 'initial-prompt'
+        : isLoading
+            ? 'loading'
+            : isWaitingAtCheckpoint
+                ? 'checkpoint'
+                : error
+                    ? 'error'
+                    : assistantContent
+                        ? 'complete'
+                        : 'loading';
+    return createPortal(_jsx("div", { className: "tagIt-action-scrim", role: "presentation", children: _jsxs("section", { className: "tagIt-action-surface", role: "dialog", "aria-modal": "true", "aria-label": title, "data-phase": phase, "data-loading": String(isLoading), "data-workflow-status": workflowStatus, children: [_jsxs("header", { className: "tagIt-action-header", children: [_jsxs("div", { className: "tagIt-action-title", children: [_jsx("span", { className: "tagIt-action-title-icon", children: _jsx(BotMessageSquare, { "aria-hidden": "true" }) }), _jsx("h2", { children: title })] }), _jsx("button", { type: "button", className: "tagIt-action-icon-button", onClick: close, "aria-label": "Close action", children: _jsx(X, { "aria-hidden": "true" }) })] }), phase === 'initial-prompt' ? (_jsxs("div", { className: "tagIt-action-prompt-layout", children: [_jsx("div", { className: "tagIt-action-centered-content", children: _jsxs("div", { children: [_jsx("p", { className: "tagIt-action-question", children: initialPrompt?.question }), initialPrompt?.description ? _jsx("p", { className: "tagIt-action-muted", children: initialPrompt.description }) : null] }) }), _jsxs("div", { className: "tagIt-action-composer", children: [_jsx("textarea", { value: initialAnswer, onChange: (event) => setInitialAnswer(event.target.value), onKeyDown: (event) => {
+                                        if (event.key === 'Enter' && !event.shiftKey && initialAnswer.trim()) {
+                                            event.preventDefault();
+                                            startFromPrompt();
+                                        }
+                                    }, placeholder: initialPrompt?.placeholder ?? 'Type your response' }), _jsx("button", { type: "button", onClick: startFromPrompt, disabled: !initialAnswer.trim(), "aria-label": "Send response", children: _jsx(Send, { "aria-hidden": "true" }) })] })] })) : null, phase === 'loading' ? (_jsxs("div", { className: "tagIt-action-centered-content tagIt-action-loading", children: [_jsx("span", { className: "tagIt-action-spinner", children: _jsx(Loader2, { "aria-hidden": "true" }) }), _jsx("p", { className: "tagIt-action-question", children: workflowId ? continuationLoadingMessage : loadingMessage }), _jsxs("div", { className: "tagIt-action-loading-detail", children: [_jsx(WaitingDots, {}), _jsx("span", { children: loadingDetail })] }), _jsx("button", { type: "button", className: "tagIt-action-cancel", onClick: close, children: "Cancel" })] })) : null, phase === 'checkpoint' ? (_jsxs("div", { className: "tagIt-action-prompt-layout", children: [_jsx("div", { className: "tagIt-action-centered-content", children: _jsx("p", { className: "tagIt-action-question", children: checkpointPrompt }) }), _jsxs("div", { className: "tagIt-action-composer", children: [_jsx("textarea", { value: checkpointAnswer, onChange: (event) => setCheckpointAnswer(event.target.value), onKeyDown: (event) => {
+                                        if (event.key === 'Enter' && !event.shiftKey && checkpointAnswer.trim()) {
+                                            event.preventDefault();
+                                            continueWorkflow();
+                                        }
+                                    }, placeholder: checkpointPlaceholder }), _jsx("button", { type: "button", onClick: continueWorkflow, disabled: !checkpointAnswer.trim(), "aria-label": "Send response", children: _jsx(Send, { "aria-hidden": "true" }) })] })] })) : null, phase === 'error' ? (_jsxs("div", { className: "tagIt-action-centered-content", children: [_jsx("p", { className: "tagIt-action-question", children: "The action could not finish." }), _jsx("p", { className: "tagIt-action-muted", children: error })] })) : null, phase === 'complete' ? (_jsxs("div", { className: "tagIt-action-result-layout", children: [_jsxs("div", { className: "tagIt-action-result-scroll", children: [_jsxs("div", { className: "tagIt-action-result-heading", children: [_jsx("span", { children: _jsx(CheckCircle2, { "aria-hidden": "true" }) }), _jsxs("div", { children: [_jsx("p", { children: resultTitle }), resultDescription ? _jsx("small", { children: resultDescription }) : null] })] }), renderResult
+                                    ? renderResult({ content: assistantContent, copy, download })
+                                    : _jsx("div", { className: "tagIt-action-result", children: _jsx(ContentBlockRenderer, { role: "assistant", content: assistantContent }) })] }), allowCopy || allowDownload ? (_jsxs("footer", { className: "tagIt-action-footer", children: [allowCopy ? _jsxs("button", { type: "button", onClick: () => void copy(), children: [_jsx(Copy, { "aria-hidden": "true" }), "Copy"] }) : null, allowDownload ? _jsxs("button", { type: "button", className: "tagIt-action-primary", onClick: download, children: [_jsx(Download, { "aria-hidden": "true" }), "Download"] }) : null] })) : null] })) : null] }) }), document.body);
+}
+/** A focused, checkpoint-aware action surface backed by a dedicated AIClient instance. */
+export function AIActionClient({ client, ...props }) {
+    return _jsx(AIActionClientBody, { client: client, ...props });
+}
+//# sourceMappingURL=ai-action-client.js.map

package/dist/ai-action-client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-action-client.js","sourceRoot":"","sources":["../src/ai-action-client.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -28,4 +28,5 @@ export { ChatHistoryPanel, type ChatHistoryPanelProps, } from './chat-history.js
 export { ChatAgentPicker, type ChatAgentPickerProps, } from './chat-agent-picker.js';
 export { ChatAgentAvatar, type ChatAgentAvatarProps, } from './chat-agent-avatar.js';
 export { ConversationTransitionDialog, getConversationTransitionCopy, needsConversationTransition, useConversationBoundary, type ConversationTransitionKind, type ConversationTransitionRequest, } from './conversation-boundary.js';
+export { AIActionClient, type AIActionClientProps, type AIActionClientRenderContext, type AIActionInitialPrompt, } from './ai-action-client.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,KAAK,wBAAwB,EAC7B,KAAK,UAAU,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,EACjC,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,uBAAuB,EACvB,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,KAAK,wBAAwB,EAC7B,KAAK,UAAU,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC3B,KAAK,4BAA4B,EACjC,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,uBAAuB,EACvB,KAAK,0BAA0B,EAC/B,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,2BAA2B,EAChC,KAAK,qBAAqB,GAC3B,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -28,4 +28,5 @@ export { ChatHistoryPanel, } from './chat-history.js';
 export { ChatAgentPicker, } from './chat-agent-picker.js';
 export { ChatAgentAvatar, } from './chat-agent-avatar.js';
 export { ConversationTransitionDialog, getConversationTransitionCopy, needsConversationTransition, useConversationBoundary, } from './conversation-boundary.js';
+export { AIActionClient, } from './ai-action-client.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,eAAe,GAGhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,GAQX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,GAEjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,gBAAgB,GAEjB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,eAAe,GAEhB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,eAAe,GAEhB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,uBAAuB,GAGxB,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,eAAe,GAGhB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,GAQX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,GAEjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,gBAAgB,GAEjB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EACL,eAAe,GAEhB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,eAAe,GAEhB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,EAC7B,2BAA2B,EAC3B,uBAAuB,GAGxB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EACL,cAAc,GAIf,MAAM,uBAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tagit/ai-client-react",
-  "version": "1.4.0-beta.35.1",
+  "version": "1.4.0-beta.36.1",
   "description": "Self-contained React chat widget and hooks for TagIt AI client",
   "type": "module",
   "main": "./dist/index.js",
@@ -8,7 +8,8 @@
   "files": [
     "dist",
     "!dist/**/*.test.*",
-    "src/chat-widget.css"
+    "src/chat-widget.css",
+    "src/ai-action-client.css"
   ],
   "publishConfig": {
     "access": "public"
@@ -23,6 +24,11 @@
       "default": "./dist/chat-widget.js"
     },
     "./chat-widget.css": "./src/chat-widget.css",
+    "./ai-action-client.css": "./src/ai-action-client.css",
+    "./action": {
+      "types": "./dist/ai-action-client.d.ts",
+      "default": "./dist/ai-action-client.js"
+    },
     "./hooks": {
       "types": "./dist/hooks.d.ts",
       "default": "./dist/hooks.js"
@@ -37,7 +43,7 @@
     }
   },
   "dependencies": {
-    "@tagit/ai-client-core": "1.4.0-beta.35.1",
+    "@tagit/ai-client-core": "1.4.0-beta.36.1",
     "highlight.js": "^11.11.1",
     "lucide-react": "^0.539.0",
     "react-markdown": "^10.1.0",

package/src/ai-action-client.css

@@ -0,0 +1,90 @@
+.tagIt-action-scrim {
+  --tagIt-action-bg: #edf3fa;
+  --tagIt-action-surface: #f8fbff;
+  --tagIt-action-result-bg: rgba(255, 255, 255, 0.78);
+  --tagIt-action-text: #0f172a;
+  --tagIt-action-muted: #59677c;
+  --tagIt-action-border: #b8c6d8;
+  --tagIt-action-primary: #1d4ed8;
+  --tagIt-action-primary-text: #ffffff;
+  position: fixed;
+  inset: 0;
+  z-index: 2147483000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: rgba(15, 23, 42, 0.42);
+  backdrop-filter: blur(1px);
+  touch-action: none;
+}
+
+.tagIt-action-scrim * { box-sizing: border-box; }
+.tagIt-action-surface {
+  display: flex;
+  width: min(760px, 100%);
+  max-height: min(760px, calc(100dvh - 24px));
+  min-height: min(440px, calc(100dvh - 24px));
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--tagIt-action-border);
+  border-radius: 10px;
+  background: var(--tagIt-action-bg);
+  color: var(--tagIt-action-text);
+  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.32);
+  touch-action: pan-y;
+}
+.tagIt-action-header { display:flex; min-height:56px; flex:0 0 auto; align-items:center; justify-content:space-between; gap:12px; padding:0 14px; border-bottom:1px solid var(--tagIt-action-border); background:var(--tagIt-action-surface); }
+.tagIt-action-title { display:flex; min-width:0; align-items:center; gap:9px; }
+.tagIt-action-title h2 { margin:0; overflow:hidden; font-size:15px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
+.tagIt-action-title-icon { display:flex; width:24px; height:24px; align-items:center; justify-content:center; border-radius:6px; background:color-mix(in srgb,var(--tagIt-action-primary) 10%,transparent); color:var(--tagIt-action-primary); }
+.tagIt-action-title-icon svg { width:16px; height:16px; }
+.tagIt-action-icon-button { display:flex; width:34px; height:34px; align-items:center; justify-content:center; border:1px solid var(--tagIt-action-border); border-radius:9px; background:transparent; color:var(--tagIt-action-muted); cursor:pointer; }
+.tagIt-action-icon-button:hover { background:color-mix(in srgb,var(--tagIt-action-border) 35%,transparent); color:var(--tagIt-action-text); }
+.tagIt-action-icon-button svg { width:22px; height:22px; }
+.tagIt-action-centered-content { display:flex; min-height:320px; flex:1 1 auto; flex-direction:column; align-items:center; justify-content:center; overflow-y:auto; overscroll-behavior:contain; padding:32px; text-align:center; }
+.tagIt-action-question { margin:0; font-size:16px; font-weight:700; line-height:1.45; }
+.tagIt-action-muted { max-width:520px; margin:8px 0 0; color:var(--tagIt-action-muted); font-size:14px; line-height:1.55; }
+.tagIt-action-prompt-layout,.tagIt-action-result-layout { display:flex; min-height:0; flex:1 1 auto; flex-direction:column; }
+.tagIt-action-composer { position:relative; flex:0 0 auto; border-top:1px solid var(--tagIt-action-border); background:var(--tagIt-action-surface); padding:12px; }
+.tagIt-action-composer textarea { width:100%; min-height:92px; resize:none; border:1px solid var(--tagIt-action-border); border-radius:14px; outline:0; background:#fff; color:var(--tagIt-action-text); padding:12px 52px 12px 14px; font:inherit; font-size:14px; line-height:1.5; }
+.tagIt-action-composer textarea:focus { border-color:var(--tagIt-action-primary); }
+.tagIt-action-composer button { position:absolute; right:22px; bottom:22px; display:flex; width:36px; height:36px; align-items:center; justify-content:center; border:0; border-radius:50%; background:var(--tagIt-action-primary); color:var(--tagIt-action-primary-text); cursor:pointer; }
+.tagIt-action-composer button:disabled { cursor:not-allowed; opacity:.35; }
+.tagIt-action-composer svg { width:16px; height:16px; }
+.tagIt-action-loading { gap:12px; }
+.tagIt-action-spinner { position:relative; display:flex; width:56px; height:56px; margin-bottom:8px; align-items:center; justify-content:center; border-radius:50%; background:color-mix(in srgb,var(--tagIt-action-primary) 10%,transparent); color:var(--tagIt-action-primary); }
+.tagIt-action-spinner svg { width:28px; height:28px; animation:tagIt-action-spin 1s linear infinite; }
+.tagIt-action-loading-detail { display:flex; align-items:center; gap:8px; color:var(--tagIt-action-muted); font-size:14px; }
+.tagIt-action-waiting-dots { display:inline-flex; align-items:center; gap:4px; }
+.tagIt-action-waiting-dots span { width:6px; height:6px; border-radius:50%; background:var(--tagIt-action-primary); animation:tagIt-action-bounce 1s infinite ease-in-out; }
+.tagIt-action-waiting-dots span:nth-child(2) { animation-delay:160ms; }
+.tagIt-action-waiting-dots span:nth-child(3) { animation-delay:320ms; }
+.tagIt-action-cancel { margin-top:8px; border:0; background:transparent; color:var(--tagIt-action-muted); cursor:pointer; font-size:12px; }
+.tagIt-action-cancel:hover { color:var(--tagIt-action-text); text-decoration:underline; }
+.tagIt-action-result-scroll { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; padding:20px; }
+.tagIt-action-result-heading { display:flex; align-items:flex-start; gap:12px; }
+.tagIt-action-result-heading>span { display:flex; width:32px; height:32px; flex:0 0 auto; align-items:center; justify-content:center; border-radius:50%; background:rgba(16,185,129,.12); color:#059669; }
+.tagIt-action-result-heading svg { width:17px; height:17px; }
+.tagIt-action-result-heading p { margin:0; font-size:16px; font-weight:700; }
+.tagIt-action-result-heading small { display:block; margin-top:5px; color:var(--tagIt-action-muted); font-size:14px; line-height:1.5; }
+.tagIt-action-result { margin-top:18px; overflow:hidden; border:1px solid var(--tagIt-action-border); border-radius:7px; background:var(--tagIt-action-result-bg); padding:16px; font-size:14px; line-height:1.55; }
+.tagIt-action-result pre { overflow-x:auto; border-radius:7px; background:#111827; color:#f1f5f9; padding:14px; font-size:12px; line-height:1.55; }
+.tagIt-action-result code { font-size:12px; }
+.tagIt-action-footer { display:flex; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end; gap:8px; border-top:1px solid var(--tagIt-action-border); background:var(--tagIt-action-surface); padding:12px 16px; }
+.tagIt-action-footer button { display:inline-flex; min-height:34px; align-items:center; gap:7px; border:1px solid var(--tagIt-action-border); border-radius:7px; background:transparent; color:var(--tagIt-action-text); padding:7px 12px; cursor:pointer; font-size:13px; font-weight:700; }
+.tagIt-action-footer button.tagIt-action-primary { border-color:var(--tagIt-action-primary); background:var(--tagIt-action-primary); color:var(--tagIt-action-primary-text); }
+.tagIt-action-footer svg { width:16px; height:16px; }
+
+@media (prefers-color-scheme: dark) {
+  .tagIt-action-scrim { --tagIt-action-bg:#07111f; --tagIt-action-surface:#0e1a2b; --tagIt-action-result-bg:#101d31; --tagIt-action-text:#e5eefb; --tagIt-action-muted:#a5b4ca; --tagIt-action-border:#365278; --tagIt-action-primary:#60a5fa; --tagIt-action-primary-text:#081225; }
+  .tagIt-action-composer textarea { background:#101d31; }
+}
+@media (max-width:639px),(max-height:700px) {
+  .tagIt-action-scrim { padding:12px; }
+  .tagIt-action-surface { width:100%; min-height:calc(100dvh - 24px); max-height:calc(100dvh - 24px); }
+  .tagIt-action-result-scroll { padding:16px; }
+}
+@keyframes tagIt-action-spin { to { transform:rotate(360deg); } }
+@keyframes tagIt-action-bounce { 0%,80%,100% { transform:translateY(0); opacity:.45; } 40% { transform:translateY(-4px); opacity:1; } }
+