@tambo-ai/react 0.72.0 → 0.73.0

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 (129) hide show
  1. package/dist/v1/hooks/use-tambo-v1-messages.test.js +22 -9
  2. package/dist/v1/hooks/use-tambo-v1-messages.test.js.map +1 -1
  3. package/dist/v1/hooks/use-tambo-v1-send-message.d.ts +1 -0
  4. package/dist/v1/hooks/use-tambo-v1-send-message.d.ts.map +1 -1
  5. package/dist/v1/hooks/use-tambo-v1-send-message.js +9 -2
  6. package/dist/v1/hooks/use-tambo-v1-send-message.js.map +1 -1
  7. package/dist/v1/hooks/use-tambo-v1-send-message.test.js +22 -9
  8. package/dist/v1/hooks/use-tambo-v1-send-message.test.js.map +1 -1
  9. package/dist/v1/hooks/use-tambo-v1-suggestions.d.ts +91 -0
  10. package/dist/v1/hooks/use-tambo-v1-suggestions.d.ts.map +1 -0
  11. package/dist/v1/hooks/use-tambo-v1-suggestions.js +152 -0
  12. package/dist/v1/hooks/use-tambo-v1-suggestions.js.map +1 -0
  13. package/dist/v1/hooks/use-tambo-v1-suggestions.test.d.ts +2 -0
  14. package/dist/v1/hooks/use-tambo-v1-suggestions.test.d.ts.map +1 -0
  15. package/dist/v1/hooks/use-tambo-v1-suggestions.test.js +511 -0
  16. package/dist/v1/hooks/use-tambo-v1-suggestions.test.js.map +1 -0
  17. package/dist/v1/hooks/use-tambo-v1-thread-input.d.ts +6 -57
  18. package/dist/v1/hooks/use-tambo-v1-thread-input.d.ts.map +1 -1
  19. package/dist/v1/hooks/use-tambo-v1-thread-input.js +7 -67
  20. package/dist/v1/hooks/use-tambo-v1-thread-input.js.map +1 -1
  21. package/dist/v1/hooks/use-tambo-v1-thread-input.test.js +201 -72
  22. package/dist/v1/hooks/use-tambo-v1-thread-input.test.js.map +1 -1
  23. package/dist/v1/hooks/use-tambo-v1-thread-list.d.ts +6 -4
  24. package/dist/v1/hooks/use-tambo-v1-thread-list.d.ts.map +1 -1
  25. package/dist/v1/hooks/use-tambo-v1-thread-list.js +2 -2
  26. package/dist/v1/hooks/use-tambo-v1-thread-list.js.map +1 -1
  27. package/dist/v1/hooks/use-tambo-v1-thread-list.test.js +2 -2
  28. package/dist/v1/hooks/use-tambo-v1-thread-list.test.js.map +1 -1
  29. package/dist/v1/hooks/use-tambo-v1.test.js +16 -7
  30. package/dist/v1/hooks/use-tambo-v1.test.js.map +1 -1
  31. package/dist/v1/index.d.ts +22 -13
  32. package/dist/v1/index.d.ts.map +1 -1
  33. package/dist/v1/index.js +31 -39
  34. package/dist/v1/index.js.map +1 -1
  35. package/dist/v1/providers/tambo-v1-provider.d.ts +27 -9
  36. package/dist/v1/providers/tambo-v1-provider.d.ts.map +1 -1
  37. package/dist/v1/providers/tambo-v1-provider.js +22 -11
  38. package/dist/v1/providers/tambo-v1-provider.js.map +1 -1
  39. package/dist/v1/providers/tambo-v1-provider.test.js +27 -10
  40. package/dist/v1/providers/tambo-v1-provider.test.js.map +1 -1
  41. package/dist/v1/providers/tambo-v1-stream-context.d.ts +19 -10
  42. package/dist/v1/providers/tambo-v1-stream-context.d.ts.map +1 -1
  43. package/dist/v1/providers/tambo-v1-stream-context.js +43 -53
  44. package/dist/v1/providers/tambo-v1-stream-context.js.map +1 -1
  45. package/dist/v1/providers/tambo-v1-stream-context.test.js +94 -19
  46. package/dist/v1/providers/tambo-v1-stream-context.test.js.map +1 -1
  47. package/dist/v1/providers/tambo-v1-stub-provider.d.ts +74 -0
  48. package/dist/v1/providers/tambo-v1-stub-provider.d.ts.map +1 -0
  49. package/dist/v1/providers/tambo-v1-stub-provider.js +212 -0
  50. package/dist/v1/providers/tambo-v1-stub-provider.js.map +1 -0
  51. package/dist/v1/providers/tambo-v1-stub-provider.test.d.ts +2 -0
  52. package/dist/v1/providers/tambo-v1-stub-provider.test.d.ts.map +1 -0
  53. package/dist/v1/providers/tambo-v1-stub-provider.test.js +162 -0
  54. package/dist/v1/providers/tambo-v1-stub-provider.test.js.map +1 -0
  55. package/dist/v1/providers/tambo-v1-thread-input-provider.d.ts +105 -0
  56. package/dist/v1/providers/tambo-v1-thread-input-provider.d.ts.map +1 -0
  57. package/dist/v1/providers/tambo-v1-thread-input-provider.js +191 -0
  58. package/dist/v1/providers/tambo-v1-thread-input-provider.js.map +1 -0
  59. package/dist/v1/utils/component-renderer.d.ts +15 -67
  60. package/dist/v1/utils/component-renderer.d.ts.map +1 -1
  61. package/dist/v1/utils/component-renderer.js +3 -149
  62. package/dist/v1/utils/component-renderer.js.map +1 -1
  63. package/dist/v1/utils/component-renderer.test.js +15 -350
  64. package/dist/v1/utils/component-renderer.test.js.map +1 -1
  65. package/esm/v1/hooks/use-tambo-v1-messages.test.js +22 -9
  66. package/esm/v1/hooks/use-tambo-v1-messages.test.js.map +1 -1
  67. package/esm/v1/hooks/use-tambo-v1-send-message.d.ts +1 -0
  68. package/esm/v1/hooks/use-tambo-v1-send-message.d.ts.map +1 -1
  69. package/esm/v1/hooks/use-tambo-v1-send-message.js +9 -2
  70. package/esm/v1/hooks/use-tambo-v1-send-message.js.map +1 -1
  71. package/esm/v1/hooks/use-tambo-v1-send-message.test.js +22 -9
  72. package/esm/v1/hooks/use-tambo-v1-send-message.test.js.map +1 -1
  73. package/esm/v1/hooks/use-tambo-v1-suggestions.d.ts +91 -0
  74. package/esm/v1/hooks/use-tambo-v1-suggestions.d.ts.map +1 -0
  75. package/esm/v1/hooks/use-tambo-v1-suggestions.js +149 -0
  76. package/esm/v1/hooks/use-tambo-v1-suggestions.js.map +1 -0
  77. package/esm/v1/hooks/use-tambo-v1-suggestions.test.d.ts +2 -0
  78. package/esm/v1/hooks/use-tambo-v1-suggestions.test.d.ts.map +1 -0
  79. package/esm/v1/hooks/use-tambo-v1-suggestions.test.js +506 -0
  80. package/esm/v1/hooks/use-tambo-v1-suggestions.test.js.map +1 -0
  81. package/esm/v1/hooks/use-tambo-v1-thread-input.d.ts +6 -57
  82. package/esm/v1/hooks/use-tambo-v1-thread-input.d.ts.map +1 -1
  83. package/esm/v1/hooks/use-tambo-v1-thread-input.js +5 -66
  84. package/esm/v1/hooks/use-tambo-v1-thread-input.js.map +1 -1
  85. package/esm/v1/hooks/use-tambo-v1-thread-input.test.js +199 -73
  86. package/esm/v1/hooks/use-tambo-v1-thread-input.test.js.map +1 -1
  87. package/esm/v1/hooks/use-tambo-v1-thread-list.d.ts +6 -4
  88. package/esm/v1/hooks/use-tambo-v1-thread-list.d.ts.map +1 -1
  89. package/esm/v1/hooks/use-tambo-v1-thread-list.js +2 -2
  90. package/esm/v1/hooks/use-tambo-v1-thread-list.js.map +1 -1
  91. package/esm/v1/hooks/use-tambo-v1-thread-list.test.js +2 -2
  92. package/esm/v1/hooks/use-tambo-v1-thread-list.test.js.map +1 -1
  93. package/esm/v1/hooks/use-tambo-v1.test.js +16 -7
  94. package/esm/v1/hooks/use-tambo-v1.test.js.map +1 -1
  95. package/esm/v1/index.d.ts +22 -13
  96. package/esm/v1/index.d.ts.map +1 -1
  97. package/esm/v1/index.js +23 -18
  98. package/esm/v1/index.js.map +1 -1
  99. package/esm/v1/providers/tambo-v1-provider.d.ts +27 -9
  100. package/esm/v1/providers/tambo-v1-provider.d.ts.map +1 -1
  101. package/esm/v1/providers/tambo-v1-provider.js +20 -10
  102. package/esm/v1/providers/tambo-v1-provider.js.map +1 -1
  103. package/esm/v1/providers/tambo-v1-provider.test.js +28 -11
  104. package/esm/v1/providers/tambo-v1-provider.test.js.map +1 -1
  105. package/esm/v1/providers/tambo-v1-stream-context.d.ts +19 -10
  106. package/esm/v1/providers/tambo-v1-stream-context.d.ts.map +1 -1
  107. package/esm/v1/providers/tambo-v1-stream-context.js +44 -54
  108. package/esm/v1/providers/tambo-v1-stream-context.js.map +1 -1
  109. package/esm/v1/providers/tambo-v1-stream-context.test.js +95 -20
  110. package/esm/v1/providers/tambo-v1-stream-context.test.js.map +1 -1
  111. package/esm/v1/providers/tambo-v1-stub-provider.d.ts +74 -0
  112. package/esm/v1/providers/tambo-v1-stub-provider.d.ts.map +1 -0
  113. package/esm/v1/providers/tambo-v1-stub-provider.js +176 -0
  114. package/esm/v1/providers/tambo-v1-stub-provider.js.map +1 -0
  115. package/esm/v1/providers/tambo-v1-stub-provider.test.d.ts +2 -0
  116. package/esm/v1/providers/tambo-v1-stub-provider.test.d.ts.map +1 -0
  117. package/esm/v1/providers/tambo-v1-stub-provider.test.js +157 -0
  118. package/esm/v1/providers/tambo-v1-stub-provider.test.js.map +1 -0
  119. package/esm/v1/providers/tambo-v1-thread-input-provider.d.ts +105 -0
  120. package/esm/v1/providers/tambo-v1-thread-input-provider.d.ts.map +1 -0
  121. package/esm/v1/providers/tambo-v1-thread-input-provider.js +153 -0
  122. package/esm/v1/providers/tambo-v1-thread-input-provider.js.map +1 -0
  123. package/esm/v1/utils/component-renderer.d.ts +15 -67
  124. package/esm/v1/utils/component-renderer.d.ts.map +1 -1
  125. package/esm/v1/utils/component-renderer.js +4 -146
  126. package/esm/v1/utils/component-renderer.js.map +1 -1
  127. package/esm/v1/utils/component-renderer.test.js +16 -351
  128. package/esm/v1/utils/component-renderer.test.js.map +1 -1
  129. package/package.json +2 -2
