@interopio/io-assist-react 1.0.0

package/dist/components/messages/McpAppResource.d.ts

@@ -0,0 +1,11 @@
+import { IoAiWeb } from '@interopio/ai-web';
+import { default as React } from 'react';
+type Props = {
+    appInstance: IoAiWeb.McpApps.AppInstance;
+};
+/**
+ * Mounts the SDK-provided DOM element of an MCP App instance into a container div.
+ * The element is owned by the SDK — do not remove it on unmount, just detach.
+ */
+export declare const McpAppResource: React.FC<Props>;
+export {};

package/dist/components/messages/MdFormatter.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type MdFormatterProps = {
+    content: string;
+};
+export declare const MdFormatter: React.FC<MdFormatterProps>;
+export {};

package/dist/components/messages/MessageArea.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type Props = {
+    onReloadResponse: () => void;
+    className?: string;
+};
+export declare const MessageArea: React.FC<Props>;
+export {};

package/dist/components/messages/ToolMessage.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { UIToolMessage } from '../../types/message';
+type Props = {
+    tool: UIToolMessage;
+    parentToolTraceId: string;
+    onToggle: (toolId: string, parentId: string) => void;
+};
+export declare const ToolMessage: React.FC<Props>;
+export {};

package/dist/components/messages/ToolTraceMessage.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { ToolTraceState } from '../../types';
+type ToolTraceProps = {
+    trace: ToolTraceState;
+    onToggle: (messageId: string) => void;
+    onToggleTool: (toolId: string, parentId: string) => void;
+};
+export declare const ToolTraceMessage: React.FC<ToolTraceProps>;
+export {};

package/dist/components/messages/UserMessage.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { UIUserMessage } from '../../types';
+type Props = {
+    message: UIUserMessage;
+    isLast?: boolean;
+    isGenerating?: boolean;
+};
+export declare const UserMessage: React.FC<Props>;
+export {};

package/dist/components/messages/mdUtils.d.ts

@@ -0,0 +1 @@
+export declare const textToJSONMarkdown: (content: unknown) => string;

package/dist/components/messages/prismTwilightTheme.d.ts

@@ -0,0 +1,2 @@
+import { PrismTheme } from 'prism-react-renderer';
+export declare const prismTwilight: PrismTheme;

package/dist/components/prompt/FavoritePromptList.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const FavoritePromptList: React.FC;

package/dist/components/prompt/PromptListItem.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { Prompt } from '../../types';
+type Props = {
+    prompt: Prompt;
+    isDisplayedInFavoriteList: boolean;
+};
+export declare const PromptListItem: React.FC<Props>;
+export {};

package/dist/components/prompt/PromptListPanel.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type Props = {
+    className?: string;
+};
+export declare const PromptListPanel: React.FC<Props>;
+export {};

package/dist/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+type Props = {
+    children: React.ReactNode;
+    className?: string;
+    /**
+     * When true, hold the bottom spacer expanded so newly-added content stays
+     * anchored near the top of the visible viewport as the assistant streams.
+     * When false, the spacer collapses by the overflow as content grows.
+     * Used for the *continuous* anchoring concern, NOT the one-shot snap.
+     */
+    shouldExpandSpacer?: boolean;
+    /** Force-scroll to bottom when this flips true (e.g. after a thread fetch). */
+    isForceScrollToBottomEnabled?: boolean;
+    /**
+     * Monotonically-increasing counter. Every time it changes, the component
+     * fires a one-shot "snap to top" (expand spacer + scrollToBottom). This
+     * is the imperative path used when the user sends a new message —
+     * deterministic, not derived from any other state.
+     */
+    snapToTopTrigger?: number;
+};
+/**
+ * Mirrors `libs/io-assist-ng/.../scroll-area.component.html/.ts`:
+ *   - host is `flex flex-col flex-1 min-h-0 relative`
+ *   - the inner scroller has `overflow-y-auto custom-scrollbar custom-scrollbar-no-gutter`
+ *   - the scroll-to-bottom button is rendered on the host (NOT inside the
+ *     scroller), so its `absolute bottom-5` sits at the viewport bottom rather
+ *     than at `scrollHeight - 5px` (which is what we'd get if we placed it
+ *     inside the scrollable element)
+ *   - the spacer sits at the bottom of the scroller content
+ */
+export declare const ScrollArea: React.FC<Props>;
+export {};

