@agno-hq/chat-react 0.3.1 → 0.3.3

package/README.md

@@ -177,7 +177,9 @@ as `R, G, B` triples:
 | `<ChatLauncher>` | Floating support-widget shell: a corner bubble that opens any chat surface. |
 | `<QuickPrompts>` | Suggested-prompt chips. |
 | `<MessageList>` | Auto-scrolling transcript with live status + footer slot. |
-| `<Message>` | A single message: content, behind-the-scenes panel, media, citations, follow-ups. |
+| `<Message>` | A single message: content, behind-the-scenes panel, media, citations, follow-ups, action row. |
+| `<MessageActions>` | The icon row under a finished answer — copy, plus whatever the product adds. |
+| `<CopyButton>` | The copy control, with the "copied" flash and clipboard fallbacks — the one code blocks and answers use. |
 | `<BehindTheScenes>` | One collapsible timeline over a run's reasoning, tools, member turns, steps and events — doubles as the live status line. |
 | `<ChatInput>` | Multiline input with file attach, send, and stop; opens up for @mentions, context chips and a custom textarea. |
 | `<ToolCalls>` | Collapsible tool-call cards (name, args, result, status). |
@@ -383,16 +385,18 @@ with `<EventLog>` wherever you want it:
 
 Whatever a run cites — knowledge-base chunks in `references`, browsed links in
 `citations.urls` — is flattened into one numbered list and rendered as cards
-under the answer: the site's favicon and the title, linking to the source. A
-`[1]` in the answer text becomes a chip pointing at card one, and hovering
-either the chip or a link opens a preview with the URL and the cited passage:
+under the answer: the site's favicon and the title, linking to the source,
+with the rest behind a "+N more" card past the first three. A `[1]` in the
+answer text becomes a numbered disc pointing at card one, and hovering either
+the disc or a link opens a preview with the URL and the cited passage:
 
 ```tsx
 <Message message={message} />           // markers, cards and previews, no props
 <Message message={message} hideSources />   // just the answer
 ```
 
-The hostname and favicon come from the URL itself, and the title and passage
+The hostname and favicon (`/favicon.ico`, then `/favicon.svg`) come from the
+URL itself, and the title and passage
 from the citation payload, so previews need no network of their own. To fill in
 OpenGraph metadata, hand the provider a `resolveLinkPreview` — the browser can't
 read another origin's meta tags, so back it with an endpoint of your own. It is
@@ -475,6 +479,32 @@ tree:
 <AgnoChat codeCopy={false} />
 ```
 
+### Message actions
+
+A finished answer carries an action row — the AgentOS strip of small icon
+buttons under the text, shown when the message is pointed at. The package
+ships copy; the row is a slot for the rest:
+
+```tsx
+<Message
+  message={m}
+  actions={<>
+    <button className="agno-msg__action" onClick={() => regenerate(m)} aria-label="Regenerate">
+      <RotateCw size={14} />
+    </button>
+    <button className="agno-msg__action" onClick={() => rate(m, 'up')} aria-label="Good answer">
+      <ThumbsUp size={14} />
+    </button>
+  </>}
+/>
+<Message message={m} hideActions />          // no row at all
+```
+
+`<MessageActions message={m}>` is the row on its own, for a transcript you
+render yourself, and `<CopyButton text={…}>` is the control inside it — the
+same one a code block's header uses, so every copy affordance flashes the same
+tick and falls back the same way when the Clipboard API is unavailable.
+
 Prefer a different renderer? `renderMarkdown` replaces it entirely:
 
 ```tsx

package/dist/chat/index.cjs

@@ -1,334 +1,346 @@
 'use client';
 'use strict';
 
-var chunkJEPFGKHH_cjs = require('../chunk-JEPFGKHH.cjs');
+var chunk3IEYJIYJ_cjs = require('../chunk-3IEYJIYJ.cjs');
 require('../chunk-55HQJGLP.cjs');
 
 
 
 Object.defineProperty(exports, "AgnoChat", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.AgnoChat; }
+  get: function () { return chunk3IEYJIYJ_cjs.AgnoChat; }
 });
 Object.defineProperty(exports, "AgnoMark", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.AgnoMark; }
