ordify-chat-widget 1.1.1 → 1.1.2

package/CHANGELOG.md

@@ -5,6 +5,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [Unreleased]
+
+### Fixed
+- **Generated images in the widget**: ADK `image` SSE events are no longer dropped during streaming (they appear as markdown images in the assistant bubble). Assistant messages with image **attachments** from history now render inline images plus non-image attachment chips.
+- **Empty assistant bubbles on tool-heavy turns**: SSE `adk_tool` events with a `content` string are now folded into the streamed assistant text so status lines (e.g. tool progress) still appear when the model does not emit a separate text chunk.
+
+### Added
+- **`enableImageGeneration` on `OrdifyConfig`**: for publishable-key chat, the widget sends **`enable_image_generation: true` or `false`** on every request. The API allows the image tool only when **`true`**. Standalone: `data-ordify-enable-image-generation="true"` / `"false"`.
+
+### Changed
+- **Breaking (publishable keys):** image generation is not configured on publishable keys; use the embed **`enableImageGeneration`** / **`enable_image_generation`** flag only.
+- **Widget image generation:** When `enable_image_generation` is false, the API does not attach the real `generate_image` tool; a stub tool with the same name returns user-facing guidance if the model still calls it. When true, the real tool is attached.
+
+### Notes
+- **Backend**: `POST /widget/chat/...` sets **`use_image_generation_tool`** and **`enable_image_generation`** from the embed flag (default off). The real image tool is omitted when off; a stub answers with guidance text. **`POST /images/generate`** remains blocked for widget keys.
+
 ## [1.0.45] - 2026-05-04
 
 ### Added

package/README.md

@@ -170,6 +170,8 @@ Add a single script tag with `data-ordify-widget` and the required/optional data
 | `data-ordify-welcome-image` | URL for welcome screen image. |
 | `data-ordify-quick-questions` | JSON array of strings, or comma-separated list (e.g. `["Question 1","Question 2"]` or `Question 1, Question 2`). |
 | `data-ordify-container-id` | ID of the element to mount into; if omitted, mounts to `document.body`. |
+| `data-ordify-use-thinking` | `true` / `1` to enable thinking path (`use_thinking` on chat requests). |
+| `data-ordify-enable-image-generation` | `true` / `1` sends `enable_image_generation: true` on widget chat. Any other value or omitting the attribute sends **`false`** (images off). |
 
 ### WordPress and Local WP
 
@@ -246,6 +248,12 @@ So the “config” is the snippet or script tag you paste; the credentials are
 | `quickQuestions` | string[] | - | **Optional** - Array of quick action questions displayed as buttons in welcome screen |
 | `welcomeMessage` | string | "Hi there 👋 How can we help?" | **Optional** - Custom greeting message shown in welcome screen when quickQuestions are provided |
 | `welcomeImage` | string | - | **Optional** - URL to image/graphic displayed in welcome screen |
+| `useThinking` | boolean | `false` | **Optional** - When `true`, sends `use_thinking: true` on chat requests (thinking model path). |
+| `enableAttachments` | boolean | `false` | **Optional** - File attachments (requires `publishableKey`). |
+| `maxAttachmentSizeMB` | number | `10` | **Optional** - Client-side max attachment size. |
+| `maxAttachments` | number | `3` | **Optional** - Max attachments per message. |
+| `allowedAttachmentTypes` | string[] | (widget defaults) | **Optional** - Client MIME allow list. |
+| `enableImageGeneration` | boolean | `false` (sent on each request) | Publishable key only: **`true`** sends `enable_image_generation: true` so the image tool may run; otherwise the widget sends **`false`**. |
 
 ## 🎯 Advanced Features
 

package/dist/components/AssistantMessageContent.d.ts