package/dist/components/shared/Icon.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type IconProps = {
+    size?: number;
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const Icon: React.FC<IconProps>;
+export {};

package/dist/components/shared/IconButton.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+type IconButtonVariant = 'default' | 'danger';
+type IconButtonProps = {
+    size?: number;
+    containerSize?: number;
+    testId?: string;
+    variant?: IconButtonVariant;
+    children: React.ReactNode;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'>;
+export declare const IconButton: React.FC<IconButtonProps>;
+export {};

package/dist/components/shared/Modal.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+type ModalProps = {
+    open: boolean;
+    onClose?: () => void;
+    title?: string;
+    showCloseIcon?: boolean;
+    footer?: React.ReactNode;
+    testId?: string;
+    children: React.ReactNode;
+};
+export declare const Modal: React.FC<ModalProps>;
+export {};

package/dist/components/shared/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type Props = {
+    value: string;
+    onChange: (v: string) => void;
+    placeholder: string;
+};
+export declare const SearchInput: React.FC<Props>;
+export {};

package/dist/components/shared/ToggleInput.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type Props = {
+    isChecked: boolean;
+    onToggle: () => void;
+    isDisabled?: boolean;
+};
+export declare const ToggleInput: React.FC<Props>;
+export {};

package/dist/components/shared/Tooltip.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+type Props = {
+    content: React.ReactNode;
+    position?: TooltipPosition;
+    offset?: number;
+    children: React.ReactNode;
+};
+export declare const Tooltip: React.FC<Props>;
+export {};

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

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export declare const ThreadHistoryIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const HomeIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronIcon: React.FC<{
+    expanded: boolean;
+}>;
+export declare const ChevronRightIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronUpIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronDownIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CircleFilledIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CircleOutlineIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CopyIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ReloadIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PencilIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const TrashIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const InfoIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const ArrowUpIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaperPlaneIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const StopIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PromptIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ToolIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PromptPanelIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ToolPanelIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const PromptDotIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const StarFilledIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const StarIcon: React.FC<{
+    filled: boolean;
+}>;
+export declare const Spinner: React.FC<{
+    className?: string;
+}>;
+export declare const SpinnerIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const IoAssistLogoDark: () => import("react/jsx-runtime").JSX.Element;
+export declare const IoAssistLogoLight: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/threads/ThreadHistory.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type ThreadHistoryProps = {
+    onThreadSelected?: () => void;
+};
+export declare const ThreadHistory: React.FC<ThreadHistoryProps>;
+export {};

package/dist/components/threads/ThreadHistoryListItem.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+type ThreadHistoryListItemProps = {
+    threadId: string;
+    title: string;
+    isActive: boolean;
+    isEditing: boolean;
+    editValue: string;
+    hasNotification: boolean;
+    streamStatus?: string;
+    onSelect: (threadId: string) => void;
+    onStartEditing: (threadId: string, title: string, e: React.MouseEvent) => void;
+    onCommitEdit: (threadId: string) => void;
+    onEditChange: (value: string) => void;
+    onEditKeyDown: (e: React.KeyboardEvent, threadId: string) => void;
+    onDelete: (threadId: string, e: React.MouseEvent) => void;
+};
+export declare const ThreadHistoryListItem: React.FC<ThreadHistoryListItemProps>;
+export {};

package/dist/components/threads/ThreadHistoryPanel.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+type ThreadHistoryPanelProps = {
+    userId: string;
+    className?: string;
+};
+export declare const ThreadHistoryPanel: React.FC<ThreadHistoryPanelProps>;
+export {};

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { UITool } from '../../types';
+type Props = {
+    tool: UITool;
+    onToggle: (tool: UITool) => void;
+};
+export declare const ToolListItem: React.FC<Props>;
+export {};

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ToolListPanel: React.FC;

package/dist/components/working-context-panel/WorkingContextPanel.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const WorkingContextPanel: React.FC;

package/dist/constants/modalActions.d.ts

@@ -0,0 +1,11 @@
+export declare const ELICITATION_ACTION: {
+    readonly ACCEPT: "accept";
+    readonly DECLINE: "decline";
+    readonly CANCEL: "cancel";
+};
+export type ElicitationAction = (typeof ELICITATION_ACTION)[keyof typeof ELICITATION_ACTION];
+export declare const SAMPLING_ACTION: {
+    readonly ACCEPT: "accept";
+    readonly DECLINE: "decline";
+};
+export type SamplingAction = (typeof SAMPLING_ACTION)[keyof typeof SAMPLING_ACTION];

package/dist/constants/uiStrings.d.ts

@@ -0,0 +1,141 @@
+export declare const UI_STRINGS: {
+    GENERAL: {
+        WELCOME_MESSAGE: (user?: string) => string;
+        AI_CONTENT_INFO: string;
+        INITIALIZING_SERVICES: string;
+        CANNOT_CONNECT_TO_IO: string;
+        IO_INTEL_INIT_ERROR: string;
+        DOCUMENTATION_LINK: (url?: string) => string;
+        REFRESH: string;
+        EDIT: string;
+        DELETE: string;
+        SAVE: string;
+        CANCEL: string;
+        CONFIRM: string;
+        SUBMIT: string;
+        SEARCH: string;
+        LOADING: string;
+        COPY: string;
+        RELOAD: string;
+        NO_SEARCH_RESULTS: string;
+    };
+    INPUT_COMPONENT: {
+        DEFAULT_PLACEHOLDER: string;
+        INPUT_PLACEHOLDER: string;
+        AI_DISCLAIMER: string;
+    };
+    PANEL_COMPONENT: {
+        DEFAULT_TITLE: string;
+        CLOSE_BUTTON: string;
+    };
+    WORKING_CONTEXT_PANEL_COMPONENT: {
+        TITLE: string;
+        VIEW_WORKING_CONTEXT_BUTTON: string;
+        LOADING_CONTEXT: string;
+        CALLOUT_TEXT: string;
+    };
+    CHAT_COMPONENT: {
+        LOGOUT: string;
+    };
+    THREAD_HISTORY_COMPONENT: {
+        NO_THREADS: string;
+        LOADING_THREADS: string;
+        NEW_CONVERSATION: string;
+        DIVIDERS: {
+            JUST_NOW: string;
+            FIVE_MINS_AGO: string;
+            THIRTY_MINS_AGO: string;
+            ONE_HOUR_AGO: string;
+            TWO_HOURS_AGO: string;
+            SIX_HOURS_AGO: string;
+            TWELVE_HOURS_AGO: string;
+            TODAY: string;
+            YESTERDAY: string;
+            TWO_DAYS_AGO: string;
+            LAST_WEEK: string;
+            TWO_WEEKS_AGO: string;
+            ONE_MONTH_AGO: string;
+            THREE_MONTHS_AGO: string;
+            SIX_MONTHS_AGO: string;
+            MORE_THAN_YEAR_AGO: string;
+        };
+    };
+    PROMPT_LIST_COMPONENT: {
+        AVAILABLE_PROMPTS: string;
+        FAVORITE_PROMPTS: string;
+        NO_PROMPTS: string;
+        NO_PROMPTS_CONFIGURED: string;
+        LOADING_PROMPTS: string;
+        NO_FAVORITE_PROMPTS: string;
+        NO_PROMPTS_SEE_MORE: string;
+        INPUT_TOOLTIP: string;
+    };
+    TOOL_LIST_COMPONENT: {
+        AVAILABLE_TOOLS: string;
+        NO_FILTERED_TOOLS: string;
+        NO_TOOLS: string;
+        NO_TOOLS_SEE_MORE: string;
+        LOADING_TOOLS: string;
+        INPUT_TOOLTIP: string;
+        ENABLE_BUTTON: string;
+        DISABLE_BUTTON: string;
+    };
+    TOOL_MESSAGE: {
+        TOOL_EXECUTION_SUCCESS: string;
+        TOOL_EXECUTION_PENDING: string;
+    };
+    TOOL_TRACE_MESSAGE: {
+        EXPAND_BUTTON_TEXT: string;
+        COLLAPSE_BUTTON_TEXT: string;
+        CLOSE_BUTTON_TEXT: string;
+    };
+    THREAD_HISTORY: {
+        NEW_CONVERSATION: string;
+        NO_CONVERSATIONS: string;
+    };
+    WORKING_CONTEXT_PANEL: {
+        TITLE: string;
+        DESCRIPTION: string;
+        EMPTY: string;
+    };
+    PROMPT_LIST_PANEL: {
+        TITLE: string;
+        SEARCH_PLACEHOLDER: string;
+        EMPTY: string;
+    };
+    TOOL_LIST_PANEL: {
+        TITLE: string;
+        SEARCH_PLACEHOLDER: string;
+        EMPTY: string;
+        NO_SEARCH_MATCH: string;
+        LOADING: string;
+        SERVER_LABEL: string;
+    };
+    WELCOME_SCREEN: {
+        TITLE: string;
+        SUBTITLE: string;
+        FAVORITE_PROMPTS_LABEL: string;
+    };
+    LOADING_STATE: {
+        LOADING: string;
+        ERROR: string;
+        RETRY: string;
+    };
+    SAMPLING_MODAL: {
+        TITLE: string;
+        HEADING: string;
+        TEXT: string;
+    };
+    ELICITATION_MODAL: {
+        TITLE: string;
+        HEADING: string;
+        FALLBACK_TEXT: string;
+    };
+    MCP_APP_REPLACE_MODAL: {
+        TITLE: string;
+        HEADING: string;
+        TEXT: (toolName: string) => string;
+        REPLACE_BUTTON: string;
+        NEW_INSTANCE_BUTTON: string;
+    };
+};

package/dist/context/IoAssistContext.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ReactNode } from 'react';
+import { IoAssistStore } from '../stores';
+import { IoAssistStaticConfig, IoAssistDynamicConfig } from '../types';
+export declare const IoAssistConfigContext: React.Context<IoAssistStaticConfig | null>;
+export declare const IoAssistDynamicConfigContext: React.Context<IoAssistDynamicConfig | null>;
+export type IoAssistProviderProps = {
+    staticConfig: IoAssistStaticConfig;
+    dynamicConfig: IoAssistDynamicConfig;
+    children: ReactNode;
+};
+export declare const IoAssistProvider: React.FC<IoAssistProviderProps>;
+export declare function useIoAssistStore<T>(selector: (store: IoAssistStore) => T): T;
+export declare function useIoAssistConfig(): IoAssistStaticConfig;
+export declare function useIoAssistDynamicConfig(): IoAssistDynamicConfig;

package/dist/hooks/useHoverMouseFollow.d.ts

@@ -0,0 +1,27 @@
+type Options = {
+    /**
+     * CSS `background` value for an always-visible gradient ring painted
+     * behind the hover ring. The hover ring fades in on top of it.
+     */
+    staticGradient?: string;
+};
+/**
+ * Hook that replicates the Angular `[animationEffect]="AnimationType.HOVER_MOUSE_FOLLOW"` behavior.
+ * Adds a gradient border glow that rotates to follow the mouse position on hover.
+ * Pass `staticGradient` to keep an at-rest gradient ring visible behind it.
+ *
+ * Usage:
+ * ```tsx
+ * const { ref, handlers } = useHoverMouseFollow();
+ * <button ref={ref} {...handlers}>Content</button>
+ * ```
+ */
+export declare function useHoverMouseFollow<T extends HTMLElement = HTMLElement>(options?: Options): {
+    ref: import('react').RefObject<T | null>;
+    handlers: {
+        onMouseEnter: () => void;
+        onMouseLeave: () => void;
+        onMouseMove: (event: React.MouseEvent) => void;
+    };
+};
+export {};

package/dist/hooks/useIoAiWebApi.d.ts

@@ -0,0 +1,19 @@
+import { IoAiWeb } from '@interopio/ai-web';
+export type UseIoAiWebApi = {
+    api: IoAiWeb.API | null;
+    isReady: boolean;
+    sendMessage: (text: string) => Promise<void>;
+    abortMessage: () => void;
+    newConversation: () => Promise<void>;
+    selectThread: (threadId: string) => Promise<void>;
+    renameThread: (threadId: string, title: string) => Promise<void>;
+    deleteThread: (threadId: string) => Promise<void>;
+    toggleTool: (name: string, enabled: boolean) => Promise<void>;
+};
+/**
+ * Accessor hook for the IoAiWeb SDK instance with the most-used
+ * orchestrations baked in. Pairs with `useIoAiWebBootstrap()` which
+ * boots the SDK once at the app root.
+ *
+ */
+export declare function useIoAiWebApi(): UseIoAiWebApi;

package/dist/hooks/useIoAiWebBootstrap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Initialises IoAiWeb once io.Connect is ready.
+ * Triggers agent listing and prompt parsing after successful init.
+ *
+ * Thin React shell — the actual SDK adapter lives in
+ * `actions/initIoAiWeb.ts`. Mirrors ng's IoAiWebService pattern.
+ */
+export declare function useIoAiWebBootstrap(): void;

package/dist/hooks/useIoConnectApi.d.ts

@@ -0,0 +1,12 @@
+import { IOConnectBrowser } from '@interopio/browser';
+export type UseIoConnectApi = {
+    api: IOConnectBrowser.API | null;
+    isReady: boolean;
+    toggleFavoritePrompt: (name: string) => Promise<void>;
+};
+/**
+ * Accessor hook for the io.Connect SDK instance with persistence-aware
+ * orchestrations baked in. Pairs with `useIoConnect()` which boots the
+ * SDK once at the app root.
+ */
+export declare function useIoConnectApi(): UseIoConnectApi;

package/dist/hooks/useIoConnectBootstrap.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Manages the io.Connect lifecycle:
+ * 1. Initialises IOBrowser or IODesktop from static config
+ * 2. Sets isIoConnectReady when connected
+ * 3. Subscribes to theme changes → applies dark/light class to <html>
+ *
+ * Thin React shell — the actual SDK adapter lives in
+ * `actions/initIoConnect.ts`. Mirrors ng's IoService pattern.
+ */
+export declare function useIoConnectBootstrap(): void;

package/dist/hooks/useIsMobileViewport.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobileViewport(): boolean;