+  get: function () { return chunk3IEYJIYJ_cjs.AgnoMark; }
 });
 Object.defineProperty(exports, "ArrowUp", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ArrowUp; }
+  get: function () { return chunk3IEYJIYJ_cjs.ArrowUp; }
 });
 Object.defineProperty(exports, "BehindTheScenes", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.BehindTheScenes; }
+  get: function () { return chunk3IEYJIYJ_cjs.BehindTheScenes; }
 });
 Object.defineProperty(exports, "BookOpen", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.BookOpen; }
+  get: function () { return chunk3IEYJIYJ_cjs.BookOpen; }
 });
 Object.defineProperty(exports, "Box", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Box; }
+  get: function () { return chunk3IEYJIYJ_cjs.Box; }
 });
 Object.defineProperty(exports, "Brain", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Brain; }
+  get: function () { return chunk3IEYJIYJ_cjs.Brain; }
 });
 Object.defineProperty(exports, "ChatBubble", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ChatBubble; }
+  get: function () { return chunk3IEYJIYJ_cjs.ChatBubble; }
 });
 Object.defineProperty(exports, "ChatInput", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ChatInput; }
+  get: function () { return chunk3IEYJIYJ_cjs.ChatInput; }
 });
 Object.defineProperty(exports, "ChatLauncher", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ChatLauncher; }
+  get: function () { return chunk3IEYJIYJ_cjs.ChatLauncher; }
 });
 Object.defineProperty(exports, "ChatProvider", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ChatProvider; }
+  get: function () { return chunk3IEYJIYJ_cjs.ChatProvider; }
 });
 Object.defineProperty(exports, "ChatWindow", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ChatWindow; }
+  get: function () { return chunk3IEYJIYJ_cjs.ChatWindow; }
 });
 Object.defineProperty(exports, "Check", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Check; }
+  get: function () { return chunk3IEYJIYJ_cjs.Check; }
 });
 Object.defineProperty(exports, "ChevronDown", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ChevronDown; }
+  get: function () { return chunk3IEYJIYJ_cjs.ChevronDown; }
 });
 Object.defineProperty(exports, "Citations", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Citations; }
+  get: function () { return chunk3IEYJIYJ_cjs.Citations; }
 });
 Object.defineProperty(exports, "Close", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Close; }
+  get: function () { return chunk3IEYJIYJ_cjs.Close; }
 });
 Object.defineProperty(exports, "Copy", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Copy; }
+  get: function () { return chunk3IEYJIYJ_cjs.Copy; }
+});
+Object.defineProperty(exports, "CopyButton", {
+  enumerable: true,
+  get: function () { return chunk3IEYJIYJ_cjs.CopyButton; }
 });
 Object.defineProperty(exports, "EntityBadge", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.EntityBadge; }
+  get: function () { return chunk3IEYJIYJ_cjs.EntityBadge; }
 });
 Object.defineProperty(exports, "EntitySelector", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.EntitySelector; }
+  get: function () { return chunk3IEYJIYJ_cjs.EntitySelector; }
 });
 Object.defineProperty(exports, "EventLog", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.EventLog; }
+  get: function () { return chunk3IEYJIYJ_cjs.EventLog; }
 });
 Object.defineProperty(exports, "Favicon", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Favicon; }
+  get: function () { return chunk3IEYJIYJ_cjs.Favicon; }
 });
 Object.defineProperty(exports, "FileAudio", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.FileAudio; }
+  get: function () { return chunk3IEYJIYJ_cjs.FileAudio; }
 });
 Object.defineProperty(exports, "FileIcon", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.FileIcon; }
+  get: function () { return chunk3IEYJIYJ_cjs.FileIcon; }
 });
 Object.defineProperty(exports, "FilePreview", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.FilePreview; }
+  get: function () { return chunk3IEYJIYJ_cjs.FilePreview; }
 });
 Object.defineProperty(exports, "FileType", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.FileType; }
+  get: function () { return chunk3IEYJIYJ_cjs.FileType; }
 });
 Object.defineProperty(exports, "FileVideo", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.FileVideo; }
+  get: function () { return chunk3IEYJIYJ_cjs.FileVideo; }
 });
 Object.defineProperty(exports, "Followups", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Followups; }
+  get: function () { return chunk3IEYJIYJ_cjs.Followups; }
 });
 Object.defineProperty(exports, "Globe", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Globe; }
