@trinityui/design-system 1.0.3 → 1.0.4

package/dist/components/AI/AIVisuals.d.ts

@@ -0,0 +1,104 @@
+/**
+ * @fileoverview AIVisuals component.
+ * @module components/AI/AIVisuals
+ * AI Visual Components
+ * Gradient text, stat cards, and decorative elements
+ * @example
+ * ```tsx
+ *  import { AIVisuals } from '@trinityui/design-system';
+ *
+ *  <AIVisuals
+ *  >
+ *    <div>Example content</div>
+ *  </AIVisuals>
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Props for GradientText component.
+ */
+export interface GradientTextProps {
+    /** Text content */
+    children: React.ReactNode;
+    /** Gradient start color */
+    startColor?: string;
+    /** Gradient end color */
+    endColor?: string;
+    /** Gradient direction */
+    direction?: string;
+    /** Typography variant */
+    variant?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2';
+    /** Font weight */
+    fontWeight?: number | string;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Gradient Text - Text with gradient fill effect.
+ */
+export declare const GradientText: React.FC<GradientTextProps>;
+/**
+ * Props for StatCard component.
+ */
+export interface StatCardProps {
+    /** Stat label */
+    label: string;
+    /** Stat value */
+    value: string | number;
+    /** Icon name */
+    icon?: string;
+    /** Trend value (positive or negative number) */
+    trend?: number;
+    /** Trend label */
+    trendLabel?: string;
+    /** Card variant */
+    variant?: 'default' | 'gradient' | 'outlined';
+    /** Size */
+    size?: 'small' | 'medium' | 'large';
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Stat Card - Display statistical metrics with optional trend.
+ */
+export declare const StatCard: React.FC<StatCardProps>;
+/**
+ * Props for GradientIconBadge component.
+ */
+export interface GradientIconBadgeProps {
+    /** Icon name */
+    icon: string;
+    /** Size */
+    size?: 'small' | 'medium' | 'large';
+    /** Gradient start color */
+    startColor?: string;
+    /** Gradient end color */
+    endColor?: string;
+    /** Badge label */
+    label?: string;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Gradient Icon Badge - Icon with gradient background.
+ */
+export declare const GradientIconBadge: React.FC<GradientIconBadgeProps>;
+/**
+ * Props for AIShimmer component.
+ */
+export interface AIShimmerProps {
+    /** Width of shimmer */
+    width?: string | number;
+    /** Height of shimmer */
+    height?: string | number;
+    /** Border radius */
+    borderRadius?: number;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * AI Shimmer - Loading shimmer effect with AI gradient.
+ */
+export declare const AIShimmer: React.FC<AIShimmerProps>;
+//# sourceMappingURL=AIVisuals.d.ts.map

package/dist/components/AI/AIVisuals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIVisuals.d.ts","sourceRoot":"","sources":["../../../src/components/AI/AIVisuals.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AAkBvB;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;IAClG,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAwBpD,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8I5C,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwC9D,CAAC;AAMF;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4B9C,CAAC"}

package/dist/components/AI/AIVoiceInput.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @fileoverview AIVoiceInput component.
+ * @module components/AI/AIVoiceInput
+ * AI Voice Input Components
+ * Voice mode overlay and listening indicator for AI chat
+ *
+ * @example
+ * ```tsx
+ *  import { AIVoiceOverlay } from '@trinityui/design-system';
+ *
+ *  <AIVoiceOverlay
+ *    open={false}
+ *    isListening={false}
+ *    onListeningToggle={() => {}}
+ *    onClose={() => {}}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+/**
+ * Props for AIVoiceOverlay component.
+ */
+export interface AIVoiceOverlayProps {
+    /** Whether the voice overlay is open */
+    open: boolean;
+    /** Whether currently listening */
+    isListening: boolean;
+    /** Toggle listening state */
+    onListeningToggle: () => void;
+    /** Close the voice overlay */
+    onClose: () => void;
+    /** Listening text */
+    listeningText?: string;
+    /** Ready text */
+    readyText?: string;
+    /** Listening instruction */
+    listeningInstruction?: string;
+    /** Ready instruction */
+    readyInstruction?: string;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Props for AIListeningIndicator component.
+ */
+export interface AIListeningIndicatorProps {
+    /** Whether currently listening */
+    isListening: boolean;
+    /** Stop listening callback */
+    onStop: () => void;
+    /** Display text */
+    text?: string;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * AI Voice Overlay - Full voice mode interface for hands-free input
+ */
+export declare const AIVoiceOverlay: React.FC<AIVoiceOverlayProps>;
+/**
+ * AI Listening Indicator - Inline indicator shown when voice is being captured
+ */
+export declare const AIListeningIndicator: React.FC<AIListeningIndicatorProps>;
+export default AIVoiceOverlay;
+//# sourceMappingURL=AIVoiceInput.d.ts.map

package/dist/components/AI/AIVoiceInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIVoiceInput.d.ts","sourceRoot":"","sources":["../../../src/components/AI/AIVoiceInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAQL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AAQvB;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,wCAAwC;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,8BAA8B;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wBAAwB;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,kCAAkC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAMD;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAuFxD,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA+CpE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/AI/ChatHeader.d.ts

@@ -0,0 +1,52 @@
+/**
+ * @fileoverview ChatHeader component.
+ * @module components/AI/ChatHeader
+ * ChatHeader - Minimal header for chat/insight panels
+ *
+ * Responsibilities:
+ * - Display title
+ * - Expand/collapse toggle (sidepanel ↔ expanded)
+ * - Close button
+ * - Stateless UI (callbacks only)
+ *
+ * @example
+ * ```tsx
+ *  import { ChatHeader } from '@trinityui/design-system';
+ *
+ *  <ChatHeader
+ *    title="Example"
+ *    viewMode={undefined as never}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export type ChatViewMode = 'sidepanel' | 'expanded';
+/**
+ * Props for ChatHeader component.
+ */
+export interface ChatHeaderProps {
+    /** Header title */
+    title: string;
+    /** Current view mode */
+    viewMode: ChatViewMode;
+    /** Toggle between sidepanel and expanded view */
+    onToggleView?: () => void;
+    /** Close the panel */
+    onClose?: () => void;
+    /** Show gradient AI logo before title */
+    showLogo?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * ChatHeader - Stateless header with title and view controls.
+ *
+ * Layout: [Title] -------- [Toggle] [Close]
+ *
+ * Uses MUI AppBar/Toolbar for consistent elevation and structure.
+ * Semantic tokens only - no hardcoded colors.
+ */
+export declare const ChatHeader: React.FC<ChatHeaderProps>;
+export default ChatHeader;
+//# sourceMappingURL=ChatHeader.d.ts.map

package/dist/components/AI/ChatHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../src/components/AI/ChatHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AASvB,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,UAAU,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,QAAQ,EAAE,YAAY,CAAC;IACvB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAMD;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4EhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/AI/ChatHistoryList.d.ts

@@ -0,0 +1,80 @@
+/**
+ * @fileoverview ChatHistoryList component.
+ * @module components/AI/ChatHistoryList
+ * ChatHistoryList - List of past conversations for chat panels
+ *
+ * Responsibilities:
+ * - Render list of past conversations
+ * - Allow selecting an active conversation
+ * - Visually indicate active chat
+ * - Compact for sidepanel, expandable in expanded view
+ * - Keyboard navigation support
+ *
+ * @example
+ * ```tsx
+ *  import { ChatHistoryList } from '@trinityui/design-system';
+ *
+ *  <ChatHistoryList
+ *    chats={[]}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface ChatHistoryItem {
+    /** Unique identifier */
+    id: string;
+    /** Conversation title / first message preview */
+    title: string;
+    /** Human-readable timestamp */
+    timestamp: string;
+    /** Whether the chat is pinned */
+    pinned?: boolean;
+}
+/**
+ * Props for ChatHistoryList component.
+ */
+export interface ChatHistoryListProps {
+    /** List of chat history items */
+    chats: ChatHistoryItem[];
+    /** Currently active chat ID */
+    activeChatId?: string;
+    /** Selection callback */
+    onSelectChat?: (id: string) => void;
+    /** Rename callback */
+    onRename?: (id: string) => void;
+    /** Delete callback */
+    onDelete?: (id: string) => void;
+    /** Share callback */
+    onShare?: (id: string) => void;
+    /** Pin/unpin callback */
+    onPin?: (id: string) => void;
+    /** Add to project callback */
+    onAddToProject?: (id: string) => void;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Compact mode for sidepanel */
+    compact?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * ChatHistoryList - Stateless list of conversation history.
+ *
+ * Layout:
+ * ┌────────────────────────────────────┐
+ * │ 💬 Q4 Revenue Analysis        2h ago │  ← active (highlighted)
+ * │ 💬 Sales Pipeline Review   Yesterday │
+ * │ 💬 Customer Feedback...    2 days ago │
+ * └────────────────────────────────────┘
+ *
+ * Accessibility:
+ * - Uses MUI List/ListItemButton for built-in keyboard navigation
+ * - Arrow keys navigate between items
+ * - Enter/Space selects item
+ * - aria-selected indicates active item
+ * - role="listbox" for selection semantics
+ */
+export declare const ChatHistoryList: React.FC<ChatHistoryListProps>;
+export default ChatHistoryList;
+//# sourceMappingURL=ChatHistoryList.d.ts.map

package/dist/components/AI/ChatHistoryList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHistoryList.d.ts","sourceRoot":"","sources":["../../../src/components/AI/ChatHistoryList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAYL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AAQvB,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qBAAqB;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,8BAA8B;IAC9B,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiP1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/AI/ChatThread.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @fileoverview ChatThread component.
+ * @module components/AI/ChatThread
+ * ChatThread - Scrollable messages area
+ *
+ * Extracted from InsightEngine for reuse and testing.
+ *
+ * Rendering Logic:
+ * - User messages → UserMessage (simple text bubble)
+ * - AI messages → AIMessage with:
+ *   - `response` prop if structured AIResponse is present
+ *   - `children` with Typography fallback for simple text
+ *
+ * No AI logic here - purely iterates and renders.
+ * @example
+ * ```tsx
+ *  import { ChatThread } from '@trinityui/design-system';
+ *
+ *  <ChatThread
+ *    messages={[]}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { type AISourceCategory } from './AISourcesPanel';
+import { type AIResponse } from './types';
+/**
+ * Message in the chat thread.
+ *
+ * For user messages: only `content` is used.
+ * For AI messages: use `response` for structured content, or `content` for simple text.
+ */
+export interface ChatMessage {
+    id: string;
+    role: 'user' | 'assistant';
+    /** Simple text content (required for user, fallback for assistant) */
+    content: string;
+    /**
+     * Structured AI response (for assistant messages only).
+     * When present, this is rendered via AIResponseRenderer.
+     */
+    response?: AIResponse;
+    /** Sources referenced in this response (using AISourcesPanel structure) */
+    sources?: AISourceCategory[];
+    /** Related questions for this response */
+    relatedQuestions?: string[];
+    timestamp?: string;
+}
+/**
+ * Props for ChatThread component.
+ */
+export interface ChatThreadProps {
+    messages: ChatMessage[];
+    relatedQuestions?: string[];
+    onRelatedQuestionClick?: (q: string) => void;
+    suggestedActions?: Array<{
+        label: string;
+        onClick?: () => void;
+    }>;
+}
+/**
+ * ChatThread - Scrollable messages area.
+ *
+ * Rendering Logic:
+ * - User messages → UserMessage (simple text bubble)
+ * - AI messages → AIMessage with:
+ *   - `response` prop if structured AIResponse is present
+ *   - `children` with Typography fallback for simple text
+ *
+ * No AI logic here - purely iterates and renders.
+ */
+export declare const ChatThread: React.FC<ChatThreadProps>;
+export default ChatThread;
+//# sourceMappingURL=ChatThread.d.ts.map

package/dist/components/AI/ChatThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatThread.d.ts","sourceRoot":"","sources":["../../../src/components/AI/ChatThread.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAkB,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGzE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,WAAW,CAAC;IAC3B,sEAAsE;IACtE,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,sBAAsB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,gBAAgB,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC;CACnE;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAkHhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/AI/InsightEngine.d.ts

@@ -0,0 +1,147 @@
+/**
+ * @fileoverview InsightEngine component.
+ * @module components/AI/InsightEngine
+ * InsightEngine - Composition container for AI chat interface
+ *
+ * This is a pure layout/composition component with NO AI logic.
+ * It composes:
+ * - ChatHeader
+ * - ChatHistoryList (collapsible)
+ * - ChatThread (messages area)
+ * - AIRelatedQuestions
+ * - AISuggestedAction / AIActionsGroup
+ * - InsightEngineInput
+ *
+ * State owned by InsightEngine:
+ * - viewMode ('sidepanel' | 'expanded')
+ * - isOpen
+ * - activeChatId
+ * - historyExpanded (for sidepanel mode)
+ *
+ * @example
+ * ```tsx
+ *  import { MOCK_MESSAGES } from '@trinityui/design-system';
+ *
+ *  <MOCK_MESSAGES
+ *    isOpen={false}
+ *    onClose={() => {}}
+ *  />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { type ChatViewMode } from './ChatHeader';
+import { type ChatHistoryItem } from './ChatHistoryList';
+import { type ChatMessage } from './ChatThread';
+import { type AISourceCategory, type AISourceItem } from './AISourcesPanel';
+import { type ModelOption, type SourceOption } from './InsightEngineInput';
+/** Re-export source types from AISourcesPanel for convenience */
+export type { AISourceCategory, AISourceItem };
+/** Re-export ChatMessage from ChatThread */
+export type { ChatMessage } from './ChatThread';
+/**
+ * Props for InsightEngine component.
+ */
+export interface InsightEngineProps {
+    /** Whether the panel is open */
+    isOpen: boolean;
+    /** Close callback */
+    onClose: () => void;
+    /** Initial view mode */
+    defaultViewMode?: ChatViewMode;
+    /** Panel title */
+    title?: string;
+    /** List of past chats */
+    chats?: ChatHistoryItem[];
+    /** Currently active chat ID */
+    activeChatId?: string;
+    /** Chat selection callback */
+    onSelectChat?: (id: string) => void;
+    /** Chat action callbacks */
+    onRenameChat?: (id: string) => void;
+    onDeleteChat?: (id: string) => void;
+    onShareChat?: (id: string) => void;
+    onPinChat?: (id: string) => void;
+    onAddChatToProject?: (id: string) => void;
+    /** Messages in current thread */
+    messages?: ChatMessage[];
+    /** Input value */
+    inputValue?: string;
+    /** Input change callback */
+    onInputChange?: (value: string) => void;
+    /** Send message callback */
+    onSendMessage?: (value: string) => void;
+    /** Model options */
+    models?: ModelOption[];
+    /** Selected model ID */
+    selectedModel?: string;
+    /** Model selection callback */
+    onModelChange?: (id: string) => void;
+    /** Source options */
+    sources?: SourceOption[];
+    /** Source toggle callback */
+    onSourceToggle?: (id: string, enabled: boolean) => void;
+    /** Related questions to display */
+    relatedQuestions?: string[];
+    /** Related question click callback */
+    onRelatedQuestionClick?: (question: string) => void;
+    /** Suggested actions */
+    suggestedActions?: Array<{
+        label: string;
+        onClick?: () => void;
+    }>;
+    /** Sidepanel width */
+    sidepanelWidth?: number;
+    /** Expanded width */
+    expandedWidth?: number;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Example mock messages for development/testing.
+ * Demonstrates both simple text and structured AIResponse formats.
+ *
+ * @example
+ * ```tsx
+ * import { MOCK_MESSAGES } from './InsightEngine';
+ *
+ * <InsightEngine messages={MOCK_MESSAGES} ... />
+ * ```
+ */
+export declare const MOCK_MESSAGES: ChatMessage[];
+/**
+ * InsightEngine - Pure composition container for AI chat interface.
+ *
+ * Layout Strategy:
+ *
+ * SIDEPANEL MODE (default):
+ * ┌─────────────────────────┐
+ * │ ChatHeader              │
+ * ├─────────────────────────┤
+ * │ [History Toggle]        │ ← Collapsible
+ * │ ┌─────────────────────┐ │
+ * │ │ ChatHistoryList     │ │
+ * │ └─────────────────────┘ │
+ * ├─────────────────────────┤
+ * │                         │
+ * │ ChatThread (scroll)     │
+ * │                         │
+ * ├─────────────────────────┤
+ * │ InsightEngineInput      │
+ * └─────────────────────────┘
+ *
+ * EXPANDED MODE:
+ * ┌────────────────────────────────────────┐
+ * │ ChatHeader                             │
+ * ├───────────┬────────────────────────────┤
+ * │           │                            │
+ * │ History   │    ChatThread (scroll)     │
+ * │ List      │                            │
+ * │           │                            │
+ * │           ├────────────────────────────┤
+ * │           │ InsightEngineInput         │
+ * └───────────┴────────────────────────────┘
+ */
+export declare const InsightEngine: React.FC<InsightEngineProps>;
+export default InsightEngine;
+//# sourceMappingURL=InsightEngine.d.ts.map

package/dist/components/AI/InsightEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightEngine.d.ts","sourceRoot":"","sources":["../../../src/components/AI/InsightEngine.tsx"],"names":[],"mappings":"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"}

package/dist/components/AI/InsightEngineInput.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @fileoverview InsightEngineInput component.
+ * @module components/AI/InsightEngineInput
+ * InsightEngineInput Component
+ * Composite input combining text input with secondary controls row
+ *
+ * Mirrors Perplexity-style input composition with:
+ * - Clean text input area (no built-in buttons)
+ * - Secondary controls row with:
+ *   - LEFT: Model dropdown, Source dropdown, Deep thinking toggle
+ *   - RIGHT: Web search, Attachment, Mic, Send buttons
+ * - Optional disclaimer text
+ *
+ * All controls are UI-only with callbacks - no business logic.
+ *
+ * @example
+ * ```tsx
+ *  import { InsightEngineInput } from '@trinityui/design-system';
+ *
+ *  <InsightEngineInput />
+ *  ```
+ */
+import React from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface ModelOption {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional description */
+    description?: string;
+    /** Optional icon name */
+    icon?: string;
+}
+export interface SourceOption {
+    /** Unique identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon name */
+    icon?: string;
+    /** Whether this source is enabled */
+    enabled?: boolean;
+}
+/**
+ * Props for InsightEngineInput component.
+ */
+export interface InsightEngineInputProps {
+    /** Current input value (controlled) */
+    value?: string;
+    /** Change handler for input */
+    onChange?: (value: string) => void;
+    /** Submit handler */
+    onSubmit?: (value: string) => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether input is disabled */
+    disabled?: boolean;
+    /** Available AI models */
+    models?: ModelOption[];
+    /** Currently selected model ID */
+    selectedModel?: string;
+    /** Model change handler */
+    onModelChange?: (modelId: string) => void;
+    /** Available data sources with enabled state */
+    sources?: SourceOption[];
+    /** Source toggle handler - called when a source is toggled */
+    onSourceToggle?: (sourceId: string, enabled: boolean) => void;
+    /** Web search enabled state */
+    webSearchEnabled?: boolean;
+    /** Web search toggle handler */
+    onWebSearchToggle?: (enabled: boolean) => void;
+    /** Deep thinking enabled state */
+    deepThinkingEnabled?: boolean;
+    /** Deep thinking toggle handler */
+    onDeepThinkingToggle?: (enabled: boolean) => void;
+    /** Voice input click handler */
+    onVoiceClick?: () => void;
+    /** Whether currently listening */
+    isListening?: boolean;
+    /** Attachment button click handler */
+    onAttachmentClick?: () => void;
+    /** Number of attached files */
+    attachmentCount?: number;
+    /** Disclaimer text shown below input */
+    disclaimer?: string;
+    /** Compact mode for side panel */
+    compact?: boolean;
+    /** Custom sx props */
+    sx?: SxProps<Theme>;
+}
+export declare const InsightEngineInput: React.FC<InsightEngineInputProps>;
+export default InsightEngineInput;
+//# sourceMappingURL=InsightEngineInput.d.ts.map

package/dist/components/AI/InsightEngineInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightEngineInput.d.ts","sourceRoot":"","sources":["../../../src/components/AI/InsightEngineInput.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAaL,OAAO,EACP,KAAK,EACN,MAAM,eAAe,CAAC;AAQvB,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAG1C,gDAAgD;IAChD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAG9D,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mCAAmC;IACnC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAGlD,gCAAgC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAMD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA+fhE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}