rgm-design-system 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 All notable changes to `rgm-design-system` are documented in this file.
 
+## 2.1.0 - 2026-07-19
+
+### Added
+
+- Added `ChatbotQueuedMessages`, a token-aware queued-message list with optional edit, remove, and drag-to-reorder actions.
+- Added queued-message rendering and callbacks to `ChatbotInput`, including moving an edited queued message back into the composer.
+- Added focused Storybook examples for standalone queued messages and queued messages integrated with the chatbot input.
+
+### Changed
+
+- Refined chatbot typography defaults for history, saved prompts, markdown, user bubbles, and agent tool accordion rows.
+- Tightened chatbot user-bubble action sizing and spacing.
+
 ## 2.0.0 - 2026-07-17
 
 ### Added

package/dist/components/chatbot-agent-tool-accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-agent-tool-accordion.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-agent-tool-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,KAAK,6BAA6B,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,8BAA8B,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX,GAAG;IACF,KAAK,EAAE,6BAA6B,EAAE,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,GAAG,KAAK,EACT,EAAE,8BAA8B,qBAiDhC;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,YAAY,EACV,6BAA6B,EAC7B,8BAA8B,GAC/B,CAAC"}
+{"version":3,"file":"chatbot-agent-tool-accordion.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-agent-tool-accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,KAAK,6BAA6B,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,8BAA8B,GAAG,IAAI,CACxC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX,GAAG;IACF,KAAK,EAAE,6BAA6B,EAAE,CAAC;IACvC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,cAAc,EACd,OAAO,EACP,eAAe,EACf,GAAG,KAAK,EACT,EAAE,8BAA8B,qBAoDhC;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAC;AACrC,YAAY,EACV,6BAA6B,EAC7B,8BAA8B,GAC/B,CAAC"}

package/dist/components/chatbot-input.d.ts

@@ -1,3 +1,4 @@
+import { ChatbotQueuedMessage, ChatbotQueuedMessageDropPlacement } from './chatbot-queued-messages';
 import { Textarea } from './ui/textarea';
 import * as React from "react";
 type ChatbotInputProps = Omit<React.ComponentProps<typeof Textarea>, "defaultValue" | "onChange" | "onSubmit" | "value"> & {
@@ -18,6 +19,10 @@ type ChatbotInputProps = Omit<React.ComponentProps<typeof Textarea>, "defaultVal
     submitLabel?: string;
     submitIcon?: React.ReactNode;
     submitOnEnter?: boolean;
+    queuedMessages?: readonly ChatbotQueuedMessage[];
+    onQueuedMessageEdit?: (message: ChatbotQueuedMessage) => void;
+    onQueuedMessageRemove?: (messageId: string) => void;
+    onQueuedMessageReorder?: (draggedMessageId: string, targetMessageId: string, placement: ChatbotQueuedMessageDropPlacement) => void;
 };
 declare const ChatbotInput: React.ForwardRefExoticComponent<Omit<ChatbotInputProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { ChatbotInput };

package/dist/components/chatbot-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-input.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAIpD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CACnD,GAAG;IACF,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AA8BF,QAAA,MAAM,YAAY,4GA8HjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"chatbot-input.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,iCAAiC,EACvC,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAIpD,KAAK,iBAAiB,GAAG,IAAI,CAC3B,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,EACrC,cAAc,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CACnD,GAAG;IACF,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;IACF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAC;IACjD,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9D,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,CAAC,EAAE,CACvB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,iCAAiC,KACzC,IAAI,CAAC;CACX,CAAC;AA8BF,QAAA,MAAM,YAAY,4GA+JjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/chatbot-queued-messages.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+type ChatbotQueuedMessage = {
+    id: string;
+    content: string;
+};
+type ChatbotQueuedMessageDropPlacement = "before" | "after";
+type ChatbotQueuedMessagesProps = Omit<React.ComponentProps<"div">, "children"> & {
+    messages: readonly ChatbotQueuedMessage[];
+    onEditMessage?: (message: ChatbotQueuedMessage) => void;
+    onRemoveMessage?: (messageId: string) => void;
+    onReorderMessage?: (draggedMessageId: string, targetMessageId: string, placement: ChatbotQueuedMessageDropPlacement) => void;
+};
+declare function ChatbotQueuedMessages({ className, messages, onEditMessage, onRemoveMessage, onReorderMessage, ...props }: ChatbotQueuedMessagesProps): React.JSX.Element | null;
+export { ChatbotQueuedMessages };
+export type { ChatbotQueuedMessage, ChatbotQueuedMessageDropPlacement, ChatbotQueuedMessagesProps, };
+//# sourceMappingURL=chatbot-queued-messages.d.ts.map

package/dist/components/chatbot-queued-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-queued-messages.d.ts","sourceRoot":"","sources":["../../src/components/chatbot-queued-messages.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,KAAK,oBAAoB,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,iCAAiC,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE5D,KAAK,0BAA0B,GAAG,IAAI,CACpC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX,GAAG;IACF,QAAQ,EAAE,SAAS,oBAAoB,EAAE,CAAC;IAC1C,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CACjB,gBAAgB,EAAE,MAAM,EACxB,eAAe,EAAE,MAAM,EACvB,SAAS,EAAE,iCAAiC,KACzC,IAAI,CAAC;CACX,CAAC;AAeF,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,0BAA0B,4BAiJ5B;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC;AACjC,YAAY,EACV,oBAAoB,EACpB,iCAAiC,EACjC,0BAA0B,GAC3B,CAAC"}

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './aurora-text';
 export * from './chatbot-markdown';
 export * from './chatbot-input';
+export * from './chatbot-queued-messages';
 export * from './chatbot-agent-tool-accordion';
 export * from './chatbot-prompt-category';
 export * from './chatbot-prompts-menu';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,MAAM,CAAC"}