+  get: function () { return chunk3IEYJIYJ_cjs.Globe; }
 });
 Object.defineProperty(exports, "GridLoader", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.GridLoader; }
+  get: function () { return chunk3IEYJIYJ_cjs.GridLoader; }
 });
 Object.defineProperty(exports, "HoverPreview", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.HoverPreview; }
+  get: function () { return chunk3IEYJIYJ_cjs.HoverPreview; }
 });
 Object.defineProperty(exports, "HumanInput", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.HumanInput; }
+  get: function () { return chunk3IEYJIYJ_cjs.HumanInput; }
 });
 Object.defineProperty(exports, "LinkIcon", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.LinkIcon; }
+  get: function () { return chunk3IEYJIYJ_cjs.LinkIcon; }
 });
 Object.defineProperty(exports, "LinkPreviewCard", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.LinkPreviewCard; }
+  get: function () { return chunk3IEYJIYJ_cjs.LinkPreviewCard; }
 });
 Object.defineProperty(exports, "Markdown", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Markdown; }
+  get: function () { return chunk3IEYJIYJ_cjs.Markdown; }
 });
 Object.defineProperty(exports, "MemberResponses", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.MemberResponses; }
+  get: function () { return chunk3IEYJIYJ_cjs.MemberResponses; }
 });
 Object.defineProperty(exports, "Memory", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Memory; }
+  get: function () { return chunk3IEYJIYJ_cjs.Memory; }
 });
 Object.defineProperty(exports, "Message", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Message; }
+  get: function () { return chunk3IEYJIYJ_cjs.Message; }
+});
+Object.defineProperty(exports, "MessageActions", {
+  enumerable: true,
+  get: function () { return chunk3IEYJIYJ_cjs.MessageActions; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.MessageList; }
+  get: function () { return chunk3IEYJIYJ_cjs.MessageList; }
 });
 Object.defineProperty(exports, "Multimedia", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Multimedia; }
+  get: function () { return chunk3IEYJIYJ_cjs.Multimedia; }
 });
 Object.defineProperty(exports, "Paperclip", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Paperclip; }
+  get: function () { return chunk3IEYJIYJ_cjs.Paperclip; }
 });
 Object.defineProperty(exports, "Plus", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Plus; }
+  get: function () { return chunk3IEYJIYJ_cjs.Plus; }
 });
 Object.defineProperty(exports, "Pulse", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Pulse; }
+  get: function () { return chunk3IEYJIYJ_cjs.Pulse; }
 });
 Object.defineProperty(exports, "QuickPrompts", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.QuickPrompts; }
+  get: function () { return chunk3IEYJIYJ_cjs.QuickPrompts; }
 });
 Object.defineProperty(exports, "Reasoning", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Reasoning; }
+  get: function () { return chunk3IEYJIYJ_cjs.Reasoning; }
 });
 Object.defineProperty(exports, "Rerun", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Rerun; }
+  get: function () { return chunk3IEYJIYJ_cjs.Rerun; }
 });
 Object.defineProperty(exports, "SessionList", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.SessionList; }
+  get: function () { return chunk3IEYJIYJ_cjs.SessionList; }
 });
 Object.defineProperty(exports, "SourceCard", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.SourceCard; }
+  get: function () { return chunk3IEYJIYJ_cjs.SourceCard; }
 });
 Object.defineProperty(exports, "SourcesProvider", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.SourcesProvider; }
+  get: function () { return chunk3IEYJIYJ_cjs.SourcesProvider; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Spinner; }
+  get: function () { return chunk3IEYJIYJ_cjs.Spinner; }
 });
 Object.defineProperty(exports, "StatusIndicator", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.StatusIndicator; }
+  get: function () { return chunk3IEYJIYJ_cjs.StatusIndicator; }
 });
 Object.defineProperty(exports, "Stop", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Stop; }
+  get: function () { return chunk3IEYJIYJ_cjs.Stop; }
 });
 Object.defineProperty(exports, "TeamGlyph", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.TeamGlyph; }
+  get: function () { return chunk3IEYJIYJ_cjs.TeamGlyph; }
 });
 Object.defineProperty(exports, "ToolCalls", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.ToolCalls; }