@@ -0,0 +1,91 @@
1
+ /**
2
+ * useTamboV1Suggestions - Suggestions Hook for v1 API
3
+ *
4
+ * Provides AI-generated suggestions based on the current thread state.
5
+ * Uses the shared thread input context so accepting a suggestion
6
+ * automatically updates the input field.
7
+ */
8
+ import TamboAI from "@tambo-ai/typescript-sdk";
9
+ import { type UseTamboMutationResult, type UseTamboQueryResult } from "../../hooks/react-query-hooks";
10
+ import { CombinedMutationResult } from "../../util/query-utils";
11
+ type Suggestion = TamboAI.Beta.Threads.Suggestion;
12
+ type SuggestionGenerateResponse = TamboAI.Beta.Threads.Suggestions.SuggestionGenerateResponse;
13
+ type SuggestionsMutationData = void | SuggestionGenerateResponse;
14
+ /**
15
+ * Configuration options for the useTamboV1Suggestions hook
16
+ */
17
+ export interface UseTamboV1SuggestionsOptions {
18
+ /** Maximum number of suggestions to generate (1-10, default 3) */
19
+ maxSuggestions?: number;
20
+ }
21
+ /**
22
+ * Return value interface for useTamboV1Suggestions hook
23
+ */
24
+ export interface UseTamboV1SuggestionsResultInternal {
25
+ /** List of available suggestions */
26
+ suggestions: Suggestion[];
27
+ /** ID of the currently selected suggestion */
28
+ selectedSuggestionId: string | null;
29
+ /**
30
+ * Accept and apply a suggestion.
31
+ * If shouldSubmit is false, updates the shared input context value.
32
+ * If shouldSubmit is true, submits the suggestion directly.
33
+ * @param suggestion - The suggestion to accept
34
+ * @param shouldSubmit - Whether to automatically submit after accepting (default: false)
35
+ */
36
+ accept: (acceptOptions: {
37
+ suggestion: Suggestion;
38
+ shouldSubmit?: boolean;
39
+ }) => Promise<void>;
40
+ /** Result and network state for accepting a suggestion */
41
+ acceptResult: UseTamboMutationResult<void, Error, {
42
+ suggestion: Suggestion;
43
+ shouldSubmit?: boolean;
44
+ }>;
45
+ /** Result and network state for generating suggestions */
46
+ generateResult: UseTamboMutationResult<SuggestionGenerateResponse, Error, AbortController>;
47
+ /** The full suggestions query object from React Query */
48
+ suggestionsResult: UseTamboQueryResult<SuggestionGenerateResponse>;
49
+ }
50
+ type UseTamboV1SuggestionsResult = CombinedMutationResult<SuggestionsMutationData, Error> & UseTamboV1SuggestionsResultInternal;
51
+ /**
52
+ * Hook for managing Tambo AI suggestions in a v1 thread.
53
+ *
54
+ * Automatically generates suggestions when the latest message is from the assistant
55
+ * and the thread is idle (not streaming).
56
+ *
57
+ * Uses the shared thread input context, so accepting a suggestion without submitting
58
+ * will automatically update the input field value for any component using
59
+ * useTamboV1ThreadInput.
60
+ * @param options - Configuration options for suggestion generation
61
+ * @returns Object containing suggestions state and control functions
62
+ * @example
63
+ * ```tsx
64
+ * function SuggestionsPanel() {
65
+ * const { suggestions, accept, isPending } = useTamboV1Suggestions();
66
+ *
67
+ * return (
68
+ * <div>
69
+ * {suggestions.map(suggestion => (
70
+ * <button
71
+ * key={suggestion.id}
72
+ * onClick={() => accept({ suggestion })}
73
+ * disabled={isPending}
74
+ * >
75
+ * {suggestion.suggestion}
76
+ * </button>
77
+ * ))}
78
+ * </div>
79
+ * );
80
+ * }
81
+ *
82
+ * function ChatInput() {
83
+ * // This input will automatically show the accepted suggestion
84
+ * const { value, setValue, submit } = useTamboV1ThreadInput();
85
+ * return <input value={value} onChange={e => setValue(e.target.value)} />;
86
+ * }
87
+ * ```
88
+ */
89
+ export declare function useTamboV1Suggestions(options?: UseTamboV1SuggestionsOptions): UseTamboV1SuggestionsResult;
90
+ export {};
91
+ //# sourceMappingURL=use-tambo-v1-suggestions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-tambo-v1-suggestions.d.ts","sourceRoot":"","sources":["../../../src/v1/hooks/use-tambo-v1-suggestions.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAK/C,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,sBAAsB,EAEvB,MAAM,wBAAwB,CAAC;AAIhC,KAAK,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AAGlD,KAAK,0BAA0B,GAC7B,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,0BAA0B,CAAC;AAE9D,KAAK,uBAAuB,GAAG,IAAI,GAAG,0BAA0B,CAAC;AAkBjE;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAClD,oCAAoC;IACpC,WAAW,EAAE,UAAU,EAAE,CAAC;IAE1B,8CAA8C;IAC9C,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpC;;;;;;OAMG;IACH,MAAM,EAAE,CAAC,aAAa,EAAE;QACtB,UAAU,EAAE,UAAU,CAAC;QACvB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEpB,0DAA0D;IAC1D,YAAY,EAAE,sBAAsB,CAClC,IAAI,EACJ,KAAK,EACL;QAAE,UAAU,EAAE,UAAU,CAAC;QAAC,YAAY,CAAC,EAAE,OAAO,CAAA;KAAE,CACnD,CAAC;IAEF,0DAA0D;IAC1D,cAAc,EAAE,sBAAsB,CACpC,0BAA0B,EAC1B,KAAK,EACL,eAAe,CAChB,CAAC;IAEF,yDAAyD;IACzD,iBAAiB,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;CACpE;AAED,KAAK,2BAA2B,GAAG,sBAAsB,CACvD,uBAAuB,EACvB,KAAK,CACN,GACC,mCAAmC,CAAC;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,qBAAqB,CACnC,OAAO,GAAE,4BAAiC,GACzC,2BAA2B,CA8I7B"}
@@ -0,0 +1,149 @@
1
+ "use client";
2
+ import { useCallback, useEffect, useState } from "react";
3
+ import { useTamboClient } from "../../providers/tambo-client-provider";
4
+ import { useTamboRegistry } from "../../providers/tambo-registry-provider";
5
+ import { getAvailableComponents } from "../../util/registry";
6
+ import { useTamboMutation, useTamboQuery, } from "../../hooks/react-query-hooks";
7
+ import { combineMutationResults, } from "../../util/query-utils";
8
+ import { useTamboV1 } from "./use-tambo-v1";
9
+ import { useTamboV1ThreadInput } from "./use-tambo-v1-thread-input";
10
+ function normalizeSuggestionGenerateResponse(response) {
11
+ if (response === undefined) {
12
+ return [];
13
+ }
14
+ if (Array.isArray(response)) {
15
+ return response;
16
+ }
17
+ throw new Error("Unexpected suggestions.generate response shape; expected an array");
18
+ }
19
+ /**
20
+ * Hook for managing Tambo AI suggestions in a v1 thread.
21
+ *
22
+ * Automatically generates suggestions when the latest message is from the assistant
23
+ * and the thread is idle (not streaming).
24
+ *
25
+ * Uses the shared thread input context, so accepting a suggestion without submitting
26
+ * will automatically update the input field value for any component using
27
+ * useTamboV1ThreadInput.
28
+ * @param options - Configuration options for suggestion generation
29
+ * @returns Object containing suggestions state and control functions
30
+ * @example
31
+ * ```tsx
32
+ * function SuggestionsPanel() {
33
+ * const { suggestions, accept, isPending } = useTamboV1Suggestions();
34
+ *
35
+ * return (
36
+ * <div>
37
+ * {suggestions.map(suggestion => (
38
+ * <button
39
+ * key={suggestion.id}
40
+ * onClick={() => accept({ suggestion })}
41
+ * disabled={isPending}
42
+ * >
43
+ * {suggestion.suggestion}
44
+ * </button>
45
+ * ))}
46
+ * </div>
47
+ * );
48
+ * }
49
+ *
50
+ * function ChatInput() {
51
+ * // This input will automatically show the accepted suggestion
52
+ * const { value, setValue, submit } = useTamboV1ThreadInput();
53
+ * return <input value={value} onChange={e => setValue(e.target.value)} />;
54
+ * }
55
+ * ```
56
+ */
57
+ export function useTamboV1Suggestions(options = {}) {
58
+ const { maxSuggestions = 3 } = options;
59
+ // Use shared thread input context
60
+ const { setValue, submit, threadId } = useTamboV1ThreadInput();
61
+ const { messages, isIdle } = useTamboV1(threadId);
62
+ const tamboClient = useTamboClient();
63
+ const { componentList, toolRegistry, componentToolAssociations } = useTamboRegistry();
64
+ const [selectedSuggestionId, setSelectedSuggestionId] = useState(null);
65
+ const latestMessage = messages[messages.length - 1];
66
+ const isLatestFromAssistant = latestMessage?.role === "assistant";
67
+ const latestMessageId = latestMessage?.id;
68
+ // Reset selected suggestion when the message changes
69
+ useEffect(() => {
70
+ setSelectedSuggestionId(null);
71
+ }, [latestMessageId]);
72
+ const shouldGenerateSuggestions = latestMessageId && isLatestFromAssistant && isIdle && threadId;
73
+ // Use React Query to fetch suggestions when conditions are met
74
+ const suggestionsResult = useTamboQuery({
75
+ queryKey: [
76
+ "v1-suggestions",
77
+ shouldGenerateSuggestions ? latestMessageId : null,
78
+ ],
79
+ queryFn: async () => {
80
+ if (!shouldGenerateSuggestions || !threadId || !latestMessageId) {
81
+ return [];
82
+ }
83
+ // Get registered components from the registry
84
+ const components = getAvailableComponents(componentList, toolRegistry, componentToolAssociations);
85
+ const response = await tamboClient.beta.threads.suggestions.generate(latestMessageId, {
86
+ id: threadId,
87
+ maxSuggestions,
88
+ availableComponents: components,
89
+ });
90
+ return normalizeSuggestionGenerateResponse(response);
91
+ },
92
+ enabled: Boolean(shouldGenerateSuggestions),
93
+ refetchOnWindowFocus: false,
94
+ refetchOnReconnect: false,
95
+ retry: false,
96
+ });
97
+ // Accept suggestion mutation
98
+ const acceptMutationState = useTamboMutation({
99
+ mutationFn: async ({ suggestion, shouldSubmit = false }) => {
100
+ const text = suggestion.detailedSuggestion?.trim();
101
+ if (!text) {
102
+ throw new Error("Suggestion has no detailed content");
103
+ }
104
+ if (shouldSubmit) {
105
+ // Set the value first, then submit
106
+ setValue(text);
107
+ await submit();
108
+ }
109
+ else {
110
+ // Just update the shared input value
111
+ setValue(text);
112
+ }
113
+ setSelectedSuggestionId(suggestion.id);
114
+ },
115
+ });
116
+ // Generate suggestions mutation (for manual refresh)
117
+ const generateMutationState = useTamboMutation({
118
+ mutationFn: async (abortController) => {
119
+ if (!shouldGenerateSuggestions || !threadId || !latestMessageId) {
120
+ return [];
121
+ }
122
+ const components = getAvailableComponents(componentList, toolRegistry, componentToolAssociations);
123
+ const response = await tamboClient.beta.threads.suggestions.generate(latestMessageId, {
124
+ id: threadId,
125
+ maxSuggestions,
126
+ availableComponents: components,
127
+ }, { signal: abortController.signal });
128
+ return normalizeSuggestionGenerateResponse(response);
129
+ },
130
+ retry: false,
131
+ });
132
+ // Use query data if available, otherwise use mutation data
133
+ const suggestions = isLatestFromAssistant
134
+ ? (suggestionsResult.data ?? generateMutationState.data ?? [])
135
+ : [];
136
+ const accept = useCallback(async (acceptOptions) => {
137
+ await acceptMutationState.mutateAsync(acceptOptions);
138
+ }, [acceptMutationState]);
139
+ return {
140
+ suggestions,
141
+ accept,
142
+ selectedSuggestionId,
143
+ acceptResult: acceptMutationState,
144
+ generateResult: generateMutationState,
145
+ suggestionsResult,
146
+ ...combineMutationResults(acceptMutationState, generateMutationState),
147
+ };
148
+ }
149
+ //# sourceMappingURL=use-tambo-v1-suggestions.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-tambo-v1-suggestions.js","sourceRoot":"","sources":["../../../src/v1/hooks/use-tambo-v1-suggestions.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\n/**\n * useTamboV1Suggestions - Suggestions Hook for v1 API\n *\n * Provides AI-generated suggestions based on the current thread state.\n * Uses the shared thread input context so accepting a suggestion\n * automatically updates the input field.\n */\n\nimport TamboAI from \"@tambo-ai/typescript-sdk\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useTamboClient } from \"../../providers/tambo-client-provider\";\nimport { useTamboRegistry } from \"../../providers/tambo-registry-provider\";\nimport { getAvailableComponents } from \"../../util/registry\";\nimport {\n useTamboMutation,\n useTamboQuery,\n type UseTamboMutationResult,\n type UseTamboQueryResult,\n} from \"../../hooks/react-query-hooks\";\nimport {\n CombinedMutationResult,\n combineMutationResults,\n} from \"../../util/query-utils\";\nimport { useTamboV1 } from \"./use-tambo-v1\";\nimport { useTamboV1ThreadInput } from \"./use-tambo-v1-thread-input\";\n\ntype Suggestion = TamboAI.Beta.Threads.Suggestion;\n\n// The SDK defines this as an alias of `Suggestion[]`.\ntype SuggestionGenerateResponse =\n TamboAI.Beta.Threads.Suggestions.SuggestionGenerateResponse;\n\ntype SuggestionsMutationData = void | SuggestionGenerateResponse;\n\nfunction normalizeSuggestionGenerateResponse(\n response: unknown,\n): SuggestionGenerateResponse {\n if (response === undefined) {\n return [];\n }\n\n if (Array.isArray(response)) {\n return response as SuggestionGenerateResponse;\n }\n\n throw new Error(\n \"Unexpected suggestions.generate response shape; expected an array\",\n );\n}\n\n/**\n * Configuration options for the useTamboV1Suggestions hook\n */\nexport interface UseTamboV1SuggestionsOptions {\n /** Maximum number of suggestions to generate (1-10, default 3) */\n maxSuggestions?: number;\n}\n\n/**\n * Return value interface for useTamboV1Suggestions hook\n */\nexport interface UseTamboV1SuggestionsResultInternal {\n /** List of available suggestions */\n suggestions: Suggestion[];\n\n /** ID of the currently selected suggestion */\n selectedSuggestionId: string | null;\n\n /**\n * Accept and apply a suggestion.\n * If shouldSubmit is false, updates the shared input context value.\n * If shouldSubmit is true, submits the suggestion directly.\n * @param suggestion - The suggestion to accept\n * @param shouldSubmit - Whether to automatically submit after accepting (default: false)\n */\n accept: (acceptOptions: {\n suggestion: Suggestion;\n shouldSubmit?: boolean;\n }) => Promise<void>;\n\n /** Result and network state for accepting a suggestion */\n acceptResult: UseTamboMutationResult<\n void,\n Error,\n { suggestion: Suggestion; shouldSubmit?: boolean }\n >;\n\n /** Result and network state for generating suggestions */\n generateResult: UseTamboMutationResult<\n SuggestionGenerateResponse,\n Error,\n AbortController\n >;\n\n /** The full suggestions query object from React Query */\n suggestionsResult: UseTamboQueryResult<SuggestionGenerateResponse>;\n}\n\ntype UseTamboV1SuggestionsResult = CombinedMutationResult<\n SuggestionsMutationData,\n Error\n> &\n UseTamboV1SuggestionsResultInternal;\n\n/**\n * Hook for managing Tambo AI suggestions in a v1 thread.\n *\n * Automatically generates suggestions when the latest message is from the assistant\n * and the thread is idle (not streaming).\n *\n * Uses the shared thread input context, so accepting a suggestion without submitting\n * will automatically update the input field value for any component using\n * useTamboV1ThreadInput.\n * @param options - Configuration options for suggestion generation\n * @returns Object containing suggestions state and control functions\n * @example\n * ```tsx\n * function SuggestionsPanel() {\n * const { suggestions, accept, isPending } = useTamboV1Suggestions();\n *\n * return (\n * <div>\n * {suggestions.map(suggestion => (\n * <button\n * key={suggestion.id}\n * onClick={() => accept({ suggestion })}\n * disabled={isPending}\n * >\n * {suggestion.suggestion}\n * </button>\n * ))}\n * </div>\n * );\n * }\n *\n * function ChatInput() {\n * // This input will automatically show the accepted suggestion\n * const { value, setValue, submit } = useTamboV1ThreadInput();\n * return <input value={value} onChange={e => setValue(e.target.value)} />;\n * }\n * ```\n */\nexport function useTamboV1Suggestions(\n options: UseTamboV1SuggestionsOptions = {},\n): UseTamboV1SuggestionsResult {\n const { maxSuggestions = 3 } = options;\n\n // Use shared thread input context\n const { setValue, submit, threadId } = useTamboV1ThreadInput();\n\n const { messages, isIdle } = useTamboV1(threadId);\n const tamboClient = useTamboClient();\n const { componentList, toolRegistry, componentToolAssociations } =\n useTamboRegistry();\n\n const [selectedSuggestionId, setSelectedSuggestionId] = useState<\n string | null\n >(null);\n\n const latestMessage = messages[messages.length - 1];\n const isLatestFromAssistant = latestMessage?.role === \"assistant\";\n const latestMessageId = latestMessage?.id;\n\n // Reset selected suggestion when the message changes\n useEffect(() => {\n setSelectedSuggestionId(null);\n }, [latestMessageId]);\n\n const shouldGenerateSuggestions =\n latestMessageId && isLatestFromAssistant && isIdle && threadId;\n\n // Use React Query to fetch suggestions when conditions are met\n const suggestionsResult = useTamboQuery<SuggestionGenerateResponse>({\n queryKey: [\n \"v1-suggestions\",\n shouldGenerateSuggestions ? latestMessageId : null,\n ],\n queryFn: async () => {\n if (!shouldGenerateSuggestions || !threadId || !latestMessageId) {\n return [];\n }\n\n // Get registered components from the registry\n const components = getAvailableComponents(\n componentList,\n toolRegistry,\n componentToolAssociations,\n );\n\n const response = await tamboClient.beta.threads.suggestions.generate(\n latestMessageId,\n {\n id: threadId,\n maxSuggestions,\n availableComponents: components,\n },\n );\n\n return normalizeSuggestionGenerateResponse(response);\n },\n enabled: Boolean(shouldGenerateSuggestions),\n refetchOnWindowFocus: false,\n refetchOnReconnect: false,\n retry: false,\n });\n\n // Accept suggestion mutation\n const acceptMutationState = useTamboMutation<\n void,\n Error,\n { suggestion: Suggestion; shouldSubmit?: boolean }\n >({\n mutationFn: async ({ suggestion, shouldSubmit = false }) => {\n const text = suggestion.detailedSuggestion?.trim();\n if (!text) {\n throw new Error(\"Suggestion has no detailed content\");\n }\n\n if (shouldSubmit) {\n // Set the value first, then submit\n setValue(text);\n await submit();\n } else {\n // Just update the shared input value\n setValue(text);\n }\n setSelectedSuggestionId(suggestion.id);\n },\n });\n\n // Generate suggestions mutation (for manual refresh)\n const generateMutationState = useTamboMutation<\n SuggestionGenerateResponse,\n Error,\n AbortController\n >({\n mutationFn: async (abortController: AbortController) => {\n if (!shouldGenerateSuggestions || !threadId || !latestMessageId) {\n return [];\n }\n\n const components = getAvailableComponents(\n componentList,\n toolRegistry,\n componentToolAssociations,\n );\n\n const response = await tamboClient.beta.threads.suggestions.generate(\n latestMessageId,\n {\n id: threadId,\n maxSuggestions,\n availableComponents: components,\n },\n { signal: abortController.signal },\n );\n\n return normalizeSuggestionGenerateResponse(response);\n },\n retry: false,\n });\n\n // Use query data if available, otherwise use mutation data\n const suggestions = isLatestFromAssistant\n ? (suggestionsResult.data ?? generateMutationState.data ?? [])\n : [];\n\n const accept = useCallback(\n async (acceptOptions: {\n suggestion: Suggestion;\n shouldSubmit?: boolean;\n }) => {\n await acceptMutationState.mutateAsync(acceptOptions);\n },\n [acceptMutationState],\n );\n\n return {\n suggestions,\n accept,\n selectedSuggestionId,\n acceptResult: acceptMutationState,\n generateResult: generateMutationState,\n suggestionsResult,\n ...combineMutationResults(acceptMutationState, generateMutationState),\n };\n}\n"]}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=use-tambo-v1-suggestions.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-tambo-v1-suggestions.test.d.ts","sourceRoot":"","sources":["../../../src/v1/hooks/use-tambo-v1-suggestions.test.tsx"],"names":[],"mappings":""}