@assistant-ui/mcp-docs-server 0.1.21 → 0.1.23

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 (74) hide show
  1. package/.docs/organized/code-examples/waterfall.md +801 -0
  2. package/.docs/organized/code-examples/with-ag-ui.md +38 -26
  3. package/.docs/organized/code-examples/with-ai-sdk-v6.md +38 -28
  4. package/.docs/organized/code-examples/with-artifacts.md +467 -0
  5. package/.docs/organized/code-examples/with-assistant-transport.md +31 -24
  6. package/.docs/organized/code-examples/with-chain-of-thought.md +607 -0
  7. package/.docs/organized/code-examples/with-cloud-standalone.md +675 -0
  8. package/.docs/organized/code-examples/with-cloud.md +34 -27
  9. package/.docs/organized/code-examples/with-custom-thread-list.md +34 -27
  10. package/.docs/organized/code-examples/with-elevenlabs-scribe.md +41 -30
  11. package/.docs/organized/code-examples/with-expo.md +2031 -0
  12. package/.docs/organized/code-examples/with-external-store.md +32 -25
  13. package/.docs/organized/code-examples/with-ffmpeg.md +31 -27
  14. package/.docs/organized/code-examples/with-langgraph.md +96 -38
  15. package/.docs/organized/code-examples/with-parent-id-grouping.md +32 -25
  16. package/.docs/organized/code-examples/with-react-hook-form.md +63 -58
  17. package/.docs/organized/code-examples/with-react-router.md +38 -30
  18. package/.docs/organized/code-examples/with-store.md +16 -24
  19. package/.docs/organized/code-examples/with-tanstack.md +36 -26
  20. package/.docs/organized/code-examples/with-tap-runtime.md +10 -24
  21. package/.docs/raw/docs/(docs)/cli.mdx +13 -6
  22. package/.docs/raw/docs/(docs)/guides/attachments.mdx +26 -3
  23. package/.docs/raw/docs/(docs)/guides/chain-of-thought.mdx +162 -0
  24. package/.docs/raw/docs/(docs)/guides/context-api.mdx +53 -52
  25. package/.docs/raw/docs/(docs)/guides/dictation.mdx +0 -2
  26. package/.docs/raw/docs/(docs)/guides/message-timing.mdx +169 -0
  27. package/.docs/raw/docs/(docs)/guides/quoting.mdx +327 -0
  28. package/.docs/raw/docs/(docs)/guides/speech.mdx +0 -1
  29. package/.docs/raw/docs/(docs)/index.mdx +13 -3
  30. package/.docs/raw/docs/(docs)/installation.mdx +8 -2
  31. package/.docs/raw/docs/(docs)/llm.mdx +10 -8
  32. package/.docs/raw/docs/(reference)/api-reference/primitives/action-bar-more.mdx +1 -1
  33. package/.docs/raw/docs/(reference)/api-reference/primitives/action-bar.mdx +2 -2
  34. package/.docs/raw/docs/(reference)/api-reference/primitives/assistant-if.mdx +27 -27
  35. package/.docs/raw/docs/(reference)/api-reference/primitives/composer.mdx +60 -0
  36. package/.docs/raw/docs/(reference)/api-reference/primitives/message-part.mdx +78 -4
  37. package/.docs/raw/docs/(reference)/api-reference/primitives/message.mdx +32 -0
  38. package/.docs/raw/docs/(reference)/api-reference/primitives/selection-toolbar.mdx +61 -0
  39. package/.docs/raw/docs/(reference)/api-reference/primitives/thread.mdx +1 -1
  40. package/.docs/raw/docs/(reference)/legacy/styled/assistant-modal.mdx +1 -6
  41. package/.docs/raw/docs/(reference)/legacy/styled/decomposition.mdx +2 -2
  42. package/.docs/raw/docs/(reference)/legacy/styled/markdown.mdx +1 -6
  43. package/.docs/raw/docs/(reference)/legacy/styled/thread.mdx +1 -5
  44. package/.docs/raw/docs/(reference)/migrations/v0-12.mdx +17 -17
  45. package/.docs/raw/docs/cloud/ai-sdk-assistant-ui.mdx +205 -0
  46. package/.docs/raw/docs/cloud/ai-sdk.mdx +292 -0
  47. package/.docs/raw/docs/cloud/authorization.mdx +178 -79
  48. package/.docs/raw/docs/cloud/{persistence/langgraph.mdx → langgraph.mdx} +2 -2
  49. package/.docs/raw/docs/cloud/overview.mdx +29 -39
  50. package/.docs/raw/docs/react-native/adapters.mdx +118 -0
  51. package/.docs/raw/docs/react-native/custom-backend.mdx +210 -0
  52. package/.docs/raw/docs/react-native/hooks.mdx +364 -0
  53. package/.docs/raw/docs/react-native/index.mdx +332 -0
  54. package/.docs/raw/docs/react-native/primitives.mdx +653 -0
  55. package/.docs/raw/docs/runtimes/ai-sdk/v6.mdx +7 -15
  56. package/.docs/raw/docs/runtimes/assistant-transport.mdx +103 -0
  57. package/.docs/raw/docs/runtimes/custom/external-store.mdx +25 -2
  58. package/.docs/raw/docs/runtimes/data-stream.mdx +1 -3
  59. package/.docs/raw/docs/runtimes/langgraph/index.mdx +113 -9
  60. package/.docs/raw/docs/runtimes/pick-a-runtime.mdx +1 -4
  61. package/.docs/raw/docs/ui/attachment.mdx +4 -2
  62. package/.docs/raw/docs/ui/message-timing.mdx +92 -0
  63. package/.docs/raw/docs/ui/part-grouping.mdx +1 -1
  64. package/.docs/raw/docs/ui/reasoning.mdx +4 -4
  65. package/.docs/raw/docs/ui/scrollbar.mdx +2 -2
  66. package/.docs/raw/docs/ui/syntax-highlighting.mdx +55 -50
  67. package/.docs/raw/docs/ui/thread.mdx +16 -9
  68. package/dist/index.d.ts +1 -1
  69. package/dist/index.d.ts.map +1 -1
  70. package/package.json +3 -3
  71. package/src/tools/tests/integration.test.ts +2 -2
  72. package/src/tools/tests/json-parsing.test.ts +1 -1
  73. package/src/tools/tests/mcp-protocol.test.ts +1 -3
  74. package/.docs/raw/docs/cloud/persistence/ai-sdk.mdx +0 -108