+  get: function () { return chunk3IEYJIYJ_cjs.ToolCalls; }
 });
 Object.defineProperty(exports, "Trash", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Trash; }
+  get: function () { return chunk3IEYJIYJ_cjs.Trash; }
 });
 Object.defineProperty(exports, "WorkflowSteps", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.WorkflowSteps; }
+  get: function () { return chunk3IEYJIYJ_cjs.WorkflowSteps; }
 });
 Object.defineProperty(exports, "Wrench", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.Wrench; }
+  get: function () { return chunk3IEYJIYJ_cjs.Wrench; }
 });
 Object.defineProperty(exports, "admitFiles", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.admitFiles; }
+  get: function () { return chunk3IEYJIYJ_cjs.admitFiles; }
 });
 Object.defineProperty(exports, "behindTheScenesItems", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.behindTheScenesItems; }
+  get: function () { return chunk3IEYJIYJ_cjs.behindTheScenesItems; }
 });
 Object.defineProperty(exports, "behindTheScenesLabel", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.behindTheScenesLabel; }
+  get: function () { return chunk3IEYJIYJ_cjs.behindTheScenesLabel; }
 });
 Object.defineProperty(exports, "collectSources", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.collectSources; }
+  get: function () { return chunk3IEYJIYJ_cjs.collectSources; }
 });
 Object.defineProperty(exports, "displayUrl", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.displayUrl; }
+  get: function () { return chunk3IEYJIYJ_cjs.displayUrl; }
+});
+Object.defineProperty(exports, "faviconFallbacks", {
+  enumerable: true,
+  get: function () { return chunk3IEYJIYJ_cjs.faviconFallbacks; }
 });
 Object.defineProperty(exports, "faviconUrl", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.faviconUrl; }
+  get: function () { return chunk3IEYJIYJ_cjs.faviconUrl; }
 });
 Object.defineProperty(exports, "fileAccepted", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.fileAccepted; }
+  get: function () { return chunk3IEYJIYJ_cjs.fileAccepted; }
 });
 Object.defineProperty(exports, "getProviderIcon", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.getProviderIcon; }
+  get: function () { return chunk3IEYJIYJ_cjs.getProviderIcon; }
 });
 Object.defineProperty(exports, "hasBehindTheScenes", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.hasBehindTheScenes; }
+  get: function () { return chunk3IEYJIYJ_cjs.hasBehindTheScenes; }
 });
 Object.defineProperty(exports, "linkCitations", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.linkCitations; }
+  get: function () { return chunk3IEYJIYJ_cjs.linkCitations; }
 });
 Object.defineProperty(exports, "normalizeFollowups", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.normalizeFollowups; }
+  get: function () { return chunk3IEYJIYJ_cjs.normalizeFollowups; }
 });
 Object.defineProperty(exports, "quickPromptLabel", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.quickPromptLabel; }
+  get: function () { return chunk3IEYJIYJ_cjs.quickPromptLabel; }
 });
 Object.defineProperty(exports, "quickPromptText", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.quickPromptText; }
+  get: function () { return chunk3IEYJIYJ_cjs.quickPromptText; }
 });
 Object.defineProperty(exports, "sourceHost", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.sourceHost; }
+  get: function () { return chunk3IEYJIYJ_cjs.sourceHost; }
 });
 Object.defineProperty(exports, "sourcesFromMarkdown", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.sourcesFromMarkdown; }
+  get: function () { return chunk3IEYJIYJ_cjs.sourcesFromMarkdown; }
 });
 Object.defineProperty(exports, "useAgnoChat", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useAgnoChat; }
+  get: function () { return chunk3IEYJIYJ_cjs.useAgnoChat; }
 });
 Object.defineProperty(exports, "useChatContext", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useChatContext; }
+  get: function () { return chunk3IEYJIYJ_cjs.useChatContext; }
 });
 Object.defineProperty(exports, "useLinkComponent", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useLinkComponent; }
+  get: function () { return chunk3IEYJIYJ_cjs.useLinkComponent; }
 });
 Object.defineProperty(exports, "useLinkPreview", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useLinkPreview; }
+  get: function () { return chunk3IEYJIYJ_cjs.useLinkPreview; }
 });
 Object.defineProperty(exports, "useOptionalChatContext", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useOptionalChatContext; }
