@agentiffai/design 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/{StreamStatusIndicator-DM5n4MI1.d.cts → Window-CF5y1_Og.d.cts} +111 -106
  2. package/dist/{StreamStatusIndicator-DM5n4MI1.d.ts → Window-CF5y1_Og.d.ts} +111 -106
  3. package/dist/copilotkit/index.cjs +2486 -2276
  4. package/dist/copilotkit/index.cjs.map +1 -1
  5. package/dist/copilotkit/index.d.cts +63 -38
  6. package/dist/copilotkit/index.d.ts +63 -38
  7. package/dist/copilotkit/index.js +2484 -2275
  8. package/dist/copilotkit/index.js.map +1 -1
  9. package/dist/icons/index.cjs +68 -167
  10. package/dist/icons/index.cjs.map +1 -1
  11. package/dist/icons/index.d.cts +25 -20
  12. package/dist/icons/index.d.ts +25 -20
  13. package/dist/icons/index.js +68 -167
  14. package/dist/icons/index.js.map +1 -1
  15. package/dist/index.cjs +5848 -3645
  16. package/dist/index.cjs.map +1 -1
  17. package/dist/index.d.cts +332 -4
  18. package/dist/index.d.ts +332 -4
  19. package/dist/index.js +5796 -3614
  20. package/dist/index.js.map +1 -1
  21. package/dist/layout/index.cjs +1000 -525
  22. package/dist/layout/index.cjs.map +1 -1
  23. package/dist/layout/index.d.cts +70 -8
  24. package/dist/layout/index.d.ts +70 -8
  25. package/dist/layout/index.js +997 -523
  26. package/dist/layout/index.js.map +1 -1
  27. package/dist/theme/index.cjs +345 -24
  28. package/dist/theme/index.cjs.map +1 -1
  29. package/dist/theme/index.d.cts +524 -65
  30. package/dist/theme/index.d.ts +524 -65
  31. package/dist/theme/index.js +345 -24
  32. package/dist/theme/index.js.map +1 -1
  33. package/dist/workflow/index.cjs +870 -575
  34. package/dist/workflow/index.cjs.map +1 -1
  35. package/dist/workflow/index.d.cts +93 -57
  36. package/dist/workflow/index.d.ts +93 -57
  37. package/dist/workflow/index.js +866 -572
  38. package/dist/workflow/index.js.map +1 -1
  39. package/package.json +1 -1
  40. package/public/assets/icon-set/Icon-contacts-fill.svg +3 -0
  41. package/public/assets/icon-set/Icon-mail-open-fill.svg +3 -0
  42. package/public/assets/icon-set/Icon-p2p-fill.svg +3 -0
  43. package/public/assets/icon-set/Icon-robot-2-fill.svg +3 -0
  44. package/public/assets/icon-set/Icon-send-plane-fill.svg +3 -0
  45. package/public/assets/icon-set/Notion.svg +41 -0
  46. package/public/assets/icon-set/Postiz.svg +1 -0