@@ -235,12 +235,35 @@ export function MyRuntimeProvider({
235
235
 
236
236
  import { Thread } from "@/components/assistant-ui/thread";
237
237
  import { ThreadList } from "@/components/assistant-ui/thread-list";
238
+ import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
239
+
240
+ function ThreadWithSuggestions() {
241
+ const aui = useAui({
242
+ suggestions: Suggestions([
243
+ {
244
+ title: "Start a conversation",
245
+ label: "that persists across sessions",
246
+ prompt: "Hello! What can you help me with today?",
247
+ },
248
+ {
249
+ title: "Summarize a topic",
250
+ label: "in a few paragraphs",
251
+ prompt: "Give me a brief summary of how cloud computing works.",
252
+ },
253
+ ]),
254
+ });
255
+ return (
256
+ <AuiProvider value={aui}>
257
+ <Thread />
258
+ </AuiProvider>
259
+ );
260
+ }
238
261
 
239
262
  export default function Home() {
240
263
  return (
241
- <main className="grid h-dvh grid-cols-[200px_1fr] gap-4 p-4">
264
+ <main className="grid h-dvh grid-cols-[200px_1fr] grid-rows-[minmax(0,1fr)] gap-4 p-4">
242
265
  <ThreadList />
243
- <Thread />
266
+ <ThreadWithSuggestions />
244
267
  </main>
245
268
  );
246
269
  }
@@ -277,18 +300,6 @@ export default function Home() {
277
300
 
278
301
  ```
279
302
 
280
- ## lib/utils.ts
281
-
282
- ```typescript
283
- import { clsx, type ClassValue } from "clsx";
284
- import { twMerge } from "tailwind-merge";
285
-
286
- export function cn(...inputs: ClassValue[]) {
287
- return twMerge(clsx(inputs));
288
- }
289
-
290
- ```
291
-
292
303
  ## next.config.ts
293
304
 
294
305
  ```typescript
@@ -316,33 +327,28 @@ export default nextConfig;
316
327
  "start": "next start"
317
328
  },
318
329
  "dependencies": {
319
- "@ai-sdk/openai": "^3.0.25",
330
+ "@ai-sdk/openai": "^3.0.33",
320
331
  "@assistant-ui/react": "workspace:*",
321
332
  "@assistant-ui/react-ai-sdk": "workspace:*",
322
333
  "@assistant-ui/react-markdown": "workspace:*",
323
334
  "@assistant-ui/ui": "workspace:*",
324
- "@radix-ui/react-avatar": "^1.1.11",
325
- "@radix-ui/react-collapsible": "^1.1.12",
326
- "@radix-ui/react-dialog": "^1.1.15",
327
- "@radix-ui/react-slot": "^1.2.4",
328
- "@radix-ui/react-tooltip": "^1.2.8",
329
- "ai": "^6.0.69",
335
+ "ai": "^6.0.98",
330
336
  "class-variance-authority": "^0.7.1",
331
337
  "clsx": "^2.1.1",
332
- "lucide-react": "^0.563.0",
338
+ "lucide-react": "^0.575.0",
333
339
  "next": "^16.1.6",
334
340
  "react": "^19.2.4",
335
341
  "react-dom": "^19.2.4",
336
- "tailwind-merge": "^3.4.0"
342
+ "tailwind-merge": "^3.5.0"
337
343
  },
338
344
  "devDependencies": {
339
345
  "@assistant-ui/x-buildutils": "workspace:*",
340
- "@tailwindcss/postcss": "^4.1.18",
341
- "@types/node": "^25.2.0",
342
- "@types/react": "^19.2.10",
346
+ "@tailwindcss/postcss": "^4.2.1",
347
+ "@types/node": "^25.3.0",
348
+ "@types/react": "^19.2.14",
343
349
  "@types/react-dom": "^19.2.3",
344
350
  "postcss": "^8.5.6",
345
- "tailwindcss": "^4.1.18",
351
+ "tailwindcss": "^4.2.1",
346
352
  "tw-animate-css": "^1.4.0",
347
353
  "typescript": "^5.9.3"
348
354
  }
@@ -409,6 +415,7 @@ npm run dev
409
415
  "../../packages/ui/src/components/assistant-ui/*"
410
416
  ],
411
417
  "@/components/ui/*": ["../../packages/ui/src/components/ui/*"],
418
+ "@/lib/utils": ["../../packages/ui/src/lib/utils"],
412
419
  "@assistant-ui/ui/*": ["../../packages/ui/src/*"]
413
420
  }
