@assistant-ui/mcp-docs-server 0.1.1

package/.docs/raw/docs/guides/Editing.mdx

@@ -0,0 +1,56 @@
+---
+title: Message Editing
+---
+
+Give the user the ability to edit their message.
+
+## Enabling edit support
+
+You can show an editor interface by using `ComposerPrimitive`.
+
+```tsx {1,11,25,31-43}
+import { ComposerPrimitive } from "@assistant-ui/react";
+...
+
+const Thread = () => {
+  return (
+    <ThreadPrimitive.Root>
+      <ThreadPrimitive.Viewport>
+        ...
+        <ThreadPrimitive.Messages components={{
+          ...,
+          EditComposer, // <-- Show our new component during edit mode
+        }} />
+      </ThreadPrimitive.Viewport>
+      ...
+    </ThreadPrimitive.Root>
+  );
+};
+
+const UserMessage = () => {
+  return (
+    <MessagePrimitive.Root>
+      ...
+      <ActionBarPrimitive.Root>
+        ...
+        <ActionBarPrimitive.Edit /> {/* <-- add a button to enable edit mode */}
+      </ActionBarPrimitive.Root>
+    </MessagePrimitive.Root>
+  );
+};
+
+// define a new component
+const EditComposer = () => {
+  return (
+    // you can return a MessagePrimitive including a ComposerPrimitive, or only a ComposerPrimitive
+    <MessagePrimitive.Root>
+      ...
+      <ComposerPrimitive.Root>
+        <ComposerPrimitive.Input />
+        <ComposerPrimitive.Cancel />
+        <ComposerPrimitive.Send />
+      </ComposerPrimitive.Root>
+    </MessagePrimitive.Root>
+  );
+};
+```

package/.docs/raw/docs/guides/Speech.mdx

@@ -0,0 +1,43 @@
+---
+title: Speech
+---
+
+import { SpeechSample } from "../../../components/samples/speech-sample";
+
+## Text-to-Speech
+
+assistant-ui supports text-to-speech via the `SpeechSynthesisAdapter` interface.
+
+<SpeechSample />
+
+### SpeechSynthesisAdapter
+
+Currently, the following speech synthesis adapters are supported:
+
+- `WebSpeechSynthesisAdapter`: Uses the browser's `Web Speech API` API
+
+Support for other speech synthesis adapters is planned for the future.
+
+Passing a `SpeechSynthesisAdapter` to the `EdgeRuntime` will enable text-to-speech support.
+
+### UI
+
+By default, a `Read aloud` button will be shown in the assistant message action bar.
+
+This is implemented using `AssistantActionBar.SpeechControl` which is a wrapper around `AssistantActionBar.Speak` and `AssistantActionBar.StopSpeaking`.
+The underlying primitives are `ActionBarPrimitive.Speak` and `ActionBarPrimitive.StopSpeaking`.
+
+### Example
+
+The following example uses the `WebSpeechSynthesisAdapter`.
+
+```tsx
+import { WebSpeechSynthesisAdapter } from "@assistant-ui/react";
+
+const runtime = useChatRuntime({
+  api: "/api/chat",
+  adapters: {
+    speech: new WebSpeechSynthesisAdapter(),
+  },
+});
+```