+  get: function () { return chunk3IEYJIYJ_cjs.useOptionalChatContext; }
 });
 Object.defineProperty(exports, "useResolvedChat", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useResolvedChat; }
+  get: function () { return chunk3IEYJIYJ_cjs.useResolvedChat; }
 });
 Object.defineProperty(exports, "useResolvedClassNames", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useResolvedClassNames; }
+  get: function () { return chunk3IEYJIYJ_cjs.useResolvedClassNames; }
 });
 Object.defineProperty(exports, "useSources", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.useSources; }
+  get: function () { return chunk3IEYJIYJ_cjs.useSources; }
 });
 Object.defineProperty(exports, "withoutSourcesLine", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.withoutSourcesLine; }
+  get: function () { return chunk3IEYJIYJ_cjs.withoutSourcesLine; }
 });
 Object.defineProperty(exports, "writeClipboard", {
   enumerable: true,
-  get: function () { return chunkJEPFGKHH_cjs.writeClipboard; }
+  get: function () { return chunk3IEYJIYJ_cjs.writeClipboard; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/chat/index.d.cts

@@ -148,6 +148,10 @@ interface ChatClassNames {
     markdown?: string;
     /** "Working…" line shown while streaming with no content yet. */
     activity?: string;
+    /** `<MessageActions>` — the icon row under a finished answer. */
+    messageActions?: string;
+    /** The copy button in that row. */
+    messageCopyButton?: string;
     /** `<ChatInput>` wrapper. */
     input?: string;
     /** Row holding attach / textarea / send. */
@@ -291,8 +295,12 @@ declare function sourceHost(url?: string): string | undefined;
 /**
  * The site's own icon. Same-origin to the site being cited, so no third-party
  * favicon service is involved and nothing is requested until a card renders.
+ * `/favicon.ico` by convention; `/favicon.svg` is the next guess, for sites
+ * that only declare an SVG icon (see `faviconFallbacks`).
  */
 declare function faviconUrl(url?: string): string | undefined;
+/** Every same-origin icon path worth trying, in order. Empty for a bad URL. */
+declare function faviconFallbacks(url?: string): string[];
 /** `docs.agno.com/introduction` — the host plus a trimmed path, for card chrome. */
 declare function displayUrl(url?: string): string | undefined;
 /**
@@ -356,6 +364,36 @@ declare const SourcesProvider: React$1.Provider<Source[]>;
 /** The sources of the surrounding message; empty outside one. */
 declare function useSources(): Source[];
 
+/**
+ * The copy control — one component wherever something can be copied: the
+ * header of a fenced code block, the action row under an answer, a host's own
+ * surface. It owns the "copied" flash and the clipboard fallbacks, so every
+ * copy affordance in a transcript behaves the same way.
+ */
+
+/**
+ * Copy text, by whichever route the browser allows.
+ *
+ * The async Clipboard API is the right one, but it rejects on an insecure
+ * origin and whenever the document isn't focused — so a selection-based copy
+ * stands behind it. Returns whether anything was actually copied: the button
+ * should not claim success it didn't have.
+ *
+ * Exported because a host building its own copy affordance wants the same
+ * fallbacks, and because the failure paths are worth testing.
+ */
+declare function writeClipboard(text: string): Promise<boolean>;
+interface CopyButtonProps {
+    /** What to copy — a string, or a function for text that is costly to build. */
+    text: string | (() => string);
+    /** Accessible name and tooltip. Defaults to "Copy". */
+    label?: string;
+    /** Icon size, in px. */
+    size?: number;
+    className?: string;
+}
+declare function CopyButton({ text, label, size, className }: CopyButtonProps): React$1.ReactElement;
+
 /**
  * Markdown for a chat transcript, rendered by [Streamdown](https://streamdown.ai).
  *
@@ -399,18 +437,6 @@ interface MarkdownProps {
     /** Escape hatch onto Streamdown itself — anything not set here. */
     options?: Omit<StreamdownProps, 'children' | 'className' | 'components'>;
 }
-/**
- * Copy text, by whichever route the browser allows.
- *
- * The async Clipboard API is the right one, but it rejects on an insecure
- * origin and whenever the document isn't focused — so a selection-based copy
- * stands behind it. Returns whether anything was actually copied: the button
- * should not claim success it didn't have.
- *
- * Exported because a host building its own copy affordance wants the same
- * fallbacks, and because the failure paths are worth testing.
- */
-declare function writeClipboard(text: string): Promise<boolean>;
 declare function Markdown({ content, className, sources, streaming, codeCopy, linkComponent, options, }: MarkdownProps): React$1.ReactElement;
 type RenderMarkdown = (content: string) => React$1.ReactNode;
 
@@ -778,6 +804,10 @@ interface MessageProps {
     hideTools?: boolean;
     /** Hide the sources block under the answer. */
     hideSources?: boolean;
+    /** Hide the action row (copy, and whatever `actions` adds) under the answer. */
+    hideActions?: boolean;
+    /** More actions for the row, after copy — regenerate, feedback, and so on. */
+    actions?: React$1.ReactNode;
     /**
      * Render the "Related questions" the agent suggested under this message,
      * sending the clicked one here. Off by default: `<ChatWindow>` pins them
@@ -791,7 +821,26 @@ interface MessageProps {
     className?: string;
     classNames?: ChatClassNames;
 }
-declare function Message({ message, renderMarkdown, activity, avatar, children, className, classNames, entityType, userInitials, hideReasoning, hideTools, hideSources, onFollowup, }: MessageProps): React$1.ReactElement;
+declare function Message({ message, renderMarkdown, activity, avatar, children, className, classNames, entityType, userInitials, hideReasoning, hideTools, hideSources, hideActions, actions, onFollowup, }: MessageProps): React$1.ReactElement;
+
+/**
+ * The action row under a finished answer — the Figma `_Chat messages/Actions`
+ * strip: small icon buttons in a line, copy first. The package ships copy;
+ * anything a product adds (regenerate, feedback, "view JSON") goes in as
+ * children and lines up with it.
+ */
+
+interface MessageActionsProps {
+    /** The message the actions apply to; copy takes its content. */
+    message: ChatMessage;
+    /** Leave the copy button out (a host that copies differently). */
+    hideCopy?: boolean;
+    /** More actions, rendered after copy. */
+    children?: React$1.ReactNode;
+    className?: string;
+    classNames?: ChatClassNames;
+}
+declare function MessageActions({ message, hideCopy, children, className, classNames, }: MessageActionsProps): React$1.ReactElement | null;
 
 /**
  * The AgentOS chat dock: a rounded card holding an auto-growing textarea and a
@@ -1106,7 +1155,10 @@ declare function useLinkPreview(url: string | undefined, enabled: boolean): {
     preview: LinkPreview | null;
     loading: boolean;
 };
-/** The site's icon, falling back to a glyph when the origin serves none. */
+/**
+ * The site's icon: `/favicon.ico`, then `/favicon.svg`, then a glyph when the
+ * origin serves neither.
+ */
 declare function Favicon({ url, kind, size, className, }: {
     url?: string;
     kind?: Source['kind'];
@@ -1321,8 +1373,11 @@ declare const Pulse: ({ size, className }: IconProps) => React$1.ReactElement;
 declare const Trash: ({ size, className }: IconProps) => React$1.ReactElement;
 declare const ChatBubble: ({ size, className }: IconProps) => React$1.ReactElement;
 declare const Spinner: ({ size, className }: IconProps) => React$1.ReactElement;
-/** The stop control is a filled square, not an outline. */
-declare function Stop({ size, className }: IconProps): React$1.ReactElement;
+/**
+ * The stop control: AgentOS's `square-stop`, a small outlined square in the
+ * same button the arrow sends from — 10.67px in a 32px or 24px button.
+ */
+declare const Stop: ({ size, className }: IconProps) => React$1.ReactElement;
 /** The Agno mark — used as the agent avatar, exactly as in AgentOS. */
 declare function AgnoMark({ size, className }: IconProps): React$1.ReactElement;
 /** The AgentOS `team` glyph, drawn in the current colour. */
@@ -1332,4 +1387,4 @@ declare function GridLoader({ className }: {
     className?: string;
 }): React$1.ReactElement;
 
-export { AgnoChat, type AgnoChatProps, AgnoMark, ArrowUp, BehindTheScenes, type BehindTheScenesProps, BookOpen, Box, Brain, ChatBubble, type ChatClassNames, type ChatContextValue, ChatInput, type ChatInputProps, ChatLauncher, type ChatLauncherProps, ChatProvider, type ChatProviderProps, type ChatTextareaProps, ChatWindow, type ChatWindowProps, Check, ChevronDown, Citations, type CitationsProps, Close, Copy, EntityBadge, type EntityBadgeProps, EntitySelector, EventLog, Favicon, FileAudio, FileIcon, type FileLimits, FilePreview, type FilePreviewProps, FileType, FileVideo, Followups, type FollowupsProps, Globe, GridLoader, HoverPreview, type HoverPreviewProps, HumanInput, type HumanInputProps, type LauncherPanel, type LauncherPosition, type LinkComponent, LinkIcon, type LinkPreview, LinkPreviewCard, type LinkPreviewCardProps, Markdown, type MarkdownProps, MemberResponses, Memory, Message, MessageList, type MessageListProps, type MessageProps, Multimedia, Paperclip, Plus, Pulse, type QuickPrompt, QuickPrompts, type QuickPromptsProps, Reasoning, type RenderMarkdown, Rerun, type ResolveLinkPreview, type SendOptions, SessionList, type SessionListProps, type Source, SourceCard, SourcesProvider, Spinner, StatusIndicator, Stop, TeamGlyph, ToolCalls, Trash, type UseAgnoChat, type UseAgnoChatOptions, WorkflowSteps, Wrench, admitFiles, behindTheScenesItems, behindTheScenesLabel, collectSources, displayUrl, faviconUrl, fileAccepted, getProviderIcon, hasBehindTheScenes, linkCitations, normalizeFollowups, quickPromptLabel, quickPromptText, sourceHost, sourcesFromMarkdown, useAgnoChat, useChatContext, useLinkComponent, useLinkPreview, useOptionalChatContext, useResolvedChat, useResolvedClassNames, useSources, withoutSourcesLine, writeClipboard };
+export { AgnoChat, type AgnoChatProps, AgnoMark, ArrowUp, BehindTheScenes, type BehindTheScenesProps, BookOpen, Box, Brain, ChatBubble, type ChatClassNames, type ChatContextValue, ChatInput, type ChatInputProps, ChatLauncher, type ChatLauncherProps, ChatProvider, type ChatProviderProps, type ChatTextareaProps, ChatWindow, type ChatWindowProps, Check, ChevronDown, Citations, type CitationsProps, Close, Copy, CopyButton, type CopyButtonProps, EntityBadge, type EntityBadgeProps, EntitySelector, EventLog, Favicon, FileAudio, FileIcon, type FileLimits, FilePreview, type FilePreviewProps, FileType, FileVideo, Followups, type FollowupsProps, Globe, GridLoader, HoverPreview, type HoverPreviewProps, HumanInput, type HumanInputProps, type LauncherPanel, type LauncherPosition, type LinkComponent, LinkIcon, type LinkPreview, LinkPreviewCard, type LinkPreviewCardProps, Markdown, type MarkdownProps, MemberResponses, Memory, Message, MessageActions, type MessageActionsProps, MessageList, type MessageListProps, type MessageProps, Multimedia, Paperclip, Plus, Pulse, type QuickPrompt, QuickPrompts, type QuickPromptsProps, Reasoning, type RenderMarkdown, Rerun, type ResolveLinkPreview, type SendOptions, SessionList, type SessionListProps, type Source, SourceCard, SourcesProvider, Spinner, StatusIndicator, Stop, TeamGlyph, ToolCalls, Trash, type UseAgnoChat, type UseAgnoChatOptions, WorkflowSteps, Wrench, admitFiles, behindTheScenesItems, behindTheScenesLabel, collectSources, displayUrl, faviconFallbacks, faviconUrl, fileAccepted, getProviderIcon, hasBehindTheScenes, linkCitations, normalizeFollowups, quickPromptLabel, quickPromptText, sourceHost, sourcesFromMarkdown, useAgnoChat, useChatContext, useLinkComponent, useLinkPreview, useOptionalChatContext, useResolvedChat, useResolvedClassNames, useSources, withoutSourcesLine, writeClipboard };