@assistant-ui/mcp-docs-server 0.2.0 → 0.2.1

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 (126) hide show
  1. package/.docs/organized/code-examples/waterfall.md +12 -13
  2. package/.docs/organized/code-examples/with-a2a.md +16 -11
  3. package/.docs/organized/code-examples/with-ag-ui.md +14 -12
  4. package/.docs/organized/code-examples/with-ai-sdk-v7.md +13 -12
  5. package/.docs/organized/code-examples/with-artifacts.md +13 -12
  6. package/.docs/organized/code-examples/with-assistant-transport.md +19 -27
  7. package/.docs/organized/code-examples/with-browser-extension.md +17 -10
  8. package/.docs/organized/code-examples/with-chain-of-thought.md +16 -14
  9. package/.docs/organized/code-examples/with-cloud-standalone.md +9 -10
  10. package/.docs/organized/code-examples/with-cloud.md +18 -13
  11. package/.docs/organized/code-examples/with-custom-thread-list.md +13 -12
  12. package/.docs/organized/code-examples/with-elevenlabs-conversational.md +13 -13
  13. package/.docs/organized/code-examples/with-elevenlabs-scribe.md +17 -15
  14. package/.docs/organized/code-examples/with-eve.md +65 -11
  15. package/.docs/organized/code-examples/with-expo.md +20 -19
  16. package/.docs/organized/code-examples/with-external-store.md +16 -11
  17. package/.docs/organized/code-examples/with-ffmpeg.md +20 -14
  18. package/.docs/organized/code-examples/with-generative-ui.md +16 -17
  19. package/.docs/organized/code-examples/with-google-adk.md +17 -12
  20. package/.docs/organized/code-examples/with-heat-graph.md +6 -7
  21. package/.docs/organized/code-examples/with-image-generation.md +9 -10
  22. package/.docs/organized/code-examples/with-interactables.md +13 -12
  23. package/.docs/organized/code-examples/with-langchain.md +7 -8
  24. package/.docs/organized/code-examples/with-langgraph.md +17 -11
  25. package/.docs/organized/code-examples/with-livekit.md +12 -12
  26. package/.docs/organized/code-examples/with-mcp.md +13 -14
  27. package/.docs/organized/code-examples/with-nuxt.md +2492 -0
  28. package/.docs/organized/code-examples/with-opencode.md +23 -14
  29. package/.docs/organized/code-examples/with-pi.md +59 -57
  30. package/.docs/organized/code-examples/with-react-hook-form.md +14 -13
  31. package/.docs/organized/code-examples/with-react-ink-web.md +7 -8
  32. package/.docs/organized/code-examples/with-react-ink.md +5 -5
  33. package/.docs/organized/code-examples/with-react-router.md +15 -9
  34. package/.docs/organized/code-examples/with-resumable-stream.md +11 -12
  35. package/.docs/organized/code-examples/with-store.md +27 -16
  36. package/.docs/organized/code-examples/with-tanstack.md +18 -12
  37. package/.docs/organized/code-examples/with-tap-runtime.md +15 -15
  38. package/.docs/organized/code-examples/with-virtualized-thread.md +8 -9
  39. package/.docs/organized/code-examples/with-vue.md +408 -0
  40. package/.docs/raw/docs/(docs)/cli.mdx +1 -1
  41. package/.docs/raw/docs/(docs)/index.mdx +9 -76
  42. package/.docs/raw/docs/(docs)/installation.mdx +4 -18
  43. package/.docs/raw/docs/(reference)/api-reference/context-providers/assistant-runtime-provider.mdx +24 -4
  44. package/.docs/raw/docs/(reference)/api-reference/integrations/eve.mdx +8 -0
  45. package/.docs/raw/docs/(reference)/api-reference/utilities/miscellaneous.mdx +24 -1
  46. package/.docs/raw/docs/cloud/ai-sdk-assistant-ui.mdx +1 -1
  47. package/.docs/raw/docs/cloud/ai-sdk.mdx +2 -2
  48. package/.docs/raw/docs/copilots/model-context.mdx +4 -3
  49. package/.docs/raw/docs/copilots/motivation.mdx +4 -4
  50. package/.docs/raw/docs/guides/chain-of-thought.mdx +1 -1
  51. package/.docs/raw/docs/guides/electron.mdx +1 -1
  52. package/.docs/raw/docs/guides/resumable-streams.mdx +74 -3
  53. package/.docs/raw/docs/guides/suggestions.mdx +9 -9
  54. package/.docs/raw/docs/ink/hooks.mdx +9 -4
  55. package/.docs/raw/docs/ink/primitives.mdx +4 -3
  56. package/.docs/raw/docs/integrations/attachments/custom-adapter.mdx +16 -0
  57. package/.docs/raw/docs/integrations/auth/better-auth.mdx +1 -1
  58. package/.docs/raw/docs/integrations/auth/clerk.mdx +1 -1
  59. package/.docs/raw/docs/integrations/auth/next-auth.mdx +1 -1
  60. package/.docs/raw/docs/integrations/frameworks/cloudflare-agents/overview.mdx +1 -1
  61. package/.docs/raw/docs/integrations/frameworks/mastra/full-stack.mdx +2 -2
  62. package/.docs/raw/docs/integrations/frameworks/mastra/separate-server.mdx +1 -1
  63. package/.docs/raw/docs/integrations/gateways/index.mdx +2 -2
  64. package/.docs/raw/docs/integrations/observability/helicone.mdx +2 -2
  65. package/.docs/raw/docs/integrations/observability/langfuse.mdx +1 -1
  66. package/.docs/raw/docs/integrations/observability/langsmith.mdx +2 -2
  67. package/.docs/raw/docs/migrations/toolkit-tools.mdx +15 -13
  68. package/.docs/raw/docs/migrations/v0-15.mdx +84 -4
  69. package/.docs/raw/docs/primitives/attachment.mdx +2 -2
  70. package/.docs/raw/docs/primitives/composer.mdx +2 -2
  71. package/.docs/raw/docs/primitives/message.mdx +33 -1
  72. package/.docs/raw/docs/primitives/suggestion.mdx +1 -1
  73. package/.docs/raw/docs/react-native/hooks.mdx +14 -4
  74. package/.docs/raw/docs/react-native/index.mdx +1 -1
  75. package/.docs/raw/docs/react-native/primitives.mdx +2 -2
  76. package/.docs/raw/docs/runtimes/ai-sdk/v4-legacy.mdx +1 -1
  77. package/.docs/raw/docs/runtimes/ai-sdk/v5-legacy.mdx +1 -1
  78. package/.docs/raw/docs/runtimes/ai-sdk/v6-legacy.mdx +9 -10
  79. package/.docs/raw/docs/runtimes/ai-sdk/v7.mdx +9 -10
  80. package/.docs/raw/docs/runtimes/concepts/threads.mdx +40 -1
  81. package/.docs/raw/docs/runtimes/custom/assistant-transport.mdx +18 -0
  82. package/.docs/raw/docs/runtimes/custom/external-store.mdx +30 -1
  83. package/.docs/raw/docs/runtimes/custom/local-runtime.mdx +36 -9
  84. package/.docs/raw/docs/runtimes/eve/overview.mdx +51 -0
  85. package/.docs/raw/docs/runtimes/eve/quickstart.mdx +51 -2
  86. package/.docs/raw/docs/runtimes/google-adk/hooks.mdx +9 -12
  87. package/.docs/raw/docs/runtimes/langgraph/streaming.mdx +1 -1
  88. package/.docs/raw/docs/runtimes/langgraph/tutorial/part-2.mdx +7 -7
  89. package/.docs/raw/docs/runtimes/langgraph/tutorial/part-3.mdx +4 -4
  90. package/.docs/raw/docs/runtimes/opencode/hooks.mdx +1 -0
  91. package/.docs/raw/docs/runtimes/opencode/overview.mdx +10 -0
  92. package/.docs/raw/docs/tools/backend.mdx +2 -2
  93. package/.docs/raw/docs/tools/defining-tools.mdx +9 -7
  94. package/.docs/raw/docs/tools/dynamic-tools.mdx +6 -4
  95. package/.docs/raw/docs/tools/interactables-legacy.mdx +24 -11
  96. package/.docs/raw/docs/tools/interactables.mdx +24 -13
  97. package/.docs/raw/docs/tools/mcp-apps.mdx +35 -6
  98. package/.docs/raw/docs/tools/mcp.mdx +9 -7
  99. package/.docs/raw/docs/tools/tool-ui.mdx +26 -22
  100. package/.docs/raw/docs/tools/user-managed-mcp.mdx +12 -7
  101. package/.docs/raw/docs/ui/file.mdx +6 -1
  102. package/.docs/raw/docs/ui/mcp-config.mdx +8 -3
  103. package/.docs/raw/docs/ui/model-selector.mdx +8 -8
  104. package/.docs/raw/docs/ui/part-grouping.mdx +1 -1
  105. package/.docs/raw/docs/ui/thread.mdx +24 -5
  106. package/.docs/raw/docs/utilities/react-o11y.mdx +7 -9
  107. package/dist/constants.js +2 -2
  108. package/dist/constants.js.map +1 -1
  109. package/dist/index.js.map +1 -1
  110. package/dist/prepare-docs/prepare.js.map +1 -1
  111. package/dist/tools/docs.js +4 -2
  112. package/dist/tools/docs.js.map +1 -1
  113. package/dist/tools/examples.js +2 -1
  114. package/dist/tools/examples.js.map +1 -1
  115. package/dist/tools/resources.js +2 -1
  116. package/dist/tools/resources.js.map +1 -1
  117. package/dist/tools/tests/test-setup.js +2 -1
  118. package/dist/tools/tests/test-setup.js.map +1 -1
  119. package/dist/tools/xulux-templates.js +4 -2
  120. package/dist/tools/xulux-templates.js.map +1 -1
  121. package/dist/utils/mdx.js +2 -1
  122. package/dist/utils/mdx.js.map +1 -1
  123. package/dist/xulux/catalog-client.js +1 -1
  124. package/dist/xulux/catalog-client.js.map +1 -1
  125. package/package.json +4 -4
  126. package/src/tools/tests/docs.test.ts +2 -2
