@assistant-ui/mcp-docs-server 0.1.2 → 0.1.4
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.
- package/.docs/organized/code-examples/local-ollama.md +7 -7
- package/.docs/organized/code-examples/search-agent-for-e-commerce.md +9 -9
- package/.docs/organized/code-examples/with-ai-sdk.md +7 -7
- package/.docs/organized/code-examples/with-cloud.md +7 -7
- package/.docs/organized/code-examples/with-external-store.md +6 -6
- package/.docs/organized/code-examples/with-ffmpeg.md +10 -10
- package/.docs/organized/code-examples/with-langgraph.md +10 -10
- package/.docs/organized/code-examples/with-openai-assistants.md +7 -7
- package/.docs/organized/code-examples/with-react-hook-form.md +10 -10
- package/.docs/organized/code-examples/with-vercel-ai-rsc.md +7 -7
- package/.docs/raw/docs/api-reference/context-providers/{TextContentPartProvider.mdx → TextMessagePartProvider.mdx} +3 -3
- package/.docs/raw/docs/api-reference/integrations/react-hook-form.mdx +2 -2
- package/.docs/raw/docs/api-reference/overview.mdx +23 -23
- package/.docs/raw/docs/api-reference/primitives/Error.mdx +5 -3
- package/.docs/raw/docs/api-reference/primitives/Message.mdx +32 -0
- package/.docs/raw/docs/api-reference/primitives/{ContentPart.mdx → MessagePart.mdx} +41 -41
- package/.docs/raw/docs/api-reference/runtimes/MessagePartRuntime.mdx +22 -0
- package/.docs/raw/docs/api-reference/runtimes/ThreadListRuntime.mdx +1 -0
- package/.docs/raw/docs/api-reference/runtimes/ThreadRuntime.mdx +1 -0
- package/.docs/raw/docs/concepts/runtime-layer.mdx +7 -7
- package/.docs/raw/docs/copilots/make-assistant-tool-ui.mdx +79 -16
- package/.docs/raw/docs/copilots/make-assistant-tool.mdx +111 -7
- package/.docs/raw/docs/copilots/model-context.mdx +4 -1
- package/.docs/raw/docs/copilots/motivation.mdx +4 -1
- package/.docs/raw/docs/getting-started.mdx +11 -10
- package/.docs/raw/docs/guides/Attachments.mdx +24 -21
- package/.docs/raw/docs/guides/ToolUI.mdx +48 -8
- package/.docs/raw/docs/guides/Tools.mdx +24 -6
- package/.docs/raw/docs/mcp-docs-server.mdx +1 -3
- package/.docs/raw/docs/migrations/v0-11.mdx +169 -0
- package/.docs/raw/docs/migrations/v0-7.mdx +8 -8
- package/.docs/raw/docs/migrations/v0-8.mdx +14 -14
- package/.docs/raw/docs/migrations/v0-9.mdx +3 -3
- package/.docs/raw/docs/runtimes/ai-sdk/rsc.mdx +2 -2
- package/.docs/raw/docs/runtimes/ai-sdk/use-assistant-hook.mdx +1 -1
- package/.docs/raw/docs/runtimes/ai-sdk/use-chat-hook.mdx +2 -2
- package/.docs/raw/docs/runtimes/ai-sdk/use-chat.mdx +2 -2
- package/.docs/raw/docs/runtimes/custom/external-store.mdx +5 -5
- package/.docs/raw/docs/runtimes/custom/local.mdx +3 -3
- package/.docs/raw/docs/runtimes/langgraph/tutorial/part-2.mdx +2 -2
- package/.docs/raw/docs/ui/Attachment.mdx +5 -2
- package/.docs/raw/docs/ui/Markdown.mdx +2 -3
- package/.docs/raw/docs/ui/ToolFallback.mdx +2 -2
- package/dist/{chunk-CZCDQ3YH.js → chunk-JS4PWCVA.js} +1 -1
- package/dist/{chunk-C7O7EFKU.js → chunk-M2RKUM66.js} +1 -1
- package/dist/index.js +1 -1
- package/dist/prepare-docs/prepare.js +1 -1
- package/dist/stdio.js +1 -1
- package/package.json +5 -5
- package/.docs/raw/docs/api-reference/runtimes/ContentPartRuntime.mdx +0 -22
|
@@ -651,7 +651,7 @@ const UserMessage: FC = () => {
|
|
|
651
651
|
<UserActionBar />
|
|
652
652
|
|
|
653
653
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
654
|
-
<MessagePrimitive.
|
|
654
|
+
<MessagePrimitive.Parts />
|
|
655
655
|
</div>
|
|
656
656
|
|
|
657
657
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -696,7 +696,7 @@ const AssistantMessage: FC = () => {
|
|
|
696
696
|
return (
|
|
697
697
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
698
698
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
699
|
-
<MessagePrimitive.
|
|
699
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
700
700
|
</div>
|
|
701
701
|
|
|
702
702
|
<AssistantActionBar />
|
|
@@ -1012,15 +1012,15 @@ export default nextConfig;
|
|
|
1012
1012
|
"ai": "^4.3.16",
|
|
1013
1013
|
"class-variance-authority": "^0.7.1",
|
|
1014
1014
|
"clsx": "^2.1.1",
|
|
1015
|
-
"lucide-react": "^0.
|
|
1016
|
-
"next": "15.3.
|
|
1015
|
+
"lucide-react": "^0.523.0",
|
|
1016
|
+
"next": "15.3.4",
|
|
1017
1017
|
"ollama-ai-provider": "^1.2.0",
|
|
1018
1018
|
"react": "19.1.0",
|
|
1019
1019
|
"react-dom": "19.1.0",
|
|
1020
1020
|
"remark-gfm": "^4.0.1",
|
|
1021
1021
|
"tailwind-merge": "^3.3.1",
|
|
1022
1022
|
"tw-animate-css": "^1.3.4",
|
|
1023
|
-
"zod": "^3.25.
|
|
1023
|
+
"zod": "^3.25.67"
|
|
1024
1024
|
},
|
|
1025
1025
|
"devDependencies": {
|
|
1026
1026
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
@@ -1028,9 +1028,9 @@ export default nextConfig;
|
|
|
1028
1028
|
"@types/react": "^19",
|
|
1029
1029
|
"@types/react-dom": "^19",
|
|
1030
1030
|
"eslint": "^9",
|
|
1031
|
-
"eslint-config-next": "15.3.
|
|
1031
|
+
"eslint-config-next": "15.3.4",
|
|
1032
1032
|
"postcss": "^8",
|
|
1033
|
-
"tailwindcss": "^4.1.
|
|
1033
|
+
"tailwindcss": "^4.1.11",
|
|
1034
1034
|
"typescript": "^5"
|
|
1035
1035
|
}
|
|
1036
1036
|
}
|
|
@@ -739,7 +739,7 @@ const UserMessage: FC = () => {
|
|
|
739
739
|
<MessagePrimitive.Root className="relative mb-6 flex w-full max-w-2xl flex-col items-end gap-2 pl-24">
|
|
740
740
|
<div className="relative mr-1 flex items-start gap-3">
|
|
741
741
|
<p className="bg-foreground/5 text-foreground max-w-xl whitespace-pre-line break-words rounded-3xl px-5 py-2.5">
|
|
742
|
-
<MessagePrimitive.
|
|
742
|
+
<MessagePrimitive.Parts components={{ Text: RSCDisplay }} />
|
|
743
743
|
</p>
|
|
744
744
|
</div>
|
|
745
745
|
</MessagePrimitive.Root>
|
|
@@ -755,7 +755,7 @@ const AssistantMessage: FC = () => {
|
|
|
755
755
|
|
|
756
756
|
<div className="mt-2 flex-grow">
|
|
757
757
|
<p className="text-foreground max-w-xl whitespace-pre-line break-words">
|
|
758
|
-
<MessagePrimitive.
|
|
758
|
+
<MessagePrimitive.Parts components={{ Text: RSCDisplay }} />
|
|
759
759
|
</p>
|
|
760
760
|
</div>
|
|
761
761
|
</MessagePrimitive.Root>
|
|
@@ -1585,24 +1585,24 @@ export default nextConfig;
|
|
|
1585
1585
|
"clsx": "^2.1.1",
|
|
1586
1586
|
"embla-carousel-autoplay": "^8.6.0",
|
|
1587
1587
|
"embla-carousel-react": "^8.6.0",
|
|
1588
|
-
"lucide-react": "^0.
|
|
1588
|
+
"lucide-react": "^0.523.0",
|
|
1589
1589
|
"nanoid": "5.1.5",
|
|
1590
|
-
"next": "15.3.
|
|
1590
|
+
"next": "15.3.4",
|
|
1591
1591
|
"react": "19.1.0",
|
|
1592
1592
|
"react-dom": "19.1.0",
|
|
1593
1593
|
"tailwind-merge": "^3.3.1",
|
|
1594
1594
|
"tw-animate-css": "^1.3.4",
|
|
1595
|
-
"zod": "^3.25.
|
|
1595
|
+
"zod": "^3.25.67"
|
|
1596
1596
|
},
|
|
1597
1597
|
"devDependencies": {
|
|
1598
1598
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
1599
|
-
"@types/node": "^24.0.
|
|
1599
|
+
"@types/node": "^24.0.4",
|
|
1600
1600
|
"@types/react": "^19.1.8",
|
|
1601
1601
|
"@types/react-dom": "^19.1.6",
|
|
1602
1602
|
"eslint": "^9",
|
|
1603
|
-
"eslint-config-next": "15.3.
|
|
1604
|
-
"postcss": "^8.5.
|
|
1605
|
-
"tailwindcss": "^4.1.
|
|
1603
|
+
"eslint-config-next": "15.3.4",
|
|
1604
|
+
"postcss": "^8.5.6",
|
|
1605
|
+
"tailwindcss": "^4.1.11",
|
|
1606
1606
|
"typescript": "^5.8.3"
|
|
1607
1607
|
}
|
|
1608
1608
|
}
|
|
@@ -662,7 +662,7 @@ const UserMessage: FC = () => {
|
|
|
662
662
|
<UserActionBar />
|
|
663
663
|
|
|
664
664
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
665
|
-
<MessagePrimitive.
|
|
665
|
+
<MessagePrimitive.Parts />
|
|
666
666
|
</div>
|
|
667
667
|
|
|
668
668
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -707,7 +707,7 @@ const AssistantMessage: FC = () => {
|
|
|
707
707
|
return (
|
|
708
708
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
709
709
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
710
|
-
<MessagePrimitive.
|
|
710
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
711
711
|
</div>
|
|
712
712
|
|
|
713
713
|
<AssistantActionBar />
|
|
@@ -1024,14 +1024,14 @@ export default nextConfig;
|
|
|
1024
1024
|
"ai": "^4.3.16",
|
|
1025
1025
|
"class-variance-authority": "^0.7.1",
|
|
1026
1026
|
"clsx": "^2.1.1",
|
|
1027
|
-
"lucide-react": "^0.
|
|
1028
|
-
"next": "15.3.
|
|
1027
|
+
"lucide-react": "^0.523.0",
|
|
1028
|
+
"next": "15.3.4",
|
|
1029
1029
|
"react": "19.1.0",
|
|
1030
1030
|
"react-dom": "19.1.0",
|
|
1031
1031
|
"remark-gfm": "^4.0.1",
|
|
1032
1032
|
"tailwind-merge": "^3.3.1",
|
|
1033
1033
|
"tw-animate-css": "^1.3.4",
|
|
1034
|
-
"zod": "^3.25.
|
|
1034
|
+
"zod": "^3.25.67"
|
|
1035
1035
|
},
|
|
1036
1036
|
"devDependencies": {
|
|
1037
1037
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
@@ -1039,9 +1039,9 @@ export default nextConfig;
|
|
|
1039
1039
|
"@types/react": "^19",
|
|
1040
1040
|
"@types/react-dom": "^19",
|
|
1041
1041
|
"eslint": "^9",
|
|
1042
|
-
"eslint-config-next": "15.3.
|
|
1042
|
+
"eslint-config-next": "15.3.4",
|
|
1043
1043
|
"postcss": "^8",
|
|
1044
|
-
"tailwindcss": "^4.1.
|
|
1044
|
+
"tailwindcss": "^4.1.11",
|
|
1045
1045
|
"typescript": "^5"
|
|
1046
1046
|
}
|
|
1047
1047
|
}
|
|
@@ -743,7 +743,7 @@ const UserMessage: FC = () => {
|
|
|
743
743
|
<UserActionBar />
|
|
744
744
|
|
|
745
745
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
746
|
-
<MessagePrimitive.
|
|
746
|
+
<MessagePrimitive.Parts />
|
|
747
747
|
</div>
|
|
748
748
|
|
|
749
749
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -788,7 +788,7 @@ const AssistantMessage: FC = () => {
|
|
|
788
788
|
return (
|
|
789
789
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
790
790
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
791
|
-
<MessagePrimitive.
|
|
791
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
792
792
|
</div>
|
|
793
793
|
|
|
794
794
|
<AssistantActionBar />
|
|
@@ -1106,9 +1106,9 @@ export default nextConfig;
|
|
|
1106
1106
|
"class-variance-authority": "^0.7.1",
|
|
1107
1107
|
"clsx": "^2.1.1",
|
|
1108
1108
|
"jsonwebtoken": "^9.0.2",
|
|
1109
|
-
"lucide-react": "^0.
|
|
1109
|
+
"lucide-react": "^0.523.0",
|
|
1110
1110
|
"nanoid": "5.1.5",
|
|
1111
|
-
"next": "15.3.
|
|
1111
|
+
"next": "15.3.4",
|
|
1112
1112
|
"react": "19.1.0",
|
|
1113
1113
|
"react-dom": "19.1.0",
|
|
1114
1114
|
"remark-gfm": "^4.0.1",
|
|
@@ -1117,14 +1117,14 @@ export default nextConfig;
|
|
|
1117
1117
|
},
|
|
1118
1118
|
"devDependencies": {
|
|
1119
1119
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
1120
|
-
"@types/jsonwebtoken": "^9.0.
|
|
1120
|
+
"@types/jsonwebtoken": "^9.0.10",
|
|
1121
1121
|
"@types/node": "^24",
|
|
1122
1122
|
"@types/react": "^19",
|
|
1123
1123
|
"@types/react-dom": "^19",
|
|
1124
1124
|
"eslint": "^9",
|
|
1125
|
-
"eslint-config-next": "15.3.
|
|
1125
|
+
"eslint-config-next": "15.3.4",
|
|
1126
1126
|
"postcss": "^8",
|
|
1127
|
-
"tailwindcss": "^4.1.
|
|
1127
|
+
"tailwindcss": "^4.1.11",
|
|
1128
1128
|
"typescript": "^5"
|
|
1129
1129
|
}
|
|
1130
1130
|
}
|
|
@@ -648,7 +648,7 @@ const UserMessage: FC = () => {
|
|
|
648
648
|
<UserActionBar />
|
|
649
649
|
|
|
650
650
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
651
|
-
<MessagePrimitive.
|
|
651
|
+
<MessagePrimitive.Parts />
|
|
652
652
|
</div>
|
|
653
653
|
|
|
654
654
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -693,7 +693,7 @@ const AssistantMessage: FC = () => {
|
|
|
693
693
|
return (
|
|
694
694
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
695
695
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
696
|
-
<MessagePrimitive.
|
|
696
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
697
697
|
</div>
|
|
698
698
|
|
|
699
699
|
<AssistantActionBar />
|
|
@@ -1008,8 +1008,8 @@ export default nextConfig;
|
|
|
1008
1008
|
"@radix-ui/react-tooltip": "^1.2.7",
|
|
1009
1009
|
"class-variance-authority": "^0.7.1",
|
|
1010
1010
|
"clsx": "^2.1.1",
|
|
1011
|
-
"lucide-react": "^0.
|
|
1012
|
-
"next": "15.3.
|
|
1011
|
+
"lucide-react": "^0.523.0",
|
|
1012
|
+
"next": "15.3.4",
|
|
1013
1013
|
"react": "19.1.0",
|
|
1014
1014
|
"react-dom": "19.1.0",
|
|
1015
1015
|
"remark-gfm": "^4.0.1",
|
|
@@ -1022,9 +1022,9 @@ export default nextConfig;
|
|
|
1022
1022
|
"@types/react": "^19",
|
|
1023
1023
|
"@types/react-dom": "^19",
|
|
1024
1024
|
"eslint": "^9",
|
|
1025
|
-
"eslint-config-next": "15.3.
|
|
1025
|
+
"eslint-config-next": "15.3.4",
|
|
1026
1026
|
"postcss": "^8",
|
|
1027
|
-
"tailwindcss": "^4.1.
|
|
1027
|
+
"tailwindcss": "^4.1.11",
|
|
1028
1028
|
"typescript": "^5"
|
|
1029
1029
|
}
|
|
1030
1030
|
}
|
|
@@ -859,7 +859,7 @@ const UserMessage: FC = () => {
|
|
|
859
859
|
<UserActionBar />
|
|
860
860
|
|
|
861
861
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
862
|
-
<MessagePrimitive.
|
|
862
|
+
<MessagePrimitive.Parts />
|
|
863
863
|
</div>
|
|
864
864
|
|
|
865
865
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -904,7 +904,7 @@ const AssistantMessage: FC = () => {
|
|
|
904
904
|
return (
|
|
905
905
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
906
906
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
907
|
-
<MessagePrimitive.
|
|
907
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
908
908
|
</div>
|
|
909
909
|
|
|
910
910
|
<AssistantActionBar />
|
|
@@ -1244,18 +1244,18 @@ export default nextConfig;
|
|
|
1244
1244
|
"class-variance-authority": "^0.7.1",
|
|
1245
1245
|
"clsx": "^2.1.1",
|
|
1246
1246
|
"json-schema-to-zod": "^2.6.1",
|
|
1247
|
-
"lucide-react": "^0.
|
|
1248
|
-
"next": "15.3.
|
|
1247
|
+
"lucide-react": "^0.523.0",
|
|
1248
|
+
"next": "15.3.4",
|
|
1249
1249
|
"react": "19.1.0",
|
|
1250
1250
|
"react-dom": "19.1.0",
|
|
1251
|
-
"react-hook-form": "^7.58.
|
|
1251
|
+
"react-hook-form": "^7.58.1",
|
|
1252
1252
|
"react-resizable-panels": "^3.0.3",
|
|
1253
1253
|
"remark-gfm": "^4.0.1",
|
|
1254
1254
|
"tailwind-merge": "^3.3.1",
|
|
1255
1255
|
"tw-animate-css": "^1.3.4",
|
|
1256
|
-
"zod": "^3.25.
|
|
1257
|
-
"zod-to-json-schema": "^3.24.
|
|
1258
|
-
"zustand": "^5.0.
|
|
1256
|
+
"zod": "^3.25.67",
|
|
1257
|
+
"zod-to-json-schema": "^3.24.6",
|
|
1258
|
+
"zustand": "^5.0.6"
|
|
1259
1259
|
},
|
|
1260
1260
|
"devDependencies": {
|
|
1261
1261
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
@@ -1263,9 +1263,9 @@ export default nextConfig;
|
|
|
1263
1263
|
"@types/react": "^19",
|
|
1264
1264
|
"@types/react-dom": "^19",
|
|
1265
1265
|
"eslint": "^9",
|
|
1266
|
-
"eslint-config-next": "15.3.
|
|
1266
|
+
"eslint-config-next": "15.3.4",
|
|
1267
1267
|
"postcss": "^8",
|
|
1268
|
-
"tailwindcss": "^4.1.
|
|
1268
|
+
"tailwindcss": "^4.1.11",
|
|
1269
1269
|
"typescript": "^5.8.3"
|
|
1270
1270
|
}
|
|
1271
1271
|
}
|
|
@@ -884,7 +884,7 @@ const UserMessage: FC = () => {
|
|
|
884
884
|
<UserActionBar />
|
|
885
885
|
|
|
886
886
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
887
|
-
<MessagePrimitive.
|
|
887
|
+
<MessagePrimitive.Parts />
|
|
888
888
|
</div>
|
|
889
889
|
|
|
890
890
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -929,7 +929,7 @@ const AssistantMessage: FC = () => {
|
|
|
929
929
|
return (
|
|
930
930
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
931
931
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
932
|
-
<MessagePrimitive.
|
|
932
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
933
933
|
</div>
|
|
934
934
|
|
|
935
935
|
<AssistantActionBar />
|
|
@@ -1354,12 +1354,12 @@ export function TransactionConfirmationPending(props: TransactionConfirmation) {
|
|
|
1354
1354
|
## components/tools/ToolFallback.tsx
|
|
1355
1355
|
|
|
1356
1356
|
```tsx
|
|
1357
|
-
import {
|
|
1357
|
+
import { ToolCallMessagePartComponent } from "@assistant-ui/react";
|
|
1358
1358
|
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
1359
1359
|
import { useState } from "react";
|
|
1360
1360
|
import { Button } from "../ui/button";
|
|
1361
1361
|
|
|
1362
|
-
export const ToolFallback:
|
|
1362
|
+
export const ToolFallback: ToolCallMessagePartComponent = ({
|
|
1363
1363
|
toolName,
|
|
1364
1364
|
argsText,
|
|
1365
1365
|
result,
|
|
@@ -1727,16 +1727,16 @@ export default nextConfig;
|
|
|
1727
1727
|
"@assistant-ui/react": "workspace:*",
|
|
1728
1728
|
"@assistant-ui/react-langgraph": "workspace:*",
|
|
1729
1729
|
"@assistant-ui/react-markdown": "workspace:*",
|
|
1730
|
-
"@langchain/langgraph-sdk": "^0.0.
|
|
1730
|
+
"@langchain/langgraph-sdk": "^0.0.85",
|
|
1731
1731
|
"@radix-ui/react-slot": "^1.2.3",
|
|
1732
1732
|
"@radix-ui/react-tooltip": "^1.2.7",
|
|
1733
1733
|
"class-variance-authority": "^0.7.1",
|
|
1734
1734
|
"clsx": "^2.1.1",
|
|
1735
1735
|
"js-cookie": "^3.0.5",
|
|
1736
1736
|
"jsonwebtoken": "^9.0.2",
|
|
1737
|
-
"lucide-react": "^0.
|
|
1737
|
+
"lucide-react": "^0.523.0",
|
|
1738
1738
|
"nanoid": "5.1.5",
|
|
1739
|
-
"next": "15.3.
|
|
1739
|
+
"next": "15.3.4",
|
|
1740
1740
|
"react": "19.1.0",
|
|
1741
1741
|
"react-dom": "19.1.0",
|
|
1742
1742
|
"remark-gfm": "^4.0.1",
|
|
@@ -1746,14 +1746,14 @@ export default nextConfig;
|
|
|
1746
1746
|
"devDependencies": {
|
|
1747
1747
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
1748
1748
|
"@types/js-cookie": "^3.0.6",
|
|
1749
|
-
"@types/jsonwebtoken": "^9.0.
|
|
1749
|
+
"@types/jsonwebtoken": "^9.0.10",
|
|
1750
1750
|
"@types/node": "^24",
|
|
1751
1751
|
"@types/react": "^19",
|
|
1752
1752
|
"@types/react-dom": "^19",
|
|
1753
1753
|
"eslint": "^9",
|
|
1754
|
-
"eslint-config-next": "15.3.
|
|
1754
|
+
"eslint-config-next": "15.3.4",
|
|
1755
1755
|
"postcss": "^8",
|
|
1756
|
-
"tailwindcss": "^4.1.
|
|
1756
|
+
"tailwindcss": "^4.1.11",
|
|
1757
1757
|
"typescript": "^5.8.3"
|
|
1758
1758
|
}
|
|
1759
1759
|
}
|
|
@@ -755,7 +755,7 @@ const UserMessage: FC = () => {
|
|
|
755
755
|
<UserActionBar />
|
|
756
756
|
|
|
757
757
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
758
|
-
<MessagePrimitive.
|
|
758
|
+
<MessagePrimitive.Parts />
|
|
759
759
|
</div>
|
|
760
760
|
|
|
761
761
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -800,7 +800,7 @@ const AssistantMessage: FC = () => {
|
|
|
800
800
|
return (
|
|
801
801
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
802
802
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
803
|
-
<MessagePrimitive.
|
|
803
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
804
804
|
</div>
|
|
805
805
|
|
|
806
806
|
<AssistantActionBar />
|
|
@@ -1118,9 +1118,9 @@ export default nextConfig;
|
|
|
1118
1118
|
"ai": "^4.3.16",
|
|
1119
1119
|
"class-variance-authority": "^0.7.1",
|
|
1120
1120
|
"clsx": "^2.1.1",
|
|
1121
|
-
"lucide-react": "^0.
|
|
1122
|
-
"next": "15.3.
|
|
1123
|
-
"openai": "^5.
|
|
1121
|
+
"lucide-react": "^0.523.0",
|
|
1122
|
+
"next": "15.3.4",
|
|
1123
|
+
"openai": "^5.8.1",
|
|
1124
1124
|
"react": "19.1.0",
|
|
1125
1125
|
"react-dom": "19.1.0",
|
|
1126
1126
|
"remark-gfm": "^4.0.1",
|
|
@@ -1133,9 +1133,9 @@ export default nextConfig;
|
|
|
1133
1133
|
"@types/react": "^19",
|
|
1134
1134
|
"@types/react-dom": "^19",
|
|
1135
1135
|
"eslint": "^9",
|
|
1136
|
-
"eslint-config-next": "15.3.
|
|
1136
|
+
"eslint-config-next": "15.3.4",
|
|
1137
1137
|
"postcss": "^8",
|
|
1138
|
-
"tailwindcss": "^4.1.
|
|
1138
|
+
"tailwindcss": "^4.1.11",
|
|
1139
1139
|
"typescript": "^5"
|
|
1140
1140
|
}
|
|
1141
1141
|
}
|
|
@@ -753,7 +753,7 @@ const UserMessage: FC = () => {
|
|
|
753
753
|
<UserActionBar />
|
|
754
754
|
|
|
755
755
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
756
|
-
<MessagePrimitive.
|
|
756
|
+
<MessagePrimitive.Parts />
|
|
757
757
|
</div>
|
|
758
758
|
|
|
759
759
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -798,7 +798,7 @@ const AssistantMessage: FC = () => {
|
|
|
798
798
|
return (
|
|
799
799
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
800
800
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
801
|
-
<MessagePrimitive.
|
|
801
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
802
802
|
</div>
|
|
803
803
|
|
|
804
804
|
<AssistantActionBar />
|
|
@@ -1666,18 +1666,18 @@ export default nextConfig;
|
|
|
1666
1666
|
"class-variance-authority": "^0.7.1",
|
|
1667
1667
|
"clsx": "^2.1.1",
|
|
1668
1668
|
"json-schema-to-zod": "^2.6.1",
|
|
1669
|
-
"lucide-react": "^0.
|
|
1670
|
-
"next": "15.3.
|
|
1669
|
+
"lucide-react": "^0.523.0",
|
|
1670
|
+
"next": "15.3.4",
|
|
1671
1671
|
"react": "19.1.0",
|
|
1672
1672
|
"react-dom": "19.1.0",
|
|
1673
|
-
"react-hook-form": "^7.58.
|
|
1673
|
+
"react-hook-form": "^7.58.1",
|
|
1674
1674
|
"react-resizable-panels": "^3.0.3",
|
|
1675
1675
|
"remark-gfm": "^4.0.1",
|
|
1676
1676
|
"tailwind-merge": "^3.3.1",
|
|
1677
1677
|
"tw-animate-css": "^1.3.4",
|
|
1678
|
-
"zod": "^3.25.
|
|
1679
|
-
"zod-to-json-schema": "^3.24.
|
|
1680
|
-
"zustand": "^5.0.
|
|
1678
|
+
"zod": "^3.25.67",
|
|
1679
|
+
"zod-to-json-schema": "^3.24.6",
|
|
1680
|
+
"zustand": "^5.0.6"
|
|
1681
1681
|
},
|
|
1682
1682
|
"devDependencies": {
|
|
1683
1683
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
@@ -1685,9 +1685,9 @@ export default nextConfig;
|
|
|
1685
1685
|
"@types/react": "^19",
|
|
1686
1686
|
"@types/react-dom": "^19",
|
|
1687
1687
|
"eslint": "^9",
|
|
1688
|
-
"eslint-config-next": "15.3.
|
|
1688
|
+
"eslint-config-next": "15.3.4",
|
|
1689
1689
|
"postcss": "^8",
|
|
1690
|
-
"tailwindcss": "^4.1.
|
|
1690
|
+
"tailwindcss": "^4.1.11",
|
|
1691
1691
|
"typescript": "^5.8.3"
|
|
1692
1692
|
}
|
|
1693
1693
|
}
|
|
@@ -725,7 +725,7 @@ const UserMessage: FC = () => {
|
|
|
725
725
|
<UserActionBar />
|
|
726
726
|
|
|
727
727
|
<div className="bg-muted text-foreground col-start-2 row-start-2 max-w-[calc(var(--thread-max-width)*0.8)] break-words rounded-3xl px-5 py-2.5">
|
|
728
|
-
<MessagePrimitive.
|
|
728
|
+
<MessagePrimitive.Parts />
|
|
729
729
|
</div>
|
|
730
730
|
|
|
731
731
|
<BranchPicker className="col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
|
|
@@ -770,7 +770,7 @@ const AssistantMessage: FC = () => {
|
|
|
770
770
|
return (
|
|
771
771
|
<MessagePrimitive.Root className="relative grid w-full max-w-[var(--thread-max-width)] grid-cols-[auto_auto_1fr] grid-rows-[auto_1fr] py-4">
|
|
772
772
|
<div className="text-foreground col-span-2 col-start-2 row-start-1 my-1.5 max-w-[calc(var(--thread-max-width)*0.8)] break-words leading-7">
|
|
773
|
-
<MessagePrimitive.
|
|
773
|
+
<MessagePrimitive.Parts components={{ Text: MarkdownText }} />
|
|
774
774
|
</div>
|
|
775
775
|
|
|
776
776
|
<AssistantActionBar />
|
|
@@ -1099,15 +1099,15 @@ export default nextConfig;
|
|
|
1099
1099
|
"ai": "^4.3.16",
|
|
1100
1100
|
"class-variance-authority": "^0.7.1",
|
|
1101
1101
|
"clsx": "^2.1.1",
|
|
1102
|
-
"lucide-react": "^0.
|
|
1102
|
+
"lucide-react": "^0.523.0",
|
|
1103
1103
|
"nanoid": "5.1.5",
|
|
1104
|
-
"next": "15.3.
|
|
1104
|
+
"next": "15.3.4",
|
|
1105
1105
|
"react": "19.1.0",
|
|
1106
1106
|
"react-dom": "19.1.0",
|
|
1107
1107
|
"remark-gfm": "^4.0.1",
|
|
1108
1108
|
"tailwind-merge": "^3.3.1",
|
|
1109
1109
|
"tw-animate-css": "^1.3.4",
|
|
1110
|
-
"zod": "^3.25.
|
|
1110
|
+
"zod": "^3.25.67"
|
|
1111
1111
|
},
|
|
1112
1112
|
"devDependencies": {
|
|
1113
1113
|
"@assistant-ui/x-buildutils": "workspace:*",
|
|
@@ -1115,9 +1115,9 @@ export default nextConfig;
|
|
|
1115
1115
|
"@types/react": "^19",
|
|
1116
1116
|
"@types/react-dom": "^19",
|
|
1117
1117
|
"eslint": "^9",
|
|
1118
|
-
"eslint-config-next": "15.3.
|
|
1118
|
+
"eslint-config-next": "15.3.4",
|
|
1119
1119
|
"postcss": "^8",
|
|
1120
|
-
"tailwindcss": "^4.1.
|
|
1120
|
+
"tailwindcss": "^4.1.11",
|
|
1121
1121
|
"typescript": "^5.8.3"
|
|
1122
1122
|
}
|
|
1123
1123
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
---
|
|
2
|
-
title: <
|
|
2
|
+
title: <TextMessagePartProvider />
|
|
3
3
|
---
|
|
4
4
|
|
|
5
5
|
import { ParametersTable } from "@/components/docs";
|
|
6
6
|
import { AssistantRuntimeProvider } from "@/generated/typeDocs";
|
|
7
7
|
|
|
8
|
-
The `
|
|
8
|
+
The `TextMessagePartProvider` provides data and APIs for `TextMessagePart` components.
|
|
9
9
|
|
|
10
10
|
This is useful if you want to reuse the same `Text` component outside of a message text, e.g. with the `@assistant-ui/react-markdown` package.
|
|
11
11
|
|
|
@@ -14,7 +14,7 @@ import { AssistantRuntimeProvider } from "@assistant-ui/react";
|
|
|
14
14
|
|
|
15
15
|
const MyApp = () => {
|
|
16
16
|
return (
|
|
17
|
-
<
|
|
17
|
+
<TextMessagePartProvider text={"Hello!"}>
|
|
18
18
|
<MyMarkdownText />
|
|
19
19
|
</AssistantRuntimeProvider>
|
|
20
20
|
);
|
|
@@ -51,7 +51,7 @@ Drop-in replacement hook for `useForm` that adds support for `@assistant-ui/reac
|
|
|
51
51
|
parameters: [
|
|
52
52
|
{
|
|
53
53
|
name: "render",
|
|
54
|
-
type: "
|
|
54
|
+
type: "ToolCallMessagePartComponent<{ name: string; value: string; }, {}>",
|
|
55
55
|
description:
|
|
56
56
|
"The component to render when set_form_field is called.",
|
|
57
57
|
},
|
|
@@ -68,7 +68,7 @@ Drop-in replacement hook for `useForm` that adds support for `@assistant-ui/reac
|
|
|
68
68
|
parameters: [
|
|
69
69
|
{
|
|
70
70
|
name: "render",
|
|
71
|
-
type: "
|
|
71
|
+
type: "ToolCallMessagePartComponent<{}, {}>",
|
|
72
72
|
description:
|
|
73
73
|
"The component to render when submit_form is called.",
|
|
74
74
|
},
|
|
@@ -11,7 +11,7 @@ export const contextColors = {
|
|
|
11
11
|
"Thread Context": "#45a049",
|
|
12
12
|
"Composer Context": "#ff9933",
|
|
13
13
|
"Message Context": "#bb2244",
|
|
14
|
-
"
|
|
14
|
+
"MessagePart Context": "#268bd2",
|
|
15
15
|
"Attachment Context": "#FFB6C1",
|
|
16
16
|
"ThreadListItem Context": "#c678dd",
|
|
17
17
|
};
|
|
@@ -93,20 +93,20 @@ export const contextColors = {
|
|
|
93
93
|
</Component>
|
|
94
94
|
|
|
95
95
|
<Component
|
|
96
|
-
name="
|
|
96
|
+
name="TextMessagePartProvider"
|
|
97
97
|
isContextProvider={true}
|
|
98
98
|
providedContexts={[
|
|
99
99
|
{
|
|
100
|
-
name: "Text
|
|
101
|
-
color: contextColors["
|
|
102
|
-
link: "#
|
|
100
|
+
name: "Text MessagePart Context",
|
|
101
|
+
color: contextColors["MessagePart Context"],
|
|
102
|
+
link: "#MessagePart-context",
|
|
103
103
|
},
|
|
104
104
|
]}
|
|
105
|
-
docsLink="./context-providers/
|
|
106
|
-
tooltip="Provides context for text
|
|
105
|
+
docsLink="./context-providers/TextMessagePartProvider"
|
|
106
|
+
tooltip="Provides context for text message parts"
|
|
107
107
|
props="text={text}"
|
|
108
108
|
>
|
|
109
|
-
<Component name="
|
|
109
|
+
<Component name="MessagePart" isLink={true} />
|
|
110
110
|
</Component>
|
|
111
111
|
|
|
112
112
|
<ContextLevel color={contextColors["Assistant Context"]}>
|
|
@@ -356,16 +356,16 @@ Manages the state and actions for individual messages
|
|
|
356
356
|
tooltip="Root component for a message"
|
|
357
357
|
>
|
|
358
358
|
<Component
|
|
359
|
-
name="MessagePrimitive.
|
|
359
|
+
name="MessagePrimitive.Parts"
|
|
360
360
|
isContextProvider={true}
|
|
361
361
|
providedContexts={[
|
|
362
362
|
{
|
|
363
|
-
name: "
|
|
364
|
-
color: contextColors["
|
|
363
|
+
name: "MessagePart Context",
|
|
364
|
+
color: contextColors["MessagePart Context"],
|
|
365
365
|
},
|
|
366
366
|
]}
|
|
367
|
-
docsLink="#message-primitive-
|
|
368
|
-
tooltip="Displays the
|
|
367
|
+
docsLink="#message-primitive-parts"
|
|
368
|
+
tooltip="Displays the parts of the message"
|
|
369
369
|
/>
|
|
370
370
|
<Component
|
|
371
371
|
name="MessagePrimitive.Attachments"
|
|
@@ -456,23 +456,23 @@ Manages the state and actions for individual messages
|
|
|
456
456
|
|
|
457
457
|
</ContextLevel>
|
|
458
458
|
|
|
459
|
-
<ContextLevel color={contextColors["
|
|
459
|
+
<ContextLevel color={contextColors["MessagePart Context"]}>
|
|
460
460
|
|
|
461
|
-
##
|
|
461
|
+
## MessagePart Context
|
|
462
462
|
|
|
463
|
-
Manages the state and actions for
|
|
463
|
+
Manages the state and actions for message parts within messages
|
|
464
464
|
|
|
465
|
-
###
|
|
465
|
+
### MessagePartRuntime
|
|
466
466
|
|
|
467
|
-
- [`
|
|
468
|
-
- [`
|
|
469
|
-
- [`
|
|
470
|
-
- [`
|
|
467
|
+
- [`useMessagePart`](#use-content-part)
|
|
468
|
+
- [`useMessagePartText`](#use-content-part-text)
|
|
469
|
+
- [`useMessagePartReasoning`](#use-content-part-reasoning)
|
|
470
|
+
- [`useMessagePartRuntime`](#use-content-part-runtime)
|
|
471
471
|
|
|
472
|
-
###
|
|
472
|
+
### MessagePartPrimitive
|
|
473
473
|
|
|
474
474
|
<Component
|
|
475
|
-
name="
|
|
475
|
+
name="MessagePartPrimitive.Text"
|
|
476
476
|
docsLink="#content-part-text"
|
|
477
477
|
tooltip="Represents a text part of the message content"
|
|
478
478
|
/>
|