@@ -108,6 +108,11 @@ interface HeaderProps {
108
108
  * Optional subtitle text displayed below the title
109
109
  */
110
110
  subtitle?: string;
111
+ /**
112
+ * Optional stream status indicator (connected/streaming/disconnected/reconnecting)
113
+ * When provided, displays a StreamStatusIndicator next to the title
114
+ */
115
+ streamStatus?: 'connected' | 'streaming' | 'disconnected' | 'reconnecting';
111
116
  /**
112
117
  * Callback function triggered when the close button is clicked
113
118
  */
@@ -375,6 +380,111 @@ interface ResponseProps {
375
380
  */
376
381
  declare const Response: ({ isLoading, isTyping, isStreaming, streamingContent, message, className, }: ResponseProps) => react_jsx_runtime.JSX.Element | null;
377
382
 
383
+ /**
384
+ * StreamErrorMessage Component
385
+ *
386
+ * Displays inline chat errors with retry support.
387
+ *
388
+ * @see specs/015-restyle-ai-chat/spec.md
389
+ */
390
+
391
+ interface StreamErrorMessageProps {
392
+ /** Error message to display */
393
+ error: string | Error;
394
+ /** Visual variant */
395
+ variant?: 'inline' | 'banner';
396
+ /** Whether the error can be retried */
397
+ retryable?: boolean;
398
+ /** Callback when retry is clicked */
399
+ onRetry?: () => void;
400
+ /** Callback when dismiss is clicked */
401
+ onDismiss?: () => void;
402
+ /** Additional error details */
403
+ details?: string;
404
+ /** Custom className */
405
+ className?: string;
406
+ }
407
+ /**
408
+ * StreamErrorMessage component for inline chat errors
409
+ *
410
+ * Features:
411
+ * - Inline and banner variants
412
+ * - Retry support for recoverable errors
413
+ * - Dismissible errors
414
+ * - Error details display
415
+ * - Accessible error reporting
416
+ */
417
+ declare const StreamErrorMessage: React__default.FC<StreamErrorMessageProps>;
418
+
419
+ /**
420
+ * StreamingText Component
421
+ *
422
+ * Provides typewriter animation for streaming AI responses.
423
+ *
424
+ * @see specs/015-restyle-ai-chat/spec.md:FR-031, FR-042
425
+ * @see UI_COMPONENTS_SSE.md:548-595
426
+ */
427
+ interface StreamingTextProps {
428
+ /** The text content to display */
429
+ content: string;
430
+ /** Whether text is currently streaming */
431
+ isStreaming?: boolean;
432
+ /** Typing speed in milliseconds per character */
433
+ typingSpeed?: number;
434
+ /** Whether to show blinking cursor */
435
+ cursor?: boolean;
436
+ /** Visual variant */
437
+ variant?: 'default' | 'code' | 'markdown';
438
+ /** Callback when streaming completes */
439
+ onStreamComplete?: () => void;
440
+ /** Additional CSS class name */
441
+ className?: string;
442
+ }
443
+ /**
444
+ * StreamingText component with typewriter animation
445
+ *
446
+ * Features:
447
+ * - Character-by-character streaming animation
448
+ * - Configurable typing speed
449
+ * - Optional blinking cursor
450
+ * - Code and markdown variants
451
+ * - Completion callback
452
+ */
453
+ declare const StreamingText: React.FC<StreamingTextProps>;
454
+
455
+ /**
456
+ * StreamStatusIndicator Component
457
+ *
458
+ * Displays connection status for streaming chat (SSE).
459
+ *
460
+ * @see specs/015-restyle-ai-chat/spec.md
461
+ */
462
+
463
+ interface StreamStatusIndicatorProps {
464
+ /** Connection status */
465
+ status: 'connected' | 'streaming' | 'disconnected' | 'reconnecting';
466
+ /** Visual variant */
467
+ variant?: 'dot' | 'badge';
468
+ /** Size of the indicator */
469
+ size?: 'sm' | 'md' | 'lg';
470
+ /** Whether to show text label */
471
+ showLabel?: boolean;
472
+ /** Custom className */
473
+ className?: string;
474
+ }
475
+ /**
476
+ * StreamStatusIndicator component for showing connection status
477
+ *
478
+ * Features:
479
+ * - Visual status indicators (connected/streaming/disconnected/reconnecting)
480
+ * - Color-coded status (green/blue/red/yellow)
481
+ * - Pulsing animation for streaming state
482
+ * - Dot and badge variants
483
+ * - Size options (sm/md/lg)
484
+ * - Optional text labels
485
+ */
486
+ declare const StreamStatusIndicator: React__default.FC<StreamStatusIndicatorProps>;
487
+
378
488
  interface SuggestionsProps {
379
489
  suggestions: string[];
380
490
  onSelect: (suggestion: string) => void;
@@ -460,109 +570,4 @@ interface WindowProps {
460
570
  */
461
571
  declare const Window: React__default.FC<WindowProps>;
462
572
 
463
- /**
464
- * StreamingText Component
465
- *
466
- * Provides typewriter animation for streaming AI responses.
467
- *
468
- * @see specs/015-restyle-ai-chat/spec.md:FR-031, FR-042
469
- * @see UI_COMPONENTS_SSE.md:548-595
470
- */
471
- interface StreamingTextProps {
472
- /** The text content to display */
473
- content: string;
474
- /** Whether text is currently streaming */
475
- isStreaming?: boolean;
476
- /** Typing speed in milliseconds per character */
477
- typingSpeed?: number;
478
- /** Whether to show blinking cursor */
479
- cursor?: boolean;
480
- /** Visual variant */
481
- variant?: 'default' | 'code' | 'markdown';
482
- /** Callback when streaming completes */
483
- onStreamComplete?: () => void;
484
- /** Additional CSS class name */
485
- className?: string;
486
- }
487
- /**
488
- * StreamingText component with typewriter animation
489
- *
490
- * Features:
491
- * - Character-by-character streaming animation
492
- * - Configurable typing speed
493
- * - Optional blinking cursor
494
- * - Code and markdown variants
495
- * - Completion callback
496
- */
497
- declare const StreamingText: React.FC<StreamingTextProps>;
498
-
499
- /**
500
- * StreamErrorMessage Component
501
- *
502
- * Displays inline chat errors with retry support.
503
- *
504
- * @see specs/015-restyle-ai-chat/spec.md
505
- */
506
-
507
- interface StreamErrorMessageProps {
508
- /** Error message to display */
509
- error: string | Error;
510
- /** Visual variant */
511
- variant?: 'inline' | 'banner';
512
- /** Whether the error can be retried */
513
- retryable?: boolean;
514
- /** Callback when retry is clicked */
515
- onRetry?: () => void;
516
- /** Callback when dismiss is clicked */
517
- onDismiss?: () => void;
518
- /** Additional error details */
519
- details?: string;
520
- /** Custom className */
521
- className?: string;
522
- }
523
- /**
524
- * StreamErrorMessage component for inline chat errors
525
- *
526
- * Features:
527
- * - Inline and banner variants
528
- * - Retry support for recoverable errors
529
- * - Dismissible errors
530
- * - Error details display
531
- * - Accessible error reporting
532
- */
533
- declare const StreamErrorMessage: React__default.FC<StreamErrorMessageProps>;
534
-
535
- /**
536
- * StreamStatusIndicator Component
537
- *
538
- * Displays connection status for streaming chat (SSE).
539
- *
540
- * @see specs/015-restyle-ai-chat/spec.md
541
- */
542
-
543
- interface StreamStatusIndicatorProps {
544
- /** Connection status */
545
- status: 'connected' | 'streaming' | 'disconnected' | 'reconnecting';
546
- /** Visual variant */
547
- variant?: 'dot' | 'badge';
548
- /** Size of the indicator */
549
- size?: 'sm' | 'md' | 'lg';
550
- /** Whether to show text label */
551
- showLabel?: boolean;
552
- /** Custom className */
553
- className?: string;
554
- }
555
- /**
556
- * StreamStatusIndicator component for showing connection status
557
- *
558
- * Features:
559
- * - Visual status indicators (connected/streaming/disconnected/reconnecting)
560
- * - Color-coded status (green/blue/red/yellow)
561
- * - Pulsing animation for streaming state
562
- * - Dot and badge variants
563
- * - Size options (sm/md/lg)
564
- * - Optional text labels
565
- */
566
- declare const StreamStatusIndicator: React__default.FC<StreamStatusIndicatorProps>;
567
-
568
- export { type Action as A, type ButtonProps as B, StreamingText as C, type StreamingTextProps as D, StreamErrorMessage as E, type FooterProps as F, type StreamErrorMessageProps as G, type HeaderProps as H, type InputProps as I, StreamStatusIndicator as J, type StreamStatusIndicatorProps as K, type Message as M, type ResponseProps as R, type SuggestionsProps as S, type UserMessageProps as U, type WindowProps as W, type ActionsLayout as a, type ActionsProps as b, type ActionVariant as c, Actions as d, type AgentStateProps as e, AgentState as f, type ButtonSize as g, type ButtonVariant as h, Button as i, Footer as j, Header as k, Input as l, type AssistantMessageProps as m, type FileAttachmentProps as n, type MessagesListProps as o, type MessagesProps as p, AssistantMessage as q, FileAttachment as r, Messages as s, MessagesList as t, MessagesListContainer as u, MessagesListContent as v, UserMessage as w, Response as x, Suggestions as y, Window as z };
573
+ export { type Action as A, type ButtonProps as B, StreamingText as C, type StreamStatusIndicatorProps as D, StreamStatusIndicator as E, type FooterProps as F, type SuggestionsProps as G, type HeaderProps as H, type InputProps as I, Suggestions as J, Window as K, type Message as M, type ResponseProps as R, type StreamErrorMessageProps as S, type UserMessageProps as U, type WindowProps as W, type ActionsLayout as a, type ActionsProps as b, type ActionVariant as c, Actions as d, type AgentStateProps as e, AgentState as f, type ButtonSize as g, type ButtonVariant as h, Button as i, Footer as j, Header as k, Input as l, type AssistantMessageProps as m, type FileAttachmentProps as n, type MessagesListProps as o, type MessagesProps as p, AssistantMessage as q, FileAttachment as r, Messages as s, MessagesList as t, MessagesListContainer as u, MessagesListContent as v, UserMessage as w, Response as x, StreamErrorMessage as y, type StreamingTextProps as z };
@@ -108,6 +108,11 @@ interface HeaderProps {
108
108
  * Optional subtitle text displayed below the title
109
109
  */
110
110
  subtitle?: string;
111
+ /**
112
+ * Optional stream status indicator (connected/streaming/disconnected/reconnecting)
113
+ * When provided, displays a StreamStatusIndicator next to the title
114
+ */
115
+ streamStatus?: 'connected' | 'streaming' | 'disconnected' | 'reconnecting';
111
116
  /**
112
117
  * Callback function triggered when the close button is clicked
113
118
  */
@@ -375,6 +380,111 @@ interface ResponseProps {
375
380
  */
376
381
  declare const Response: ({ isLoading, isTyping, isStreaming, streamingContent, message, className, }: ResponseProps) => react_jsx_runtime.JSX.Element | null;
377
382
 
383
+ /**
384
+ * StreamErrorMessage Component
385
+ *
386
+ * Displays inline chat errors with retry support.
387
+ *
388
+ * @see specs/015-restyle-ai-chat/spec.md
389
+ */
390
+
391
+ interface StreamErrorMessageProps {
392
+ /** Error message to display */
393
+ error: string | Error;
394
+ /** Visual variant */
395
+ variant?: 'inline' | 'banner';
396
+ /** Whether the error can be retried */
397
+ retryable?: boolean;
398
+ /** Callback when retry is clicked */
399
+ onRetry?: () => void;
400
+ /** Callback when dismiss is clicked */
401
+ onDismiss?: () => void;
402
+ /** Additional error details */
403
+ details?: string;
404
+ /** Custom className */
405
+ className?: string;
406
+ }
407
+ /**
408
+ * StreamErrorMessage component for inline chat errors
409
+ *
410
+ * Features:
411
+ * - Inline and banner variants
412
+ * - Retry support for recoverable errors
413
+ * - Dismissible errors
414
+ * - Error details display
415
+ * - Accessible error reporting
416
+ */
417
+ declare const StreamErrorMessage: React__default.FC<StreamErrorMessageProps>;
418
+
419
+ /**
420
+ * StreamingText Component
421
+ *
422
+ * Provides typewriter animation for streaming AI responses.
423
+ *
424
+ * @see specs/015-restyle-ai-chat/spec.md:FR-031, FR-042
425
+ * @see UI_COMPONENTS_SSE.md:548-595
426
+ */
427
+ interface StreamingTextProps {
428
+ /** The text content to display */
429
+ content: string;
430
+ /** Whether text is currently streaming */
431
+ isStreaming?: boolean;
432
+ /** Typing speed in milliseconds per character */
433
+ typingSpeed?: number;
434
+ /** Whether to show blinking cursor */
435
+ cursor?: boolean;
436
+ /** Visual variant */
437
+ variant?: 'default' | 'code' | 'markdown';
438
+ /** Callback when streaming completes */
439
+ onStreamComplete?: () => void;
440
+ /** Additional CSS class name */
441
+ className?: string;
442
+ }
443
+ /**
444
+ * StreamingText component with typewriter animation
445
+ *
446
+ * Features:
447
+ * - Character-by-character streaming animation
448
+ * - Configurable typing speed
449
+ * - Optional blinking cursor
450
+ * - Code and markdown variants
451
+ * - Completion callback
452
+ */
453
+ declare const StreamingText: React.FC<StreamingTextProps>;
454
+
455
+ /**
456
+ * StreamStatusIndicator Component
457
+ *
458
+ * Displays connection status for streaming chat (SSE).
459
+ *
460
+ * @see specs/015-restyle-ai-chat/spec.md
461
+ */
462
+
463
+ interface StreamStatusIndicatorProps {
464
+ /** Connection status */
465
+ status: 'connected' | 'streaming' | 'disconnected' | 'reconnecting';
466
+ /** Visual variant */
467
+ variant?: 'dot' | 'badge';
468
+ /** Size of the indicator */
469
+ size?: 'sm' | 'md' | 'lg';
470
+ /** Whether to show text label */
471
+ showLabel?: boolean;
472
+ /** Custom className */
473
+ className?: string;
474
+ }
475
+ /**
476
+ * StreamStatusIndicator component for showing connection status
477
+ *
478
+ * Features:
479
+ * - Visual status indicators (connected/streaming/disconnected/reconnecting)
480
+ * - Color-coded status (green/blue/red/yellow)
481
+ * - Pulsing animation for streaming state
482
+ * - Dot and badge variants
483
+ * - Size options (sm/md/lg)
484
+ * - Optional text labels
485
+ */
486
+ declare const StreamStatusIndicator: React__default.FC<StreamStatusIndicatorProps>;
487
+
378
488
  interface SuggestionsProps {
379
489
  suggestions: string[];
380
490
  onSelect: (suggestion: string) => void;
@@ -460,109 +570,4 @@ interface WindowProps {
460
570
  */
461
571
  declare const Window: React__default.FC<WindowProps>;
462
572
 
463
- /**
464
- * StreamingText Component
465
- *
466
- * Provides typewriter animation for streaming AI responses.
467
- *
468
- * @see specs/015-restyle-ai-chat/spec.md:FR-031, FR-042
469
- * @see UI_COMPONENTS_SSE.md:548-595
470
- */
471
- interface StreamingTextProps {
472
- /** The text content to display */
473
- content: string;
474
- /** Whether text is currently streaming */
475
- isStreaming?: boolean;
476
- /** Typing speed in milliseconds per character */
477
- typingSpeed?: number;
478
- /** Whether to show blinking cursor */
479
- cursor?: boolean;
480
- /** Visual variant */
481
- variant?: 'default' | 'code' | 'markdown';
482
- /** Callback when streaming completes */
483
- onStreamComplete?: () => void;
484
- /** Additional CSS class name */
485
- className?: string;
486
- }
487
- /**
488
- * StreamingText component with typewriter animation
489
- *
490
- * Features:
491
- * - Character-by-character streaming animation
492
- * - Configurable typing speed
493
- * - Optional blinking cursor
494
- * - Code and markdown variants
495
- * - Completion callback
496
- */
497
- declare const StreamingText: React.FC<StreamingTextProps>;
498
-
499
- /**
500
- * StreamErrorMessage Component
501
- *
502
- * Displays inline chat errors with retry support.
503
- *
504
- * @see specs/015-restyle-ai-chat/spec.md
505
- */
506
-
507
- interface StreamErrorMessageProps {
508
- /** Error message to display */
509
- error: string | Error;
510
- /** Visual variant */
511
- variant?: 'inline' | 'banner';
512
- /** Whether the error can be retried */
513
- retryable?: boolean;
514
- /** Callback when retry is clicked */
515
- onRetry?: () => void;
516
- /** Callback when dismiss is clicked */
517
- onDismiss?: () => void;
518
- /** Additional error details */
519
- details?: string;
520
- /** Custom className */
521
- className?: string;
522
- }
523
- /**
524
- * StreamErrorMessage component for inline chat errors
525
- *
526
- * Features:
527
- * - Inline and banner variants
528
- * - Retry support for recoverable errors
529
- * - Dismissible errors
530
- * - Error details display
531
- * - Accessible error reporting
532
- */
533
- declare const StreamErrorMessage: React__default.FC<StreamErrorMessageProps>;
534
-
535
- /**
536
- * StreamStatusIndicator Component
537
- *
538
- * Displays connection status for streaming chat (SSE).
539
- *
540
- * @see specs/015-restyle-ai-chat/spec.md
541
- */
542
-
543
- interface StreamStatusIndicatorProps {
544
- /** Connection status */
545
- status: 'connected' | 'streaming' | 'disconnected' | 'reconnecting';
546
- /** Visual variant */
547
- variant?: 'dot' | 'badge';
548
- /** Size of the indicator */
549
- size?: 'sm' | 'md' | 'lg';
550
- /** Whether to show text label */
551
- showLabel?: boolean;
552
- /** Custom className */
553
- className?: string;
554
- }
555
- /**
556
- * StreamStatusIndicator component for showing connection status
557
- *
558
- * Features:
559
- * - Visual status indicators (connected/streaming/disconnected/reconnecting)
560
- * - Color-coded status (green/blue/red/yellow)
561
- * - Pulsing animation for streaming state
562
- * - Dot and badge variants
563
- * - Size options (sm/md/lg)
564
- * - Optional text labels
565
- */
566
- declare const StreamStatusIndicator: React__default.FC<StreamStatusIndicatorProps>;
567
-
568
- export { type Action as A, type ButtonProps as B, StreamingText as C, type StreamingTextProps as D, StreamErrorMessage as E, type FooterProps as F, type StreamErrorMessageProps as G, type HeaderProps as H, type InputProps as I, StreamStatusIndicator as J, type StreamStatusIndicatorProps as K, type Message as M, type ResponseProps as R, type SuggestionsProps as S, type UserMessageProps as U, type WindowProps as W, type ActionsLayout as a, type ActionsProps as b, type ActionVariant as c, Actions as d, type AgentStateProps as e, AgentState as f, type ButtonSize as g, type ButtonVariant as h, Button as i, Footer as j, Header as k, Input as l, type AssistantMessageProps as m, type FileAttachmentProps as n, type MessagesListProps as o, type MessagesProps as p, AssistantMessage as q, FileAttachment as r, Messages as s, MessagesList as t, MessagesListContainer as u, MessagesListContent as v, UserMessage as w, Response as x, Suggestions as y, Window as z };
573
+ export { type Action as A, type ButtonProps as B, StreamingText as C, type StreamStatusIndicatorProps as D, StreamStatusIndicator as E, type FooterProps as F, type SuggestionsProps as G, type HeaderProps as H, type InputProps as I, Suggestions as J, Window as K, type Message as M, type ResponseProps as R, type StreamErrorMessageProps as S, type UserMessageProps as U, type WindowProps as W, type ActionsLayout as a, type ActionsProps as b, type ActionVariant as c, Actions as d, type AgentStateProps as e, AgentState as f, type ButtonSize as g, type ButtonVariant as h, Button as i, Footer as j, Header as k, Input as l, type AssistantMessageProps as m, type FileAttachmentProps as n, type MessagesListProps as o, type MessagesProps as p, AssistantMessage as q, FileAttachment as r, Messages as s, MessagesList as t, MessagesListContainer as u, MessagesListContent as v, UserMessage as w, Response as x, StreamErrorMessage as y, type StreamingTextProps as z };