@@ -369,18 +369,18 @@ export function WaterfallBar() {
369
369
  ```tsx
370
370
  "use client";
371
371
 
372
- import { useAui, AuiProvider } from "@assistant-ui/store";
372
+ import { AuiProvider, AuiConfig } from "@assistant-ui/store";
373
373
  import { SpanResource } from "@assistant-ui/react-o11y";
374
374
  import { mockSpans } from "./mock-data";
375
375
  import { WaterfallTimeline } from "./waterfall-timeline";
376
376
 
377
- export function WaterfallPage() {
378
- const aui = useAui({
379
- span: SpanResource({ spans: mockSpans }),
380
- });
377
+ const config = AuiConfig({
378
+ span: SpanResource({ spans: mockSpans }),
379
+ });
381
380
 
381
+ export function WaterfallPage() {
382
382
  return (
383
- <AuiProvider value={aui}>
383
+ <AuiProvider config={config}>
384
384
  <WaterfallTimeline />
385
385
  </AuiProvider>
386
386
  );
@@ -772,7 +772,7 @@ export default withAui(nextConfig);
772
772
  "@assistant-ui/react-o11y": "workspace:*",
773
773
  "@assistant-ui/store": "workspace:*",
774
774
  "@assistant-ui/tap": "workspace:*",
775
- "next": "^16.2.11",
775
+ "next": "^16.3.0",
776
776
  "react": "^19.2.8",
777
777
  "react-dom": "^19.2.8"
778
778
  },
@@ -780,13 +780,12 @@ export default withAui(nextConfig);
780
780
  "@assistant-ui/next": "workspace:*",
781
781
  "@assistant-ui/x-buildutils": "workspace:*",
782
782
  "@tailwindcss/postcss": "^4.3.3",
783
- "@types/node": "^26.1.1",
784
- "@types/react": "^19.2.17",
785
- "@types/react-dom": "^19.2.3",
786
- "postcss": "^8.5.23",
783
+ "@types/node": "^26.1.2",
784
+ "@types/react": "^19.2.18",
785
+ "@types/react-dom": "^19.2.4",
786
+ "postcss": "^8.5.26",
787
787
  "tailwindcss": "^4.3.3",
788
- "typescript": "npm:@typescript/typescript6@^6.0.2",
789
- "typescript-7": "npm:typescript@^7.0.2"
788
+ "typescript": "^7.0.2"
790
789
  }
791
790
  }
792
791
 
@@ -191,7 +191,12 @@ export function MyRuntimeProvider({
191
191
  ```tsx
192
192
  "use client";
193
193
 
194
- import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
194
+ import {
195
+ useAui,
196
+ AuiProvider,
197
+ AuiConfig,
198
+ Suggestions,
199
+ } from "@assistant-ui/react";
195
200
  import {
196
201
  useA2ATask,
197
202
  useA2AArtifacts,
@@ -440,7 +445,8 @@ function AgentCardBanner() {
440
445
  }
441
446
 
442
447
  function ThreadWithSuggestions() {
443
- const aui = useAui({
448
+ const aui = useAui();
449
+ const config = AuiConfig({
444
450
  suggestions: Suggestions([
445
451
  {
446
452
  title: "Chat",
@@ -470,7 +476,7 @@ function ThreadWithSuggestions() {
470
476
  ]),
471
477
  });
472
478
  return (
473
- <AuiProvider value={aui}>
479
+ <AuiProvider extends={aui} config={config}>
474
480
  <Thread />
475
481
  </AuiProvider>
476
482
  );
@@ -553,8 +559,8 @@ export default withAui(nextConfig);
553
559
  "@assistant-ui/ui": "workspace:*",
554
560
  "class-variance-authority": "^0.7.1",
555
561
  "clsx": "^2.1.1",
556
- "lucide-react": "^1.26.0",
557
- "next": "^16.2.11",
562
+ "lucide-react": "^1.29.0",
563
+ "next": "^16.3.0",
558
564
  "react": "^19.2.8",
559
565
  "react-dom": "^19.2.8",
560
566
  "tailwind-merge": "^3.6.0"
@@ -563,14 +569,13 @@ export default withAui(nextConfig);
563
569
  "@assistant-ui/next": "workspace:*",
564
570
  "@assistant-ui/x-buildutils": "workspace:*",
565
571
  "@tailwindcss/postcss": "^4.3.3",
566
- "@types/node": "^26.1.1",
567
- "@types/react": "^19.2.17",
568
- "@types/react-dom": "^19.2.3",
569
- "postcss": "^8.5.23",
572
+ "@types/node": "^26.1.2",
573
+ "@types/react": "^19.2.18",
574
+ "@types/react-dom": "^19.2.4",
575
+ "postcss": "^8.5.26",
570
576
  "tailwindcss": "^4.3.3",
571
577
  "tw-animate-css": "^1.4.0",
572
- "typescript": "npm:@typescript/typescript6@^6.0.2",
573
- "typescript-7": "npm:typescript@^7.0.2"
578
+ "typescript": "^7.0.2"
574
579
  }
575
580
  }
576
581
 
@@ -266,6 +266,7 @@ import {
266
266
  defineToolkit,
267
267
  useAui,
268
268
  AuiProvider,
269
+ AuiConfig,
269
270
  Suggestions,
270
271
  Tools,
271
272
  } from "@assistant-ui/react";
@@ -324,7 +325,8 @@ function NewThreadButton() {
324
325
  }
325
326
 
326
327
  function ThreadWithSuggestions() {
327
- const aui = useAui({
328
+ const aui = useAui();
329
+ const config = AuiConfig({
328
330
  suggestions: Suggestions([
329
331
  {
330
332
  title: "Run a web search",
@@ -339,19 +341,20 @@ function ThreadWithSuggestions() {
339
341
  ]),
340
342
  });
341
343
  return (
342
- <AuiProvider value={aui}>
344
+ <AuiProvider extends={aui} config={config}>
343
345
  <Thread />
344
346
  </AuiProvider>
345
347
  );
346
348
  }
347
349
 
348
350
  export default function Home() {
349
- const aui = useAui({
351
+ const aui = useAui();
352
+ const config = AuiConfig({
350
353
  tools: Tools({ toolkit }),
351
354
  });
352
355
 
353
356
  return (
354
- <AuiProvider value={aui}>
357
+ <AuiProvider extends={aui} config={config}>
355
358
  <main className="relative h-dvh">
356
359
  <NewThreadButton />
357
360
  <ThreadWithSuggestions />
@@ -425,8 +428,8 @@ export default withAui(nextConfig);
425
428
  "@assistant-ui/ui": "workspace:*",
426
429
  "class-variance-authority": "^0.7.1",
427
430
  "clsx": "^2.1.1",
428
- "lucide-react": "^1.26.0",
429
- "next": "^16.2.11",
431
+ "lucide-react": "^1.29.0",
432
+ "next": "^16.3.0",
430
433
  "react": "^19.2.8",
431
434
  "react-dom": "^19.2.8",
432
435
  "tailwind-merge": "^3.6.0"
@@ -435,14 +438,13 @@ export default withAui(nextConfig);
435
438
  "@assistant-ui/next": "workspace:*",
436
439
  "@assistant-ui/x-buildutils": "workspace:*",
437
440
  "@tailwindcss/postcss": "^4.3.3",
438
- "@types/node": "^26.1.1",
439
- "@types/react": "^19.2.17",
440
- "@types/react-dom": "^19.2.3",
441
- "postcss": "^8.5.23",
441
+ "@types/node": "^26.1.2",
442
+ "@types/react": "^19.2.18",
443
+ "@types/react-dom": "^19.2.4",
444
+ "postcss": "^8.5.26",
442
445
  "tailwindcss": "^4.3.3",
443
446
  "tw-animate-css": "^1.4.0",
444
- "typescript": "npm:@typescript/typescript6@^6.0.2",
445
- "typescript-7": "npm:typescript@^7.0.2"
447
+ "typescript": "^7.0.2"
446
448
  }
447
449
  }
448
450
 
@@ -223,12 +223,14 @@ import {
223
223
  AssistantRuntimeProvider,
224
224
  useAui,
225
225
  AuiProvider,
226
+ AuiConfig,
226
227
  Suggestions,
227
228
  } from "@assistant-ui/react";
228
229
  import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
229
230
 
230
231
  function ThreadWithSuggestions() {
231
- const aui = useAui({
232
+ const aui = useAui();
233
+ const config = AuiConfig({
232
234
  suggestions: Suggestions([
233
235
  {
234
236
  title: "What's the weather",
@@ -243,7 +245,7 @@ function ThreadWithSuggestions() {
243
245
  ]),
244
246
  });
245
247
  return (
246
- <AuiProvider value={aui}>
248
+ <AuiProvider extends={aui} config={config}>
247
249
  <Thread />
248
250
  </AuiProvider>
249
251
  );
@@ -320,16 +322,16 @@ export default withAui(nextConfig);
320
322
  "start": "next start"
321
323
  },
322
324
  "dependencies": {
323
- "@ai-sdk/openai": "^4.0.20",
325
+ "@ai-sdk/openai": "^4.0.34",
324
326
  "@assistant-ui/react": "workspace:*",
325
327
  "@assistant-ui/react-ai-sdk": "workspace:*",
326
328
  "@assistant-ui/react-markdown": "workspace:*",
327
329
  "@assistant-ui/ui": "workspace:*",
328
- "ai": "^7.0.37",
330
+ "ai": "^7.0.56",
329
331
  "class-variance-authority": "^0.7.1",
330
332
  "clsx": "^2.1.1",
331
- "lucide-react": "^1.26.0",
332
- "next": "^16.2.11",
333
+ "lucide-react": "^1.29.0",
334
+ "next": "^16.3.0",
333
335
  "react": "^19.2.8",
334
336
  "react-dom": "^19.2.8",
335
337
  "tailwind-merge": "^3.6.0",
@@ -339,14 +341,13 @@ export default withAui(nextConfig);
339
341
  "@assistant-ui/next": "workspace:*",
340
342
  "@assistant-ui/x-buildutils": "workspace:*",
341
343
  "@tailwindcss/postcss": "^4.3.3",
342
- "@types/node": "^26.1.1",
343
- "@types/react": "^19.2.17",
344
- "@types/react-dom": "^19.2.3",
345
- "postcss": "^8.5.23",
344
+ "@types/node": "^26.1.2",
345
+ "@types/react": "^19.2.18",
346
+ "@types/react-dom": "^19.2.4",
347
+ "postcss": "^8.5.26",
346
348
  "tailwindcss": "^4.3.3",
347
349
  "tw-animate-css": "^1.4.0",
348
- "typescript": "npm:@typescript/typescript6@^6.0.2",
349
- "typescript-7": "npm:typescript@^7.0.2"
350
+ "typescript": "^7.0.2"
350
351
  }
351
352
  }
352
353
 
@@ -595,6 +595,7 @@ import { Thread } from "@/components/assistant-ui/thread";
595
595
  import {
596
596
  AssistantRuntimeProvider,
597
597
  AuiProvider,
598
+ AuiConfig,
598
599
  Suggestions,
599
600
  Tools,
600
601
  unstable_Interactables,
@@ -629,7 +630,8 @@ function ArtifactExperience() {
629
630
  }
630
631
 
631
632
  function ArtifactScopes() {
632
- const aui = useAui({
633
+ const aui = useAui();
634
+ const config = AuiConfig({
633
635
  tools: Tools({ toolkit }),
634
636
  unstable_interactables: unstable_Interactables(),
635
637
  suggestions: Suggestions([
@@ -649,7 +651,7 @@ function ArtifactScopes() {
649
651
  });
650
652
 
651
653
  return (
652
- <AuiProvider value={aui}>
654
+ <AuiProvider extends={aui} config={config}>
653
655
  <ArtifactSurfaceProvider>
654
656
  <ArtifactExperience />
655
657
  </ArtifactSurfaceProvider>
@@ -751,16 +753,16 @@ export default withAui(nextConfig);
751
753
  "start": "next start"
752
754
  },
753
755
  "dependencies": {
754
- "@ai-sdk/openai": "^4.0.20",
756
+ "@ai-sdk/openai": "^4.0.34",
755
757
  "@assistant-ui/react": "workspace:*",
756
758
  "@assistant-ui/react-ai-sdk": "workspace:*",
757
759
  "@assistant-ui/react-markdown": "workspace:*",
758
760
  "@assistant-ui/ui": "workspace:*",
759
- "ai": "^7.0.37",
761
+ "ai": "^7.0.56",
760
762
  "class-variance-authority": "^0.7.1",
761
763
  "clsx": "^2.1.1",
762
- "lucide-react": "^1.26.0",
763
- "next": "^16.2.11",
764
+ "lucide-react": "^1.29.0",
765
+ "next": "^16.3.0",
764
766
  "react": "^19.2.8",
765
767
  "react-dom": "^19.2.8",
766
768
  "tailwind-merge": "^3.6.0",
@@ -770,14 +772,13 @@ export default withAui(nextConfig);
770
772
  "@assistant-ui/next": "workspace:*",
771
773
  "@assistant-ui/x-buildutils": "workspace:*",
772
774
  "@tailwindcss/postcss": "^4.3.3",
773
- "@types/node": "^26.1.1",
774
- "@types/react": "^19.2.17",
775
- "@types/react-dom": "^19.2.3",
776
- "postcss": "^8.5.23",
775
+ "@types/node": "^26.1.2",
776
+ "@types/react": "^19.2.18",
777
+ "@types/react-dom": "^19.2.4",
778
+ "postcss": "^8.5.26",
777
779
  "tailwindcss": "^4.3.3",
778
780
  "tw-animate-css": "^1.4.0",
779
- "typescript": "npm:@typescript/typescript6@^6.0.2",
780
- "typescript-7": "npm:typescript@^7.0.2"
781
+ "typescript": "^7.0.2"
781
782
  }
782
783
  }
783
784
 
@@ -170,10 +170,10 @@ export default function RootLayout({
170
170
 
171
171
  import {
172
172
  AssistantRuntimeProvider,
173
+ AuiConfig,
173
174
  Tools,
174
175
  type AssistantTransportConnectionMetadata,
175
176
  unstable_createMessageConverter as createMessageConverter,
176
- useAui,
177
177
  useAssistantTransportRuntime,
178
178
  } from "@assistant-ui/react";
179
179
  import {
@@ -257,12 +257,12 @@ export function MyRuntimeProvider({ children }: MyRuntimeProviderProps) {
257
257
  console.log("Request cancelled");
258
258
  },
259
259
  });
260
- const aui = useAui({
260
+ const config = AuiConfig({
261
261
  tools: Tools({ toolkit }),
262
262
  });
263
263
 
264
264
  return (
265
- <AssistantRuntimeProvider aui={aui} runtime={runtime}>
265
+ <AssistantRuntimeProvider config={config} runtime={runtime}>
266
266
  {children}
267
267
  </AssistantRuntimeProvider>
268
268
  );
@@ -276,11 +276,17 @@ export function MyRuntimeProvider({ children }: MyRuntimeProviderProps) {
276
276
  "use client";
277
277
 
278
278
  import { Thread } from "@/components/assistant-ui/thread";
279
- import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
279
+ import {
280
+ useAui,
281
+ AuiProvider,
282
+ AuiConfig,
283
+ Suggestions,
284
+ } from "@assistant-ui/react";
280
285
  import { MyRuntimeProvider } from "./MyRuntimeProvider";
281
286
 
282
287
  function ThreadWithSuggestions() {
283
- const aui = useAui({
288
+ const aui = useAui();
289
+ const config = AuiConfig({
284
290
  suggestions: Suggestions([
285
291
  {
286
292
  title: "What's the weather",
@@ -295,7 +301,7 @@ function ThreadWithSuggestions() {
295
301
  ]),
296
302
  });
297
303
  return (
298
- <AuiProvider value={aui}>
304
+ <AuiProvider extends={aui} config={config}>
299
305
  <Thread />
300
306
  </AuiProvider>
301
307
  );
@@ -449,8 +455,8 @@ export default withAui(nextConfig);
449
455
  "@assistant-ui/ui": "workspace:*",
450
456
  "class-variance-authority": "^0.7.1",
451
457
  "clsx": "^2.1.1",
452
- "lucide-react": "^1.26.0",
453
- "next": "^16.2.11",
458
+ "lucide-react": "^1.29.0",
459
+ "next": "^16.3.0",
454
460
  "react": "^19.2.8",
455
461
  "react-dom": "^19.2.8",
456
462
  "tailwind-merge": "^3.6.0",
@@ -460,32 +466,18 @@ export default withAui(nextConfig);
460
466
  "@assistant-ui/next": "workspace:*",
461
467
  "@assistant-ui/x-buildutils": "workspace:*",
462
468
  "@tailwindcss/postcss": "^4.3.3",
463
- "@types/node": "^26.1.1",
464
- "@types/react": "^19.2.17",
465
- "@types/react-dom": "^19.2.3",
466
- "postcss": "^8.5.23",
469
+ "@types/node": "^26.1.2",
470
+ "@types/react": "^19.2.18",
471
+ "@types/react-dom": "^19.2.4",
472
+ "postcss": "^8.5.26",
467
473
  "tailwindcss": "^4.3.3",
468
474
  "tw-animate-css": "^1.4.0",
469
- "typescript": "npm:@typescript/typescript6@^6.0.2",
470
- "typescript-7": "npm:typescript@^7.0.2"
475
+ "typescript": "^7.0.2"
471
476
  }
472
477
  }
473
478
 
474
479
  ```
475
480
 
476
- ## postcss.config.js
477
-
478
- ```javascript
479
- const config = {
480
- plugins: {
481
- "@tailwindcss/postcss": {},
482
- },
483
- };
484
-
485
- export default config;
486
-
487
- ```
488
-
489
481
  ## README.md
490
482
 
491
483
  ```markdown
@@ -193,7 +193,12 @@ export function useMockStore() {
193
193
 
194
194
  ```tsx
195
195
  import { Thread } from "@assistant-ui/ui/components/assistant-ui/thread.tsx";
196
- import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
196
+ import {
197
+ useAui,
198
+ AuiProvider,
199
+ AuiConfig,
200
+ Suggestions,
201
+ } from "@assistant-ui/react";
197
202
 
198
203
  const suggestions = Suggestions([
199
204
  {
@@ -208,10 +213,12 @@ const suggestions = Suggestions([
208
213
  },
209
214
  ]);
210
215
 
216
+ const config = AuiConfig({ suggestions });
217
+
211
218
  export function MyThread() {
212
- const aui = useAui({ suggestions });
219
+ const aui = useAui();
213
220
  return (
214
- <AuiProvider value={aui}>
221
+ <AuiProvider extends={aui} config={config}>
215
222
  <Thread />
216
223
  </AuiProvider>
217
224
  );
@@ -236,21 +243,21 @@ export function MyThread() {
236
243
  "@assistant-ui/ui": "workspace:*",
237
244
  "class-variance-authority": "^0.7.1",
238
245
  "clsx": "^2.1.1",
239
- "lucide-react": "^1.26.0",
246
+ "lucide-react": "^1.29.0",
240
247
  "react": "^19.2.8",
241
248
  "react-dom": "^19.2.8",
242
249
  "tailwind-merge": "^3.6.0"
243
250
  },
244
251
  "devDependencies": {
245
252
  "@tailwindcss/postcss": "^4.3.3",
246
- "@types/chrome": "^0.2.2",
247
- "@types/node": "^26.1.1",
248
- "@types/react": "^19.2.17",
249
- "@types/react-dom": "^19.2.3",
253
+ "@types/chrome": "^0.2.5",
254
+ "@types/node": "^26.1.2",
255
+ "@types/react": "^19.2.18",
256
+ "@types/react-dom": "^19.2.4",
250
257
  "esbuild": "^0.28.1",
251
- "postcss": "^8.5.23",
258
+ "postcss": "^8.5.26",
252
259
  "tailwindcss": "^4.3.3",
253
- "tsx": "^4.23.1",
260
+ "tsx": "^4.23.10",
254
261
  "tw-animate-css": "^1.4.0",
255
262
  "typescript": "^7.0.2"
256
263
  }
@@ -637,6 +637,7 @@ const Composer: FC = () => {
637
637
 
638
638
  import {
639
639
  AssistantRuntimeProvider,
640
+ AuiConfig,
640
641
  Tools,
641
642
  useAui,
642
643
  AuiProvider,
@@ -648,7 +649,8 @@ import { lastAssistantMessageIsCompleteWithApprovalResponses } from "ai";
648
649
  import toolkit from "./toolkit";
649
650
 
650
651
  function MyThreadWithSuggestions() {
651
- const aui = useAui({
652
+ const aui = useAui();
653
+ const config = AuiConfig({
652
654
  suggestions: Suggestions([
653
655
  {
654
656
  title: "Calculate Fibonacci(20)",
@@ -665,7 +667,7 @@ function MyThreadWithSuggestions() {
665
667
  ]),
666
668
  });
667
669
  return (
668
- <AuiProvider value={aui}>
670
+ <AuiProvider extends={aui} config={config}>
669
671
  <MyThread />
670
672
  </AuiProvider>
671
673
  );
@@ -675,12 +677,12 @@ export default function Home() {
675
677
  const runtime = useChatRuntime({
676
678
  sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,
677
679
  });
678
- const aui = useAui({
680
+ const config = AuiConfig({
679
681
  tools: Tools({ toolkit }),
680
682
  });
681
683
 
682
684
  return (
683
- <AssistantRuntimeProvider aui={aui} runtime={runtime}>
685
+ <AssistantRuntimeProvider config={config} runtime={runtime}>
684
686
  <div className="h-full">
685
687
  <MyThreadWithSuggestions />
686
688
  </div>
@@ -800,16 +802,16 @@ export default withAui(nextConfig);
800
802
  "start": "next start"
801
803
  },
802
804
  "dependencies": {
803
- "@ai-sdk/openai": "^4.0.20",
805
+ "@ai-sdk/openai": "^4.0.34",
804
806
  "@assistant-ui/react": "workspace:*",
805
807
  "@assistant-ui/react-ai-sdk": "workspace:*",
806
808
  "@assistant-ui/react-markdown": "workspace:*",
807
809
  "@assistant-ui/ui": "workspace:*",
808
- "ai": "^7.0.37",
810
+ "ai": "^7.0.56",
809
811
  "class-variance-authority": "^0.7.1",
810
812
  "clsx": "^2.1.1",
811
- "lucide-react": "^1.26.0",
812
- "next": "^16.2.11",
813
+ "lucide-react": "^1.29.0",
814
+ "next": "^16.3.0",
813
815
  "react": "^19.2.8",
814
816
  "react-dom": "^19.2.8",
815
817
  "tailwind-merge": "^3.6.0",
@@ -819,14 +821,13 @@ export default withAui(nextConfig);
819
821
  "@assistant-ui/next": "workspace:*",
820
822
  "@assistant-ui/x-buildutils": "workspace:*",
821
823
  "@tailwindcss/postcss": "^4.3.3",
822
- "@types/node": "^26.1.1",
823
- "@types/react": "^19.2.17",
824
- "@types/react-dom": "^19.2.3",
825
- "postcss": "^8.5.23",
824
+ "@types/node": "^26.1.2",
825
+ "@types/react": "^19.2.18",
826
+ "@types/react-dom": "^19.2.4",
827
+ "postcss": "^8.5.26",
826
828
  "tailwindcss": "^4.3.3",
827
829
  "tw-animate-css": "^1.4.0",
828
- "typescript": "npm:@typescript/typescript6@^6.0.2",
829
- "typescript-7": "npm:typescript@^7.0.2"
830
+ "typescript": "^7.0.2"
830
831
  }
831
832
  }
832
833
 
@@ -943,6 +944,7 @@ Chain-of-thought, tool calls, and citation sources are the parts of an assistant
943
944
  ],
944
945
  "@/lib/utils": ["../../packages/ui/src/lib/utils"],
945
946
  "@assistant-ui/ui/*": ["../../packages/ui/src/*"],
947
+ "@assistant-ui/store/client": ["../../packages/store/src/client"],
946
948
  "@assistant-ui/*": ["../../packages/*/src"],
947
949
  "@assistant-ui/core/*": ["../../packages/core/src/*"],
948
950
  "@assistant-ui/react/*": ["../../packages/react/src/*"],
@@ -568,13 +568,13 @@ export default withAui(nextConfig);
568
568
  "start": "next start"
569
569
  },
570
570
  "dependencies": {
571
- "@ai-sdk/openai": "^4.0.20",
571
+ "@ai-sdk/openai": "^4.0.34",
572
572
  "@assistant-ui/cloud-ai-sdk": "workspace:*",
573
- "ai": "^7.0.37",
573
+ "ai": "^7.0.56",
574
574
  "class-variance-authority": "^0.7.1",
575
575
  "clsx": "^2.1.1",
576
- "lucide-react": "^1.26.0",
577
- "next": "^16.2.11",
576
+ "lucide-react": "^1.29.0",
577
+ "next": "^16.3.0",
578
578
  "react": "^19.2.8",
579
579
  "react-dom": "^19.2.8",
580
580
  "tailwind-merge": "^3.6.0"
@@ -583,14 +583,13 @@ export default withAui(nextConfig);
583
583
  "@assistant-ui/next": "workspace:*",
584
584
  "@assistant-ui/x-buildutils": "workspace:*",
585
585
  "@tailwindcss/postcss": "^4.3.3",
586
- "@types/node": "^26.1.1",
587
- "@types/react": "^19.2.17",
588
- "@types/react-dom": "^19.2.3",
589
- "postcss": "^8.5.23",
586
+ "@types/node": "^26.1.2",
587
+ "@types/react": "^19.2.18",
588
+ "@types/react-dom": "^19.2.4",
589
+ "postcss": "^8.5.26",
590
590
  "tailwindcss": "^4.3.3",
591
591
  "tw-animate-css": "^1.4.0",
592
- "typescript": "npm:@typescript/typescript6@^6.0.2",
593
- "typescript-7": "npm:typescript@^7.0.2"
592
+ "typescript": "^7.0.2"
594
593
  }
595
594
  }
596
595