414
421
  },
@@ -324,12 +324,35 @@ export function MyRuntimeProvider({
324
324
 
325
325
  import { Thread } from "@/components/assistant-ui/thread";
326
326
  import { ThreadList } from "@/components/assistant-ui/thread-list";
327
+ import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
328
+
329
+ function ThreadWithSuggestions() {
330
+ const aui = useAui({
331
+ suggestions: Suggestions([
332
+ {
333
+ title: "Start a new topic",
334
+ label: "in this conversation",
335
+ prompt: "Let's discuss something interesting. Suggest a topic!",
336
+ },
337
+ {
338
+ title: "Help me brainstorm",
339
+ label: "some project ideas",
340
+ prompt: "Help me brainstorm ideas for a weekend side project.",
341
+ },
342
+ ]),
343
+ });
344
+ return (
345
+ <AuiProvider value={aui}>
346
+ <Thread />
347
+ </AuiProvider>
348
+ );
349
+ }
327
350
 
328
351
  export default function Home() {
329
352
  return (
330
- <main className="grid h-dvh grid-cols-[200px_1fr] gap-4 p-4">
353
+ <main className="grid h-dvh grid-cols-[200px_1fr] grid-rows-[minmax(0,1fr)] gap-4 p-4">
331
354
  <ThreadList />
332
- <Thread />
355
+ <ThreadWithSuggestions />
333
356
  </main>
334
357
  );
335
358
  }
@@ -366,18 +389,6 @@ export default function Home() {
366
389
 
367
390
  ```
368
391
 
369
- ## lib/utils.ts
370
-
371
- ```typescript
372
- import { clsx, type ClassValue } from "clsx";
373
- import { twMerge } from "tailwind-merge";
374
-
375
- export function cn(...inputs: ClassValue[]) {
376
- return twMerge(clsx(inputs));
377
- }
378
-
379
- ```
380
-
381
392
  ## next.config.ts
382
393
 
383
394
  ```typescript
@@ -403,35 +414,30 @@ export default nextConfig;
403
414
  "start": "next start"
404
415
  },
405
416
  "dependencies": {
406
- "@ai-sdk/openai": "^3.0.25",
417
+ "@ai-sdk/openai": "^3.0.33",
407
418
  "@assistant-ui/react": "workspace:*",
408
419
  "@assistant-ui/react-ai-sdk": "workspace:*",
409
420
  "@assistant-ui/react-markdown": "workspace:*",
410
421
  "@assistant-ui/ui": "workspace:*",
411
- "@radix-ui/react-avatar": "^1.1.11",
412
- "@radix-ui/react-collapsible": "^1.1.12",
413
- "@radix-ui/react-dialog": "^1.1.15",
414
- "@radix-ui/react-slot": "^1.2.4",
415
- "@radix-ui/react-tooltip": "^1.2.8",
416
- "ai": "^6.0.69",
422
+ "ai": "^6.0.98",
417
423
  "assistant-stream": "workspace:*",
418
424
  "class-variance-authority": "^0.7.1",
419
425
  "clsx": "^2.1.1",
420
- "lucide-react": "^0.563.0",
426
+ "lucide-react": "^0.575.0",
421
427
  "next": "^16.1.6",
422
428
  "react": "^19.2.4",
423
429
  "react-dom": "^19.2.4",
424
- "tailwind-merge": "^3.4.0",
430
+ "tailwind-merge": "^3.5.0",
425
431
  "zod": "^4.3.6"
426
432
  },
427
433
  "devDependencies": {
428
434
  "@assistant-ui/x-buildutils": "workspace:*",
429
- "@tailwindcss/postcss": "^4.1.18",
430
- "@types/node": "^25.2.0",
431
- "@types/react": "^19.2.10",
435
+ "@tailwindcss/postcss": "^4.2.1",
436
+ "@types/node": "^25.3.0",
437
+ "@types/react": "^19.2.14",
432
438
  "@types/react-dom": "^19.2.3",
433
439
  "postcss": "^8.5.6",
434
- "tailwindcss": "^4.1.18",
440
+ "tailwindcss": "^4.2.1",
435
441
  "tw-animate-css": "^1.4.0",
436
442
  "typescript": "^5.9.3"
437
443
  }
@@ -495,6 +501,7 @@ npm run dev
495
501
  "../../packages/ui/src/components/assistant-ui/*"
496
502
  ],
497
503
  "@/components/ui/*": ["../../packages/ui/src/components/ui/*"],
504
+ "@/lib/utils": ["../../packages/ui/src/lib/utils"],
498
505
  "@assistant-ui/ui/*": ["../../packages/ui/src/*"]
499
506
  }