@@ -0,0 +1,13 @@
+import { Message } from '../types';
+
+interface AssistantMessageContentProps {
+    message: Message;
+    className?: string;
+}
+/**
+ * Renders assistant text (markdown) plus inline images from stored session attachments.
+ * Live streams also inject `![...](url)` via SSE `type: "image"` handling in `parseStreamingResponse`.
+ */
+export declare function AssistantMessageContent({ message, className }: AssistantMessageContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AssistantMessageContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantMessageContent.d.ts","sourceRoot":"","sources":["../../src/components/AssistantMessageContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAIjC,UAAU,4BAA4B;IACpC,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,4BAA4B,2CA2B3F"}

package/dist/components/Conversation.d.ts

@@ -4,6 +4,8 @@ interface ConversationProps {
     className?: string;
     children: React.ReactNode;
     style?: React.CSSProperties;
+    /** Match ChatWidget / ChatWindow `data-theme` so the scroll area is never transparent on colored host pages */
+    surfaceTheme?: 'light' | 'dark';
     onDragOver?: React.DragEventHandler<HTMLDivElement>;
     onDragLeave?: React.DragEventHandler<HTMLDivElement>;
     onDrop?: React.DragEventHandler<HTMLDivElement>;
@@ -15,7 +17,7 @@ interface ConversationContentProps {
 interface ConversationScrollButtonProps {
     className?: string;
 }
-export declare function Conversation({ className, children, style, onDragOver, onDragLeave, onDrop }: ConversationProps): import("react/jsx-runtime").JSX.Element;
+export declare function Conversation({ className, children, style, surfaceTheme, onDragOver, onDragLeave, onDrop }: ConversationProps): import("react/jsx-runtime").JSX.Element;
 export declare function ConversationContent({ className, children }: ConversationContentProps): import("react/jsx-runtime").JSX.Element;
 export declare function ConversationScrollButton({ className }: ConversationScrollButtonProps): false | import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../src/components/Conversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;CAChD;AAED,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAoGD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,MAAM,EACP,EAAE,iBAAiB,2CAenB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAMpF;AAED,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,6BAA6B,mDAkBpF"}
+{"version":3,"file":"Conversation.d.ts","sourceRoot":"","sources":["../../src/components/Conversation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,+GAA+G;IAC/G,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACnD,WAAW,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAA;CAChD;AAED,UAAU,wBAAwB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,UAAU,6BAA6B;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAqGD,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,YAAsB,EACtB,UAAU,EACV,WAAW,EACX,MAAM,EACP,EAAE,iBAAiB,2CAiBnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAMpF;AAED,wBAAgB,wBAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,6BAA6B,mDAkBpF"}

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

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedChat.d.ts","sourceRoot":"","sources":["../../src/components/EmbeddedChat.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAkB3D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA8P/D"}
+{"version":3,"file":"EmbeddedChat.d.ts","sourceRoot":"","sources":["../../src/components/EmbeddedChat.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAkB3D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA0Q/D"}

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

@@ -1 +1 @@
-{"version":3,"file":"FloatingChat.d.ts","sourceRoot":"","sources":["../../src/components/FloatingChat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAqB3D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA2S/D"}
+{"version":3,"file":"FloatingChat.d.ts","sourceRoot":"","sources":["../../src/components/FloatingChat.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAqB3D,UAAU,iBAAiB;IACzB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,iBAAiB,2CA6S/D"}

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

@@ -1 +1 @@
-{"version":3,"file":"InlineChat.d.ts","sourceRoot":"","sources":["../../src/components/InlineChat.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiB3D,UAAU,eAAe;IACvB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,2CAiM3D"}
+{"version":3,"file":"InlineChat.d.ts","sourceRoot":"","sources":["../../src/components/InlineChat.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAiB3D,UAAU,eAAe;IACvB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;CAC1B;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,eAAe,2CAkM3D"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownRenderer.tsx"],"names":[],"mappings":"AA2CA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA8K7E"}
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownRenderer.tsx"],"names":[],"mappings":"AA2CA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA2L7E"}

package/dist/components/styled/ChatComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatComponents.d.ts","sourceRoot":"","sources":["../../../src/components/styled/ChatComponents.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6NAqCtB,CAAA;AAGD,eAAO,MAAM,WAAW;aAAyB,OAAO;YAyCvD,CAAA;AAED,eAAO,MAAM,aAAa,6NAiCzB,CAAA;AAED,eAAO,MAAM,eAAe,6NAmB3B,CAAA;AAED,eAAO,MAAM,kBAAkB,+OA4C9B,CAAA;AAGD,eAAO,MAAM,SAAS,6NAiBrB,CAAA;AAGD,eAAO,MAAM,iBAAiB,+OA2D7B,CAAA;AAGD,eAAO,MAAM,UAAU,yOAyEtB,CAAA;AAED,eAAO,MAAM,kBAAkB,yOA+F9B,CAAA;AAgBD,eAAO,MAAM,cAAc;gBAA+B,MAAM;oBAAkB,MAAM;YA6DvF,CAAA;AAGD,eAAO,MAAM,UAAU;eAA2B,MAAM;YAsCvD,CAAA;AAGD,eAAO,MAAM,UAAU;mBAA+B,MAAM;YAqB3D,CAAA;AAGD,eAAO,MAAM,WAAW,yOAwBvB,CAAA;AAGD,eAAO,MAAM,YAAY,6NAqDxB,CAAA;AAGD,eAAO,MAAM,WAAW,6NA+BvB,CAAA;AAGD,eAAO,MAAM,SAAS;aAAyB,OAAO;YAYrD,CAAA;AAGD,eAAO,MAAM,YAAY,6NAUxB,CAAA;AAGD,eAAO,MAAM,YAAY;eAA2B,MAAM;YAwBzD,CAAA;AAGD,eAAO,MAAM,WAAW;YAAwB,MAAM;YAQrD,CAAA;AAID,eAAO,MAAM,sBAAsB;oBAAgC,MAAM;YAqCxE,CAAA;AAGD,eAAO,MAAM,eAAe,6NAc3B,CAAA;AAGD,eAAO,MAAM,YAAY,oOAQxB,CAAA;AAGD,eAAO,MAAM,yBAAyB,6NAOrC,CAAA;AAGD,eAAO,MAAM,cAAc;oBAAmC,MAAM;YAoDnE,CAAA;AAGD,eAAO,MAAM,qBAAqB,6NAgBjC,CAAA"}
+{"version":3,"file":"ChatComponents.d.ts","sourceRoot":"","sources":["../../../src/components/styled/ChatComponents.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6NA8CtB,CAAA;AAGD,eAAO,MAAM,WAAW;aAAyB,OAAO;YAmDvD,CAAA;AAED,eAAO,MAAM,aAAa,6NAiCzB,CAAA;AAED,eAAO,MAAM,eAAe,6NAmB3B,CAAA;AAED,eAAO,MAAM,kBAAkB,+OA6C9B,CAAA;AAGD,eAAO,MAAM,SAAS,6NAiBrB,CAAA;AAGD,eAAO,MAAM,iBAAiB,+OA4D7B,CAAA;AAGD,eAAO,MAAM,UAAU,yOAyEtB,CAAA;AAED,eAAO,MAAM,kBAAkB,yOA+F9B,CAAA;AAgBD,eAAO,MAAM,cAAc;gBAA+B,MAAM;oBAAkB,MAAM;YA6DvF,CAAA;AAGD,eAAO,MAAM,UAAU;eAA2B,MAAM;YA4CvD,CAAA;AAGD,eAAO,MAAM,UAAU;mBAA+B,MAAM;YAqB3D,CAAA;AAGD,eAAO,MAAM,WAAW,yOAwBvB,CAAA;AAGD,eAAO,MAAM,YAAY,6NAqDxB,CAAA;AAGD,eAAO,MAAM,WAAW,6NA+BvB,CAAA;AAGD,eAAO,MAAM,SAAS;aAAyB,OAAO;YAYrD,CAAA;AAGD,eAAO,MAAM,YAAY,6NAUxB,CAAA;AAGD,eAAO,MAAM,YAAY;eAA2B,MAAM;YAwBzD,CAAA;AAGD,eAAO,MAAM,WAAW;YAAwB,MAAM;YAQrD,CAAA;AAID,eAAO,MAAM,sBAAsB;oBAAgC,MAAM;YA8CxE,CAAA;AAGD,eAAO,MAAM,eAAe,6NAkB3B,CAAA;AAGD,eAAO,MAAM,YAAY,oOAQxB,CAAA;AAGD,eAAO,MAAM,yBAAyB,6NAOrC,CAAA;AAGD,eAAO,MAAM,cAAc;oBAAmC,MAAM;YAoDnE,CAAA;AAGD,eAAO,MAAM,qBAAqB,6NAgBjC,CAAA"}

package/dist/hooks/useOrdifyChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOrdifyChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdifyChat.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA+BpF,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,mBAAmB,CAkZvE"}
+{"version":3,"file":"useOrdifyChat.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdifyChat.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AA+BpF,wBAAgB,aAAa,CAAC,MAAM,EAAE,YAAY,GAAG,mBAAmB,CA4ZvE"}

package/dist/hooks/useOrdifyConfig.d.ts

@@ -10,6 +10,9 @@ export declare function useOrdifyConfig(config: OrdifyConfig): {
     theme: "light" | "dark" | "auto";
     placeholder: string;
     height: string | number;
+    backgroundColor: string | undefined;
+    textColor: string | undefined;
+    borderRadius: string | number | undefined;
     className: string;
     buttonStyle: import('react').CSSProperties;
     chatWindowStyle: import('react').CSSProperties;
@@ -32,5 +35,7 @@ export declare function useOrdifyConfig(config: OrdifyConfig): {
     maxAttachmentSizeMB: number | undefined;
     maxAttachments: number | undefined;
     allowedAttachmentTypes: string[] | undefined;
+    useThinking: boolean;
+    enableImageGeneration: boolean | undefined;
 };
 //# sourceMappingURL=useOrdifyConfig.d.ts.map

package/dist/hooks/useOrdifyConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOrdifyConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdifyConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAWtC,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDnD"}
+{"version":3,"file":"useOrdifyConfig.d.ts","sourceRoot":"","sources":["../../src/hooks/useOrdifyConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAWtC,wBAAgB,eAAe,CAAC,MAAM,EAAE,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDnD"}