500
507
  },
@@ -234,10 +234,37 @@ export default function RootLayout({
234
234
  "use client";
235
235
 
236
236
  import { Thread } from "@/components/assistant-ui/thread";
237
- import { AssistantRuntimeProvider } from "@assistant-ui/react";
237
+ import {
238
+ AssistantRuntimeProvider,
239
+ useAui,
240
+ AuiProvider,
241
+ Suggestions,
242
+ } from "@assistant-ui/react";
238
243
  import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
239
244
  import { ElevenLabsScribeAdapter } from "@/lib/elevenlabs-scribe-adapter";
240
245
 
246
+ function ThreadWithSuggestions() {
247
+ const aui = useAui({
248
+ suggestions: Suggestions([
249
+ {
250
+ title: "Try dictating a message",
251
+ label: "using the microphone button",
252
+ prompt: "Hello, I'm testing voice dictation!",
253
+ },
254
+ {
255
+ title: "Write a short email",
256
+ label: "by speaking naturally",
257
+ prompt: "Help me draft a professional email to schedule a meeting.",
258
+ },
259
+ ]),
260
+ });
261
+ return (
262
+ <AuiProvider value={aui}>
263
+ <Thread />
264
+ </AuiProvider>
265
+ );
266
+ }
267
+
241
268
  export default function Home() {
242
269
  const runtime = useChatRuntime({
243
270
  adapters: {
@@ -251,7 +278,7 @@ export default function Home() {
251
278
  return (
252
279
  <AssistantRuntimeProvider runtime={runtime}>
253
280
  <div className="h-full">
254
- <Thread />
281
+ <ThreadWithSuggestions />
255
282
  </div>
256
283
  </AssistantRuntimeProvider>
257
284
  );
@@ -514,18 +541,6 @@ export class ElevenLabsScribeAdapter implements DictationAdapter {
514
541
 
515
542
  ```
516
543
 
517
- ## lib/utils.ts
518
-
519
- ```typescript
520
- import { clsx, type ClassValue } from "clsx";
521
- import { twMerge } from "tailwind-merge";
522
-
523
- export function cn(...inputs: ClassValue[]) {
524
- return twMerge(clsx(inputs));
525
- }
526
-
527
- ```
528
-
529
544
  ## next.config.js
530
545
 
531
546
  ```javascript
@@ -547,36 +562,31 @@ export default nextConfig;
547
562
  "version": "0.0.0",
548
563
  "type": "module",
549
564
  "dependencies": {
550
- "@ai-sdk/openai": "^3.0.25",
551
- "@ai-sdk/react": "^3.0.71",
565
+ "@ai-sdk/openai": "^3.0.33",
566
+ "@ai-sdk/react": "^3.0.100",
552
567
  "@assistant-ui/react": "workspace:^",
553
568
  "@assistant-ui/react-ai-sdk": "workspace:*",
554
569
  "@assistant-ui/react-markdown": "workspace:^",
555
570
  "@assistant-ui/ui": "workspace:*",
556
- "@elevenlabs/client": "^0.13.1",
557
- "@radix-ui/react-avatar": "^1.1.11",
558
- "@radix-ui/react-collapsible": "^1.1.12",
559
- "@radix-ui/react-dialog": "^1.1.15",
560
- "@radix-ui/react-slot": "^1.2.4",
561
- "@radix-ui/react-tooltip": "^1.2.8",
562
- "@tailwindcss/postcss": "^4.1.18",
563
- "ai": "^6.0.69",
571
+ "@elevenlabs/client": "^0.15.0",
572
+ "@tailwindcss/postcss": "^4.2.1",
573
+ "ai": "^6.0.98",
564
574
  "class-variance-authority": "^0.7.1",
565
575
  "clsx": "^2.1.1",
566
- "lucide-react": "^0.563.0",
567
- "motion": "^12.31.0",
576
+ "lucide-react": "^0.575.0",
577
+ "motion": "^12.34.3",
568
578
  "next": "^16.1.6",
569
579
  "postcss": "^8.5.6",
570
580
  "react": "^19.2.4",
571
581
  "react-dom": "^19.2.4",
572
- "tailwind-merge": "^3.4.0",
573
- "tailwindcss": "^4.1.18",
582
+ "tailwind-merge": "^3.5.0",
583
+ "tailwindcss": "^4.2.1",
574
584
  "zod": "^4.3.6"
575
585
  },
576
586
  "devDependencies": {
577
587
  "@assistant-ui/x-buildutils": "workspace:*",
578
- "@types/node": "^25.2.0",
579
- "@types/react": "^19.2.10",
588
+ "@types/node": "^25.3.0",
589
+ "@types/react": "^19.2.14",
580
590
  "@types/react-dom": "^19.2.3",
581
591
  "tw-animate-css": "^1.4.0",
582
592
  "typescript": "^5.9.3"
@@ -658,6 +668,7 @@ npm run dev
658
668
  "../../packages/ui/src/components/assistant-ui/*"
659
669
  ],
660
670
  "@/components/ui/*": ["../../packages/ui/src/components/ui/*"],
671
+ "@/lib/utils": ["../../packages/ui/src/lib/utils"],
661
672
  "@assistant-ui/ui/*": ["../../packages/ui/src/*"],
662
673
  "@assistant-ui/*": ["../../packages/*/src"],
663
674
  "@assistant-ui/react/*": ["../../packages/react/src/*"],