@epam/ai-dial-conversation-input 1.2.0-dev.46 → 1.2.0-dev.50

package/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAGL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASrD,wIAAwI;AACxI,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6zBhC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAGL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AASrD,wIAAwI;AACxI,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAs1BhC,CAAC"}

package/components/Input/ModelSelectorControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelectorControl.d.ts","sourceRoot":"","sources":["../../../src/components/Input/ModelSelectorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAGf,MAAM,2BAA2B,CAAC;AASnC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAK9D,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACxD,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA2M1C,CAAC"}
+{"version":3,"file":"ModelSelectorControl.d.ts","sourceRoot":"","sources":["../../../src/components/Input/ModelSelectorControl.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAGf,MAAM,2BAA2B,CAAC;AASnC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAK9D,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IACxD,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,uEAAuE;IACvE,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,8FAA8F;AAC9F,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAqN1C,CAAC"}

package/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AAUnC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAKnF,sGAAsG;AACtG,UAAU,8BAA8B;IACtC,wGAAwG;IACxG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mHAAmH;IACnH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AA6ED,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC;AAED,wFAAwF;AACxF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CA+GtE,CAAC"}
+{"version":3,"file":"ModelSelectorBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/ModelSelectorBottomSheet/ModelSelectorBottomSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AAUnC,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,EAAE,EAAuB,MAAM,OAAO,CAAC;AAIzE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAKnF,sGAAsG;AACtG,UAAU,8BAA8B;IACtC,wGAAwG;IACxG,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mHAAmH;IACnH,KAAK,CAAC,EAAE,sBAAsB,CAAC;CAChC;AA6ED,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,kFAAkF;IAClF,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,kJAAkJ;IAClJ,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,uEAAuE;IACvE,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,oFAAoF;IACpF,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iGAAiG;IACjG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC;AAED,wFAAwF;AACxF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAkHtE,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,30 @@
+export declare const CONVERSATION_INPUT_CLASS: {
+    /** The composer's outer bordered container. */
+    readonly wrapper: "dial-ci-wrapper";
+    /** The row holding the textarea, add button, tool chips, and footer actions. */
+    readonly actionRow: "dial-ci-action-row";
+    /** The wrapper around the textarea area inside the action row. */
+    readonly textareaWrap: "dial-ci-textarea-wrap";
+    /** The wrapper around the add-attachment button. */
+    readonly addCluster: "dial-ci-add-cluster";
+    /** The trailing cluster: model selector, mic, and send/stop buttons. */
+    readonly footerActions: "dial-ci-footer-actions";
+    /** The model selector trigger button, in every presentation. */
+    readonly modelSelectorButton: "dial-ci-model-selector-button";
+    /**
+     * The model menu root. Present on all three presentations: the desktop
+     * dropdown, the host-supplied `modelPickerOverlay` dropdown, and the mobile
+     * bottom sheet.
+     */
+    readonly modelMenu: "dial-ci-model-menu";
+    /** The sticky search header inside the model menu. */
+    readonly modelMenuSearch: "dial-ci-model-menu-search";
+    /** Every deployment row in the model menu. */
+    readonly modelMenuItem: "dial-ci-model-menu-item";
+    /**
+     * The currently selected deployment row, additive to `modelMenuItem`. The
+     * check mark itself is drawn by `@epam/ai-dial-ui-kit` and has no class here.
+     */
+    readonly modelMenuItemSelected: "dial-ci-model-menu-item-selected";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB;IACnC,+CAA+C;;IAE/C,gFAAgF;;IAEhF,kEAAkE;;IAElE,oDAAoD;;IAEpD,wEAAwE;;IAExE,gEAAgE;;IAEhE;;;;OAIG;;IAEH,sDAAsD;;IAEtD,8CAA8C;;IAE9C;;;OAGG;;CAEK,CAAC"}

package/hooks/useModelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,YAAY,EAKb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAM1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQ3D,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,gIAAgI;IAChI,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mHAAmH;IACnH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,qFAAqF;AACrF,UAAU,mBAAmB;IAC3B,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,6IAA6I;IAC7I,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,wFAAwF;IACxF,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,GAAI,gHAO9B,uBAAuB,KAAG,sBA8I5B,CAAC"}
+{"version":3,"file":"useModelSelector.d.ts","sourceRoot":"","sources":["../../src/hooks/useModelSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,YAAY,EAKb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAO1D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQ3D,4CAA4C;AAC5C,MAAM,WAAW,uBAAuB;IACtC,gIAAgI;IAChI,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,yDAAyD;IACzD,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,+CAA+C;IAC/C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mHAAmH;IACnH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,qFAAqF;AACrF,UAAU,mBAAmB;IAC3B,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,6CAA6C;AAC7C,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,YAAY,EAAE,SAAS,CAAC;IACxB,+CAA+C;IAC/C,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0GAA0G;IAC1G,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,6IAA6I;IAC7I,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,8CAA8C;IAC9C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,UAAU,EAAE,SAAS,CAAC;IACtB,wFAAwF;IACxF,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,GAAI,gHAO9B,uBAAuB,KAAG,sBAoJ5B,CAAC"}

package/index.d.ts

@@ -1,3 +1,4 @@
+export { CONVERSATION_INPUT_CLASS } from './constants/public-class-names';
 export { BottomSheetShell } from './components/BottomSheetShell/BottomSheetShell';
 export type { BottomSheetShellProps } from './components/BottomSheetShell/BottomSheetShell';
 export { ConversationInput } from './components/ConversationInput/ConversationInput';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,kDAAkD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACtD,YAAY,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,eAAe,GAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,kDAAkD,CAAC"}

package/index.js

@@ -5,8 +5,19 @@ import { createElement as me, memo as he, useCallback as L, useEffect as R, useI
 import { createPortal as H } from "react-dom";
 import { Fragment as U, jsx as W, jsxs as G } from "react/jsx-runtime";
 import { AttachmentTray as ve, MAX_UPLOADS_PER_MINUTE as ye, generateAttachmentId as be, useClipboardPaste as xe } from "@epam/ai-dial-attachment-input";
-//#region src/hooks/useBottomSheet.ts
-var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Ce = (e, t, n) => {
+//#region src/constants/public-class-names.ts
+var K = {
+	wrapper: "dial-ci-wrapper",
+	actionRow: "dial-ci-action-row",
+	textareaWrap: "dial-ci-textarea-wrap",
+	addCluster: "dial-ci-add-cluster",
+	footerActions: "dial-ci-footer-actions",
+	modelSelectorButton: "dial-ci-model-selector-button",
+	modelMenu: "dial-ci-model-menu",
+	modelMenuSearch: "dial-ci-model-menu-search",
+	modelMenuItem: "dial-ci-model-menu-item",
+	modelMenuItemSelected: "dial-ci-model-menu-item-selected"
+}, Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Ce = (e, t, n) => {
 	R(() => {
 		if (!e) return;
 		let n = (e) => {
@@ -536,7 +547,7 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			a
 		])
 	};
-}, Je = { label: "_label_14i7c_1" }, K = ({ features: e, responseFormat: t, systemPrompt: n, temperature: i, onResponseFormatChange: o, onSystemPromptChange: l, onTemperatureChange: u, responseFormatLabel: d = "Response format", responseFormatHint: f = "Applies to new and existing messages", responseFormatMarkdownLabel: p = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
+}, Je = { label: "_label_14i7c_1" }, q = ({ features: e, responseFormat: t, systemPrompt: n, temperature: i, onResponseFormatChange: o, onSystemPromptChange: l, onTemperatureChange: u, responseFormatLabel: d = "Response format", responseFormatHint: f = "Applies to new and existing messages", responseFormatMarkdownLabel: p = "Markdown", responseFormatPlainTextLabel: m = "Plain text", systemPromptLabel: h = "System prompt", systemPromptTooltip: g = "Enter a prompt", temperatureLabel: _ = "Temperature", temperatureLabels: v = [
 	"Precise",
 	"Neutral",
 	"Creative"
@@ -610,7 +621,7 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		onBack: t,
 		backLabel: n,
 		style: a,
-		children: [/* @__PURE__ */ W(K, {
+		children: [/* @__PURE__ */ W(q, {
 			features: o,
 			responseFormat: T,
 			systemPrompt: E,
@@ -670,7 +681,7 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 				})
 			})
 		}),
-		children: /* @__PURE__ */ W(K, {
+		children: /* @__PURE__ */ W(q, {
 			features: e,
 			responseFormat: b,
 			systemPrompt: x,
@@ -1014,7 +1025,7 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 			})
 		})]
 	}, e.id))
-}), q = {
+}), J = {
 	wrapper: "_wrapper_q1jcl_2",
 	wrapperDisabled: "_wrapperDisabled_q1jcl_9",
 	textarea: "_textarea_q1jcl_13",
@@ -1118,7 +1129,7 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		className: d,
 		children: [/* @__PURE__ */ G("div", {
 			style: u,
-			className: c("flex w-full min-w-0 flex-col justify-center gap-2", !f && q.wrapper, !f && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md", S && at.wrapperError),
+			className: c("flex w-full min-w-0 flex-col justify-center gap-2", !f && J.wrapper, !f && "min-h-[64px] max-w-[748px] rounded-xl border px-3 shadow-md", S && at.wrapperError),
 			children: [/* @__PURE__ */ G("div", {
 				className: "flex min-w-0 flex-1 items-center gap-3",
 				children: [x && /* @__PURE__ */ W("span", {
@@ -1183,16 +1194,16 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		"aria-hidden": "true",
 		children: [/* @__PURE__ */ W(ft, {}), /* @__PURE__ */ W(pt, {})]
 	}, t))
-}), ht = (e) => e.displayName ?? e.id, J = (e, t) => {
+}), ht = (e) => e.displayName ?? e.id, Y = (e, t) => {
 	let n = t.trim().toLowerCase();
 	return n ? e.filter((e) => ht(e).toLowerCase().includes(n)) : e;
-}, Y = (e, t, r, i = 18, a) => /* @__PURE__ */ W(n, {
+}, X = (e, t, r, i = 18, a) => /* @__PURE__ */ W(n, {
 	src: e,
 	size: i,
 	labels: { tooltip: a },
 	initialsName: r
 }), gt = { searchHeader: "_searchHeader_1728o_1" }, _t = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, searchHeaderClassName: i = gt.searchHeader, colors: a }) => {
-	let [o, l] = V(""), u = z(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = !d && !u && !!t, m = z(() => d ? /* @__PURE__ */ W(ft, { size: p.LG }) : Y(u?.iconUrl, u?.type, u?.displayName ?? u?.id ?? "", p.LG, f ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
+	let [o, l] = V(""), u = z(() => e?.find((e) => e.id === t), [e, t]), d = r?.loading !== void 0, f = !d && !u && !!t, m = z(() => d ? /* @__PURE__ */ W(ft, { size: p.LG }) : X(u?.iconUrl, u?.type, u?.displayName ?? u?.id ?? "", p.LG, f ? r?.unavailableTooltip ?? "This deployment is no longer available" : void 0), [
 		d,
 		u,
 		f,
@@ -1218,16 +1229,17 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 					disabled: !0
 				}] : [];
 			}
-			return J(e, o).map((e) => ({
+			return Y(e, o).map((e) => ({
 				key: e.id,
 				label: /* @__PURE__ */ W(y, {
 					text: ht(e),
 					query: o,
 					maxLines: 1
 				}),
-				icon: Y(e.iconUrl, e.type, e.displayName ?? e.id),
+				icon: X(e.iconUrl, e.type, e.displayName ?? e.id),
 				mark: b.Check,
 				checked: e.id === t,
+				className: c(K.modelMenuItem, e.id === t && K.modelMenuItemSelected),
 				onClick: () => n?.(e.id)
 			}));
 		}, [
@@ -1240,7 +1252,7 @@ var Se = "a[href], button:not([disabled]), input:not([disabled]), select:not([di
 		]),
 		menuHeader: z(() => !d && e && e.length > 0 ? /* @__PURE__ */ W("div", {
 			style: s({ "--ms-search-header-bg": a?.searchHeaderBackground }),
-			className: c("sticky top-0 z-10 pb-1 pe-2 pt-2", i),
+			className: c("sticky top-0 z-10 pb-1 pe-2 pt-2", i, K.modelMenuSearch),
 			children: /* @__PURE__ */ W(O, {
 				value: o,
 				placeholder: r?.searchPlaceholder ?? "Search",
@@ -1314,18 +1326,18 @@ function xt(e) {
 		t.current = e;
 	}, [e]), L((e) => t.current?.(e), [t]);
 }
-var X = null;
-function Z(e = !1) {
-	if (X === null || e) {
+var Z = null;
+function Q(e = !1) {
+	if (Z === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? X = "positive-descending" : (e.scrollLeft = 1, X = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), X;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? Z = "positive-descending" : (e.scrollLeft = 1, Z = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), Z;
 	}
-	return X;
+	return Z;
 }
-function Q({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (Z()) {
+function $({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (Q()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -1336,26 +1348,26 @@ function Q({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function $(e, t = "Assertion error") {
+function St(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function St(e, t) {
+function Ct(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || ($(e !== void 0), $(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (St(e !== void 0), St(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function Ct({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function wt({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return $(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return St(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
-function wt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function Tt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = Ct({
+	let s = wt({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -1367,7 +1379,7 @@ function wt({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function Tt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function Et({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -1386,11 +1398,11 @@ function Tt({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemC
 		stopIndexOverscan: l
 	};
 }
-function Et({ itemCount: e, itemProps: t, itemSize: n }) {
+function Dt({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for ($(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (St(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -1406,14 +1418,14 @@ function Et({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					$(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					St(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return $(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return St(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -1423,8 +1435,8 @@ function Et({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function Dt({ itemCount: e, itemProps: t, itemSize: n }) {
-	return z(() => Et({
+function Ot({ itemCount: e, itemProps: t, itemSize: n }) {
+	return z(() => Dt({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -1434,11 +1446,11 @@ function Dt({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function Ot({ containerSize: e, itemSize: t }) {
+function kt({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			$(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), $(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			St(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), St(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -1446,7 +1458,7 @@ function Ot({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+function At({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
 	let { height: u = n, width: d = n } = bt({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
@@ -1456,7 +1468,7 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	}), f = B({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = Ot({
+	}), p = r === "vertical" ? u : d, m = kt({
 		containerSize: p,
 		itemSize: s
 	});
@@ -1473,11 +1485,11 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = Dt({
+	let h = Ot({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => Tt({
+	}), g = L((e) => h.get(e), [h]), [_, v] = V(() => Et({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
@@ -1488,7 +1500,7 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, C = L(() => Ct({
+	}, C = L(() => wt({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -1496,9 +1508,9 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = L((t) => Tt({
+	]), w = L((t) => Et({
 		cachedBounds: h,
-		containerScrollOffset: Q({
+		containerScrollOffset: $({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -1526,9 +1538,9 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Tt({
+				let { scrollLeft: n, scrollTop: o } = e, s = Et({
 					cachedBounds: h,
-					containerScrollOffset: Q({
+					containerScrollOffset: $({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -1538,7 +1550,7 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return St(s, t) ? t : s;
+				return Ct(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -1555,7 +1567,7 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		getCellBounds: g,
 		getEstimatedSize: C,
 		scrollToIndex: xt(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = wt({
+			let s = Tt({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -1565,14 +1577,14 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = Q({
+				if (s = $({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = w(s);
-					St(_, e) || v(e);
+					Ct(_, e) || v(e);
 				}
 				return s;
 			}
@@ -1583,19 +1595,19 @@ function kt({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		stopIndexVisible: x
 	};
 }
-function At(e) {
+function jt(e) {
 	return z(() => e, Object.values(e));
 }
-function jt(e, t) {
+function Mt(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return St(n, a) && St(r, o) && St(i, s);
+	return Ct(n, a) && Ct(r, o) && Ct(i, s);
 }
-function Mt(e) {
+function Nt(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var Nt = "data-react-window-index";
-function Pt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = At(u), h = z(() => he(s, jt), [s]), [g, _] = V(null), v = Mt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = kt({
+var Pt = "data-react-window-index";
+function Ft({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
+	let m = jt(u), h = z(() => he(s, Mt), [s]), [g, _] = V(null), v = Nt(l), { getCellBounds: y, getEstimatedSize: b, scrollToIndex: x, startIndexOverscan: S, startIndexVisible: C, stopIndexOverscan: w, stopIndexVisible: T } = At({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
@@ -1626,7 +1638,7 @@ function Pt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
 			let n = `${S + t}`;
-			return e.setAttribute(Nt, n), !0;
+			return e.setAttribute(Pt, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
@@ -1703,23 +1715,23 @@ function Pt({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		}
 	}, E, e, D);
 }
-var Ft = {
+var It = {
 	divider: "_divider_1tiyp_1",
 	item: "_item_1tiyp_5",
 	itemIcon: "_itemIcon_1tiyp_15",
 	checkIcon: "_checkIcon_1tiyp_19",
 	stateLabel: "_stateLabel_1tiyp_23"
-}, It = 44, Lt = 8, Rt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, onSelect: s }) => {
-	let l = r[e], u = Y(l.iconUrl, l.type, l.displayName ?? l.id, p.SM), f = l.id === i;
+}, Lt = 44, Rt = 8, zt = ({ index: e, style: t, ariaAttributes: n, items: r, selectedDeploymentId: i, labelClassName: a, query: o, onSelect: s }) => {
+	let l = r[e], u = X(l.iconUrl, l.type, l.displayName ?? l.id, p.SM), f = l.id === i;
 	return /* @__PURE__ */ W("div", {
 		style: t,
 		...n,
 		children: /* @__PURE__ */ W(d, {
 			type: "button",
 			"aria-current": f ? "true" : void 0,
-			className: c(Ft.item, "h-full w-full gap-3 px-4"),
+			className: c(It.item, "h-full w-full gap-3 px-4"),
 			iconBefore: /* @__PURE__ */ W("span", {
-				className: Ft.itemIcon,
+				className: It.itemIcon,
 				children: u
 			}),
 			label: /* @__PURE__ */ G("span", {
@@ -1731,7 +1743,7 @@ var Ft = {
 					className: c(a, "min-w-0 flex-1 text-start")
 				}), f && /* @__PURE__ */ W(P, {
 					size: p.SM,
-					className: Ft.checkIcon,
+					className: It.checkIcon,
 					"aria-hidden": !0,
 					stroke: m
 				})]
@@ -1739,12 +1751,12 @@ var Ft = {
 			onClick: () => s(l.id)
 		})
 	});
-}, zt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: _ }) => {
+}, Bt = ({ isOpen: e, title: t, closeLabel: n, searchPlaceholder: r = "Search", onClose: i, deployments: a, selectedDeploymentId: o, onSelect: l, loadingLabel: u, errorLabel: d, emptyLabel: f, style: p, titleClassName: m = "dial-body-semi-text", labelClassName: h = "dial-small-text", colors: _ }) => {
 	let [v, y] = V("");
 	R(() => {
 		e || y("");
 	}, [e]);
-	let b = a && a.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? J(a, v) : [], w = (e) => {
+	let b = a && a.length > 0, x = u !== void 0, S = !b && !x ? d ?? f : void 0, C = b ? Y(a, v) : [], w = (e) => {
 		l(e), i();
 	}, T = s({
 		"--ci-sheet-divider": _?.divider,
@@ -1761,7 +1773,7 @@ var Ft = {
 		onClose: i,
 		style: p,
 		titleClassName: m,
-		className: "max-h-[80dvh]",
+		className: c("max-h-[80dvh]", K.modelMenu),
 		colors: _?.shell,
 		children: /* @__PURE__ */ G("div", {
 			className: "contents",
@@ -1774,17 +1786,17 @@ var Ft = {
 					size: g.Standard,
 					onChange: (e) => y(e ?? "")
 				})
-			}), /* @__PURE__ */ W("div", { className: c(Ft.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ W(mt, { loadingLabel: u }) : S ? /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ W("div", { className: c(It.divider, "h-px flex-shrink-0") })] }), x ? /* @__PURE__ */ W(mt, { loadingLabel: u }) : S ? /* @__PURE__ */ W("div", {
 				role: "list",
-				className: c(Ft.stateLabel, h, "px-4 py-4"),
+				className: c(It.stateLabel, h, "px-4 py-4"),
 				children: S
-			}) : /* @__PURE__ */ W(Pt, {
+			}) : /* @__PURE__ */ W(Ft, {
 				role: "list",
 				className: "overflow-y-auto",
-				style: { height: Math.min(C.length, Lt) * It },
-				rowComponent: Rt,
+				style: { height: Math.min(C.length, Rt) * Lt },
+				rowComponent: zt,
 				rowCount: C.length,
-				rowHeight: It,
+				rowHeight: Lt,
 				rowProps: {
 					items: C,
 					selectedDeploymentId: o,
@@ -1795,7 +1807,7 @@ var Ft = {
 			})]
 		})
 	});
-}, Bt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: f, onPickerOpenChange: g }) => {
+}, Vt = ({ deployments: e, selectedDeploymentId: t, onDeploymentChange: n, modelSelectorLabels: r, isStreaming: i, isMobile: a, isDisabled: s = !1, style: l, modelPickerOverlay: u, isPickerOpen: d, onPickerToggle: f, onPickerOpenChange: g }) => {
 	let [_, y] = V(!1), { selectorIcon: b, selectorAriaLabel: x, selectedLabel: S, selectedVersion: C, menuItems: w, menuHeader: T, onOpenChange: E } = _t({
 		deployments: e,
 		selectedDeploymentId: t,
@@ -1805,11 +1817,11 @@ var Ft = {
 	if (!e) return null;
 	let D = i || s ? "pointer-events-none opacity-50 cursor-not-allowed" : void 0, O = /* @__PURE__ */ W(F, {
 		size: p.SM,
-		className: q.modelSelectorCaret,
+		className: J.modelSelectorCaret,
 		"aria-hidden": !0,
 		stroke: m
 	});
-	return a ? /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(N, {
+	if (a) return /* @__PURE__ */ G(U, { children: [/* @__PURE__ */ W(N, {
 		tooltip: S,
 		children: /* @__PURE__ */ W(v, {
 			icon: /* @__PURE__ */ G("div", {
@@ -1820,7 +1832,7 @@ var Ft = {
 			onClick: () => {
 				s || y(!0);
 			},
-			className: c("w-[50px]", q.modelSelectorButton, D)
+			className: c("w-[50px]", J.modelSelectorButton, D, K.modelSelectorButton)
 		})
 	}), u ? /* @__PURE__ */ W(Te, {
 		isOpen: _,
@@ -1828,8 +1840,9 @@ var Ft = {
 		closeLabel: r?.closeLabel ?? "Close",
 		onClose: () => y(!1),
 		style: l,
+		className: K.modelMenu,
 		children: u(() => y(!1))
-	}) : /* @__PURE__ */ W(zt, {
+	}) : /* @__PURE__ */ W(Bt, {
 		isOpen: _,
 		title: r?.ariaLabel ?? "Select model",
 		closeLabel: r?.closeLabel ?? "Close",
@@ -1842,42 +1855,47 @@ var Ft = {
 		errorLabel: r?.error,
 		emptyLabel: r?.empty,
 		style: l
-	})] }) : u ? /* @__PURE__ */ W(h, {
-		placement: "top-end",
-		matchReferenceWidth: !1,
-		open: d,
-		onOpenChange: g,
-		trigger: [],
-		outsideClosable: !0,
-		renderOverlay: () => u(() => g?.(!1)),
-		listClassName: "!w-[368px] !bg-layer-raised",
-		children: /* @__PURE__ */ W(N, {
-			tooltip: C ? `${S} · ${C}` : S,
-			children: /* @__PURE__ */ G("button", {
-				type: "button",
-				"aria-label": x,
-				"aria-disabled": s || void 0,
-				className: c("flex min-w-0 items-center gap-1.5 rounded-full py-1.5 pe-2 ps-1.5", q.modelSelectorButton, D, s && q.modelSelectorButtonDisabled),
-				onClick: () => {
-					!i && !s && f?.();
-				},
-				children: [
-					b,
-					/* @__PURE__ */ G("span", {
-						className: "flex min-w-0 max-w-[180px] items-baseline gap-1",
-						children: [/* @__PURE__ */ W("span", {
-							className: c("dial-small-text max-w-[180px] shrink-0 truncate", q.modelSelectorName),
-							children: S
-						}), C && /* @__PURE__ */ W("span", {
-							className: c("dial-tiny-text min-w-0 truncate", q.modelSelectorVersion),
-							children: C
-						})]
-					}),
-					O
-				]
+	})] });
+	if (u) {
+		let e = C ? `${S} · ${C}` : S;
+		return /* @__PURE__ */ W(h, {
+			placement: "top-end",
+			matchReferenceWidth: !1,
+			open: d,
+			onOpenChange: g,
+			trigger: [],
+			outsideClosable: !0,
+			renderOverlay: () => u(() => g?.(!1)),
+			listClassName: c("!w-[368px] !bg-layer-raised", K.modelMenu),
+			children: /* @__PURE__ */ W(N, {
+				tooltip: e,
+				children: /* @__PURE__ */ G("button", {
+					type: "button",
+					"aria-label": x,
+					"aria-disabled": s || void 0,
+					className: c("flex min-w-0 items-center gap-1.5 rounded-full py-1.5 pe-2 ps-1.5", J.modelSelectorButton, D, s && J.modelSelectorButtonDisabled, K.modelSelectorButton),
+					onClick: () => {
+						!i && !s && f?.();
+					},
+					children: [
+						b,
+						/* @__PURE__ */ G("span", {
+							className: "flex min-w-0 max-w-[180px] items-baseline gap-1",
+							children: [/* @__PURE__ */ W("span", {
+								className: c("dial-small-text max-w-[180px] shrink-0 truncate", J.modelSelectorName),
+								children: S
+							}), C && /* @__PURE__ */ W("span", {
+								className: c("dial-tiny-text min-w-0 truncate", J.modelSelectorVersion),
+								children: C
+							})]
+						}),
+						O
+					]
+				})
 			})
-		})
-	}) : /* @__PURE__ */ W("div", {
+		});
+	}
+	return /* @__PURE__ */ W("div", {
 		className: c(s && D),
 		"aria-disabled": s || void 0,
 		children: /* @__PURE__ */ W(h, {
@@ -1886,7 +1904,7 @@ var Ft = {
 			placement: "bottom-end",
 			matchReferenceWidth: !1,
 			maxDropdownHeight: o,
-			listClassName: "!w-[240px]",
+			listClassName: c("!w-[240px]", K.modelMenu),
 			disabled: s,
 			onOpenChange: s ? void 0 : E,
 			children: /* @__PURE__ */ W(N, {
@@ -1895,14 +1913,14 @@ var Ft = {
 					type: "button",
 					"aria-label": x,
 					"aria-disabled": s || void 0,
-					className: c("flex items-center gap-1 rounded-full p-1.5", q.modelSelectorButton, s && q.modelSelectorButtonDisabled),
+					className: c("flex items-center gap-1 rounded-full p-1.5", J.modelSelectorButton, s && J.modelSelectorButtonDisabled, K.modelSelectorButton),
 					children: [b, O]
 				})
 			})
 		})
 	});
-}, Vt = ({ message: e = "", messageRevision: t, textInsertion: n, onSend: r, onUploadAttachment: i, onStop: a, isStreaming: o = !1, onChange: d, onAttachmentsChange: f, placeholder: g = "Type a message...", ariaLabel: y, attachLabel: b = "Attach file", fileAccept: x, addMenuTitle: S = "Add", menuTitle: C = "Menu", menuCloseLabel: w = "Close", removeLabel: T, retryLabel: E, uploadingLabel: D, sendLabel: O, sendTooltip: k, stopLabel: ee, micLabel: A = "Dictate", recordVoiceLabel: te = "Record voice", stopRecordingLabel: j, discardRecordingLabel: ne, colors: M, typography: N, className: re, pendingDropFiles: ie = [], onDropFilesConsumed: P, pendingAttachments: F = [], onPendingAttachmentsConsumed: ae, pasteTextThreshold: ce = 4e3, maxMessageLength: I = 5e4, deployments: le, selectedDeploymentId: ue, onDeploymentChange: de, modelSelectorLabels: fe, initialAttachments: pe = [], hideAddButton: me = !1, hideAttachFile: he = !1, hideActionBar: ge = !1, renderFooterActions: _e, isInputDisabled: H = !1, isModelSelectorDisabled: ye = !1, isSendDisabled: be = !1, isAudioMessageSupported: Se = !1, isVoiceRecordingSupported: Ce = Se, onTranscribeAudio: we, transcribingLabel: Te, voiceErrorLabel: Ee, sendOnEnter: Oe = We.Enter, prefixAttachments: Ae = [], onRemovePrefixAttachment: je, chatSettings: Pe, toolsMenuItems: Fe, onToolToggle: ze, canRemoveTools: Be = !0, toolsMenuTitle: Ve, toolsBackLabel: He, toolsChipLabels: Ge, menuOverlays: Ke, inlineStartSlot: qe, onInlineStartRemove: Je, commandMenu: K, autoFocus: Ye = !1, messageHistory: Xe, onDialFileSystemClick: Ze, dialFileSystemLabel: Qe, validateAttachment: $e, onAttachmentClick: et, modelPickerOverlay: nt, maximumAttachmentsAmount: rt, onAttachmentsLimitExceeded: at, isAttachmentsEnabled: ot = !0, isTextAttachmentsAllowed: st = !0, usageLimitsSlot: ct, onMessageTooLong: ft }) => {
-	let pt = l(), [mt, ht] = V(!1), J = Me(Xe), Y = qe != null, [gt, _t] = V(null), [vt, yt] = V(0), bt = z(() => s({
+}, Ht = ({ message: e = "", messageRevision: t, textInsertion: n, onSend: r, onUploadAttachment: i, onStop: a, isStreaming: o = !1, onChange: d, onAttachmentsChange: f, placeholder: g = "Type a message...", ariaLabel: y, attachLabel: b = "Attach file", fileAccept: x, addMenuTitle: S = "Add", menuTitle: C = "Menu", menuCloseLabel: w = "Close", removeLabel: T, retryLabel: E, uploadingLabel: D, sendLabel: O, sendTooltip: k, stopLabel: ee, micLabel: A = "Dictate", recordVoiceLabel: te = "Record voice", stopRecordingLabel: j, discardRecordingLabel: ne, colors: M, typography: N, className: re, pendingDropFiles: ie = [], onDropFilesConsumed: P, pendingAttachments: F = [], onPendingAttachmentsConsumed: ae, pasteTextThreshold: ce = 4e3, maxMessageLength: I = 5e4, deployments: le, selectedDeploymentId: ue, onDeploymentChange: de, modelSelectorLabels: fe, initialAttachments: pe = [], hideAddButton: me = !1, hideAttachFile: he = !1, hideActionBar: ge = !1, renderFooterActions: _e, isInputDisabled: H = !1, isModelSelectorDisabled: ye = !1, isSendDisabled: be = !1, isAudioMessageSupported: Se = !1, isVoiceRecordingSupported: Ce = Se, onTranscribeAudio: we, transcribingLabel: Te, voiceErrorLabel: Ee, sendOnEnter: Oe = We.Enter, prefixAttachments: Ae = [], onRemovePrefixAttachment: je, chatSettings: Pe, toolsMenuItems: Fe, onToolToggle: ze, canRemoveTools: Be = !0, toolsMenuTitle: Ve, toolsBackLabel: He, toolsChipLabels: Ge, menuOverlays: Ke, inlineStartSlot: qe, onInlineStartRemove: Je, commandMenu: q, autoFocus: Ye = !1, messageHistory: Xe, onDialFileSystemClick: Ze, dialFileSystemLabel: Qe, validateAttachment: $e, onAttachmentClick: et, modelPickerOverlay: nt, maximumAttachmentsAmount: rt, onAttachmentsLimitExceeded: at, isAttachmentsEnabled: ot = !0, isTextAttachmentsAllowed: st = !0, usageLimitsSlot: ct, onMessageTooLong: ft }) => {
+	let pt = l(), [mt, ht] = V(!1), Y = Me(Xe), X = qe != null, [gt, _t] = V(null), [vt, yt] = V(0), bt = z(() => s({
 		"--ci-bg": M?.background,
 		"--ci-text": M?.text,
 		"--ci-border": M?.border,
@@ -1917,10 +1935,10 @@ var Ft = {
 		"--ci-voice-error": M?.voiceError,
 		"--ci-voice-waveform": M?.voiceWaveform,
 		"--ci-voice-accent": M?.voiceAccent,
-		"--ci-first-line-indent": Y ? `calc(${vt}px + 4px)` : void 0
+		"--ci-first-line-indent": X ? `calc(${vt}px + 4px)` : void 0
 	}), [
 		M,
-		Y,
+		X,
 		vt
 	]), xt = z(() => Ze ? [{
 		key: "dial-fs",
@@ -1931,31 +1949,31 @@ var Ft = {
 			stroke: m
 		}),
 		onClick: Ze
-	}] : [], [Ze, Qe]), { message: X, setMessage: Z, textareaRef: Q } = Ne({
+	}] : [], [Ze, Qe]), { message: Z, setMessage: Q, textareaRef: $ } = Ne({
 		messageProp: e,
 		messageRevision: t
-	}), { handleUndoKeyDown: $ } = Ie({
+	}), { handleUndoKeyDown: St } = Ie({
 		insertion: n,
-		textareaRef: Q
-	}), { isMenuOpen: St, query: Ct, dismiss: wt, handleValueChange: Tt } = ke({
-		config: K,
-		message: X
-	}), Et = K?.emptyQueryHint != null, Dt = Et && St && Ct === "", Ot = L((e) => {
-		if (K == null || (wt(), !e?.consumeQuery)) return;
-		Q.current?.focus();
-		let t = `${K.triggerPrefix}${Ct}`;
-		if (!X.startsWith(t)) return;
-		let n = X.slice(t.length);
-		Z(n), J.notifyChange(), d?.(n);
+		textareaRef: $
+	}), { isMenuOpen: Ct, query: wt, dismiss: Tt, handleValueChange: Et } = ke({
+		config: q,
+		message: Z
+	}), Dt = q?.emptyQueryHint != null, Ot = Dt && Ct && wt === "", kt = L((e) => {
+		if (q == null || (Tt(), !e?.consumeQuery)) return;
+		$.current?.focus();
+		let t = `${q.triggerPrefix}${wt}`;
+		if (!Z.startsWith(t)) return;
+		let n = Z.slice(t.length);
+		Q(n), Y.notifyChange(), d?.(n);
 	}, [
-		K,
+		q,
+		Tt,
 		wt,
-		Ct,
-		X,
 		Z,
-		J,
+		Q,
+		Y,
 		d,
-		Q
+		$
 	]);
 	R(() => {
 		if (gt == null) return;
@@ -1965,7 +1983,7 @@ var Ft = {
 		});
 		return e.observe(gt), () => e.disconnect();
 	}, [gt]);
-	let { attachments: kt, buildAttachments: At, addAttachments: jt, resetAttachments: Mt, handleRemove: Nt, handleRetry: Pt, handleExpand: Ft, hasBlockedAttachments: It } = De({
+	let { attachments: At, buildAttachments: jt, addAttachments: Mt, resetAttachments: Nt, handleRemove: Pt, handleRetry: Ft, handleExpand: It, hasBlockedAttachments: Lt } = De({
 		initialAttachments: pe,
 		onUploadAttachment: i,
 		onAttachmentsChange: f,
@@ -1975,171 +1993,171 @@ var Ft = {
 		pendingAttachments: F,
 		onPendingAttachmentsConsumed: ae,
 		onExpandPastedText: L((e) => {
-			Z((t) => t ? `${t}\n${e}` : e);
-		}, [Z]),
+			Q((t) => t ? `${t}\n${e}` : e);
+		}, [Q]),
 		maximumAttachmentsAmount: rt,
 		baseAttachmentsAmount: Ae.length,
 		onAttachmentsLimitExceeded: at
-	}), Lt = L((e) => {
-		jt(At([e]));
-	}, [jt, At]), Rt = B(!1), zt = B(X);
-	zt.current = X;
-	let [Vt, Ht] = V({
+	}), Rt = L((e) => {
+		Mt(jt([e]));
+	}, [Mt, jt]), zt = B(!1), Bt = B(Z);
+	Bt.current = Z;
+	let [Ht, Ut] = V({
 		text: "",
 		revision: 0
-	}), { state: Ut, analyserNodeRef: Wt, errorMessage: Gt, startRecording: Kt, stopRecording: qt, discardRecording: Jt } = Ue({
-		onAttachAudio: Lt,
+	}), { state: Wt, analyserNodeRef: Gt, errorMessage: Kt, startRecording: qt, stopRecording: Jt, discardRecording: Yt } = Ue({
+		onAttachAudio: Rt,
 		onTranscribeAudio: we,
 		onTranscript: L((e) => {
 			let t = e.trim();
 			if (t) {
-				let e = zt.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
-				zt.current = n, Z(n), Ht((e) => ({
+				let e = Bt.current, n = `${e}${e && !/\s$/.test(e) ? " " : ""}${t}`;
+				Bt.current = n, Q(n), Ut((e) => ({
 					text: t,
 					revision: e.revision + 1
-				})), J.notifyChange(), d?.(n);
+				})), Y.notifyChange(), d?.(n);
 			}
-			Rt.current = !0;
+			zt.current = !0;
 		}, [
-			Z,
-			J,
+			Q,
+			Y,
 			d
 		]),
 		errorLabel: Ee
-	}), Yt = Ut === Le.Recording || Ut === Le.Processing;
+	}), Xt = Wt === Le.Recording || Wt === Le.Processing;
 	R(() => {
-		(Ut === Le.Error || Ut === Le.Idle && Rt.current) && (Rt.current = !1, Q.current?.focus());
-	}, [Ut, Q]);
-	let Xt = B(null), Zt = B(null), Qt = ot && st, { handlePaste: $t } = xe(jt, Qt ? ce : Infinity), en = L((e) => {
-		if (!Qt) {
+		(Wt === Le.Error || Wt === Le.Idle && zt.current) && (zt.current = !1, $.current?.focus());
+	}, [Wt, $]);
+	let Zt = B(null), Qt = B(null), $t = ot && st, { handlePaste: en } = xe(Mt, $t ? ce : Infinity), tn = L((e) => {
+		if (!$t) {
 			let t = e.clipboardData.getData("text/plain");
 			t.length >= I && ft?.(t.length, I);
 		}
-		$t(e);
+		en(e);
 	}, [
-		Qt,
+		$t,
 		I,
 		ft,
-		$t
-	]), tn = (X.trim().length > 0 || kt.length > 0 || Y) && !It && !be && !Yt, [nn, rn] = V([]);
+		en
+	]), nn = (Z.trim().length > 0 || At.length > 0 || X) && !Lt && !be && !Xt, [rn, an] = V([]);
 	R(() => {
-		rn([]);
+		an([]);
 	}, [(Fe ?? []).map((e) => e.id).join("|")]);
-	let an = z(() => {
+	let on = z(() => {
 		let e = Fe ?? [];
-		return Be ? e.filter((e) => e.isSelected || !nn.includes(e.id)) : e;
+		return Be ? e.filter((e) => e.isSelected || !rn.includes(e.id)) : e;
 	}, [
 		Fe,
-		nn,
+		rn,
 		Be
-	]), on = L((e) => {
-		rn((t) => t.includes(e) ? t : [...t, e]), Fe?.find((t) => t.id === e)?.isSelected && ze?.(e);
-	}, [Fe, ze]), sn = le === void 0 || ue != null, cn = Se && !o, ln = async () => {
-		if (be || Yt) return;
-		if (X.length >= I) {
-			ft?.(X.length, I);
+	]), sn = L((e) => {
+		an((t) => t.includes(e) ? t : [...t, e]), Fe?.find((t) => t.id === e)?.isSelected && ze?.(e);
+	}, [Fe, ze]), cn = le === void 0 || ue != null, ln = Se && !o, un = async () => {
+		if (be || Xt) return;
+		if (Z.length >= I) {
+			ft?.(Z.length, I);
 			return;
 		}
-		let e = X, t = kt;
-		Z(""), J.reset();
+		let e = Z, t = At;
+		Q(""), Y.reset();
 		try {
 			await r?.(e, t), t.forEach((e) => {
 				e.previewUrl && URL.revokeObjectURL(e.previewUrl), e.playUrl && URL.revokeObjectURL(e.playUrl);
-			}), Mt([]);
+			}), Nt([]);
 		} catch {
-			Z(e), Mt(t);
+			Q(e), Nt(t);
 		}
-	}, un = (e) => {
-		if (!Yt && !$(e)) {
+	}, dn = (e) => {
+		if (!Xt && !St(e)) {
 			if (!e.nativeEvent.isComposing && !H && !o) {
 				if (e.key === "ArrowUp" || e.key === "ArrowDown") {
-					let t = e.currentTarget.selectionStart ?? 0, n = J.navigate(e.key === "ArrowUp" ? "up" : "down", X, t);
+					let t = e.currentTarget.selectionStart ?? 0, n = Y.navigate(e.key === "ArrowUp" ? "up" : "down", Z, t);
 					if (n !== null) {
-						e.preventDefault(), Z(n);
+						e.preventDefault(), Q(n);
 						return;
 					}
 				}
-				if (e.key === "Backspace" && Y && Je != null && e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) {
+				if (e.key === "Backspace" && X && Je != null && e.currentTarget.selectionStart === 0 && e.currentTarget.selectionEnd === 0) {
 					e.preventDefault(), Je();
 					return;
 				}
 			}
-			e.key === "Enter" && (Oe === We.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !o && tn && sn && !H && ln());
+			e.key === "Enter" && (Oe === We.MetaEnter ? (e.metaKey || e.ctrlKey) && !e.shiftKey : !e.shiftKey && !e.metaKey && !e.ctrlKey) && (e.preventDefault(), !o && nn && cn && !H && un());
 		}
-	}, dn = (e) => {
+	}, fn = (e) => {
 		let t = Array.from(e.target.files ?? []);
 		if (t.length === 0) return;
-		let n = At(t);
-		e.target.value = "", jt(n);
-	}, fn = /* @__PURE__ */ W("textarea", {
-		className: c(q.textarea, Y && q.textareaIndented, N?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
-		ref: Q,
+		let n = jt(t);
+		e.target.value = "", Mt(n);
+	}, pn = /* @__PURE__ */ W("textarea", {
+		className: c(J.textarea, X && J.textareaIndented, N?.fontClassName || "dial-body-paragraph-text", "max-h-[272px] w-full resize-none overflow-y-auto border-0 bg-transparent outline-none [field-sizing:content]", "disabled:cursor-not-allowed"),
+		ref: $,
 		autoFocus: Ye,
-		value: X,
+		value: Z,
 		onChange: (e) => {
-			Z(e.target.value), J.notifyChange();
+			Q(e.target.value), Y.notifyChange();
 			let t = e.nativeEvent instanceof InputEvent ? e.nativeEvent : void 0;
-			Tt(e.target.value, t?.isComposing ?? !1, t?.inputType), d?.(e.target.value);
+			Et(e.target.value, t?.isComposing ?? !1, t?.inputType), d?.(e.target.value);
 		},
-		onKeyDown: un,
-		onPaste: en,
-		placeholder: Y ? void 0 : g,
+		onKeyDown: dn,
+		onPaste: tn,
+		placeholder: X ? void 0 : g,
 		"aria-label": y,
 		disabled: H,
-		readOnly: Yt,
+		readOnly: Xt,
 		rows: 1
-	}), pn = K == null ? fn : /* @__PURE__ */ W(h, {
+	}), mn = q == null ? pn : /* @__PURE__ */ W(h, {
 		className: "w-full",
-		open: St,
+		open: Ct,
 		onOpenChange: (e) => {
-			e || wt();
+			e || Tt();
 		},
 		placement: "top-start",
 		trigger: [],
 		initialFocus: -1,
 		matchReferenceWidth: !1,
-		outsidePressIgnoreRef: Q,
+		outsidePressIgnoreRef: $,
 		renderOverlay: () => {
-			let e = K.renderMenu({
-				query: Ct,
-				close: Ot
+			let e = q.renderMenu({
+				query: wt,
+				close: kt
 			});
-			return K.menuLabel == null ? e : /* @__PURE__ */ W("div", {
+			return q.menuLabel == null ? e : /* @__PURE__ */ W("div", {
 				role: "group",
-				"aria-label": K.menuLabel,
+				"aria-label": q.menuLabel,
 				children: e
 			});
 		},
-		children: fn
-	}), mn = Y || Et ? /* @__PURE__ */ G("div", {
+		children: pn
+	}), hn = X || Dt ? /* @__PURE__ */ G("div", {
 		className: "relative w-full",
 		children: [
-			Y && /* @__PURE__ */ W("div", {
+			X && /* @__PURE__ */ W("div", {
 				ref: _t,
 				className: "absolute start-0 top-0",
 				children: qe
 			}),
-			Dt && K != null && /* @__PURE__ */ G("span", {
-				className: c(q.commandHint, "pointer-events-none absolute start-[var(--ci-first-line-indent,0px)] top-0", N?.fontClassName || "dial-body-paragraph-text"),
+			Ot && q != null && /* @__PURE__ */ G("span", {
+				className: c(J.commandHint, "pointer-events-none absolute start-[var(--ci-first-line-indent,0px)] top-0", N?.fontClassName || "dial-body-paragraph-text"),
 				"aria-hidden": !0,
 				children: [/* @__PURE__ */ W("span", {
 					className: "invisible",
-					children: K.triggerPrefix
-				}), K.emptyQueryHint]
+					children: q.triggerPrefix
+				}), q.emptyQueryHint]
 			}),
-			pn
+			mn
 		]
-	}) : pn, hn = me ? void 0 : /* @__PURE__ */ W(tt, {
-		onAttachClick: he ? void 0 : () => Xt.current?.click(),
+	}) : mn, gn = me ? void 0 : /* @__PURE__ */ W(tt, {
+		onAttachClick: he ? void 0 : () => Zt.current?.click(),
 		attachLabel: b,
 		addMenuTitle: S,
 		menuTitle: C,
 		menuCloseLabel: w,
 		style: bt,
-		isDisabled: H || Yt,
+		isDisabled: H || Xt,
 		chatSettings: Pe,
 		extraMenuItems: xt,
-		onRecordVoice: Ce && ot && !o && !Yt ? () => Kt(Re.Attachment) : void 0,
+		onRecordVoice: Ce && ot && !o && !Xt ? () => qt(Re.Attachment) : void 0,
 		recordVoiceLabel: te,
 		toolsMenuItems: Be ? Fe : void 0,
 		onToolToggle: ze,
@@ -2148,83 +2166,83 @@ var Ft = {
 		menuOverlays: Ke
 	});
 	return /* @__PURE__ */ G("div", {
-		ref: Zt,
+		ref: Qt,
 		style: bt,
-		className: c(q.wrapper, H && q.wrapperDisabled, H && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", kt.length > 6 ? "py-4 ps-4" : "p-4", re),
+		className: c(J.wrapper, H && J.wrapperDisabled, H && "cursor-not-allowed", "flex w-full max-w-[748px] flex-col justify-center gap-3 rounded-xl border", "focus-within:outline focus-within:-outline-offset-1 active:outline active:-outline-offset-1", At.length > 6 ? "py-4 ps-4" : "p-4", re, K.wrapper),
 		children: [
-			(Ae.length > 0 || kt.length > 0) && /* @__PURE__ */ W(ve, {
-				attachments: [...Ae, ...kt],
+			(Ae.length > 0 || At.length > 0) && /* @__PURE__ */ W(ve, {
+				attachments: [...Ae, ...At],
 				onRemove: (e) => {
-					Ae.some((t) => t.id === e) ? je?.(e) : Nt(e);
+					Ae.some((t) => t.id === e) ? je?.(e) : Pt(e);
 				},
-				onRetry: Pt,
-				onExpand: Ft,
+				onRetry: Ft,
+				onExpand: It,
 				labels: {
 					removeLabel: T,
 					retryLabel: E,
 					uploadingLabel: D
 				},
 				onAttachmentClick: et == null ? void 0 : (e) => {
-					let t = [...Ae, ...kt].find((t) => t.id === e);
+					let t = [...Ae, ...At].find((t) => t.id === e);
 					t != null && et(t);
 				}
 			}),
 			!me && /* @__PURE__ */ W("input", {
-				ref: Xt,
+				ref: Zt,
 				type: "file",
 				multiple: !0,
 				accept: x,
 				className: "sr-only",
 				"aria-hidden": !0,
 				tabIndex: -1,
-				onChange: dn
+				onChange: fn
 			}),
-			Gt && /* @__PURE__ */ W(_, {
-				text: Gt,
+			Kt && /* @__PURE__ */ W(_, {
+				text: Kt,
 				className: "min-w-0 break-words px-1"
 			}),
-			Yt && /* @__PURE__ */ W(lt, {
+			Xt && /* @__PURE__ */ W(lt, {
 				embedded: !0,
-				state: Ut,
-				analyserNodeRef: Wt,
-				errorMessage: Gt,
-				onStop: qt,
-				onDiscard: Jt,
-				attachButton: hn,
+				state: Wt,
+				analyserNodeRef: Gt,
+				errorMessage: Kt,
+				onStop: Jt,
+				onDiscard: Yt,
+				attachButton: gn,
 				stopLabel: j,
 				discardLabel: ne,
 				processingLabel: Te
 			}),
-			!Yt && ge && mn,
-			!Yt && !ge && /* @__PURE__ */ G("div", {
-				className: "flex flex-wrap items-center gap-2",
+			!Xt && ge && hn,
+			!Xt && !ge && /* @__PURE__ */ G("div", {
+				className: c("flex flex-wrap items-center gap-2", K.actionRow),
 				children: [
 					/* @__PURE__ */ W("div", {
-						className: "flex w-full min-w-0 items-center self-stretch",
-						children: mn
-					}),
-					hn && /* @__PURE__ */ W("div", {
-						className: "flex",
+						className: c("flex w-full min-w-0 items-center self-stretch", K.textareaWrap),
 						children: hn
 					}),
-					an.length > 0 && ze != null && /* @__PURE__ */ W("div", {
+					gn && /* @__PURE__ */ W("div", {
+						className: c("flex", K.addCluster),
+						children: gn
+					}),
+					on.length > 0 && ze != null && /* @__PURE__ */ W("div", {
 						className: "min-w-0 flex-1",
 						children: /* @__PURE__ */ W(it, {
-							items: an,
+							items: on,
 							onToolToggle: ze,
-							onToolDismiss: on,
+							onToolDismiss: sn,
 							canRemove: Be,
 							removeLabel: Ge?.removeLabel
 						})
 					}),
 					/* @__PURE__ */ W("div", {
-						className: "ms-auto flex flex-shrink-0 items-center gap-2",
+						className: c("ms-auto flex flex-shrink-0 items-center gap-2", K.footerActions),
 						children: _e ? _e({
-							canSend: tn,
-							onSend: ln
+							canSend: nn,
+							onSend: un
 						}) : /* @__PURE__ */ G(U, { children: [
 							ct,
-							/* @__PURE__ */ W(Bt, {
+							/* @__PURE__ */ W(Vt, {
 								deployments: le,
 								selectedDeploymentId: ue,
 								onDeploymentChange: de,
@@ -2238,7 +2256,7 @@ var Ft = {
 								onPickerToggle: () => ht((e) => !e),
 								onPickerOpenChange: ht
 							}),
-							cn && /* @__PURE__ */ W(v, {
+							ln && /* @__PURE__ */ W(v, {
 								icon: /* @__PURE__ */ W(se, {
 									size: p.LG,
 									stroke: m,
@@ -2247,15 +2265,15 @@ var Ft = {
 								"aria-label": A,
 								tooltipProps: { tooltip: A },
 								className: "size-[40px] flex-shrink-0 mobile:min-h-11 mobile:min-w-11",
-								onClick: () => Kt(Re.Dictation),
+								onClick: () => qt(Re.Dictation),
 								disabled: H || o
 							}),
 							o && a ? /* @__PURE__ */ W(dt, {
 								onStop: a,
 								ariaLabel: ee
 							}) : !o && /* @__PURE__ */ W(ut, {
-								onSend: ln,
-								isDisabled: !sn || !tn,
+								onSend: un,
+								isDisabled: !cn || !nn,
 								ariaLabel: O,
 								sendTooltip: k
 							})
@@ -2268,14 +2286,14 @@ var Ft = {
 				role: "status",
 				"aria-live": "polite",
 				"aria-atomic": "true",
-				children: /* @__PURE__ */ W("span", { children: Vt.text }, Vt.revision)
+				children: /* @__PURE__ */ W("span", { children: Ht.text }, Ht.revision)
 			})
 		]
 	});
-}, Ht = {
+}, Ut = {
 	welcome: "_welcome_1icyo_1",
 	description: "_description_1icyo_5"
-}, Ut = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, styles: i, className: a, inputClassName: o, isInputDisabled: l = !1, ...u }) => {
+}, Wt = ({ isStreaming: e = !1, placeholder: t = "Type a prompt or use \"/\" to select one", welcomeText: n, descriptionText: r, styles: i, className: a, inputClassName: o, isInputDisabled: l = !1, ...u }) => {
 	let { colors: d, typography: f } = i ?? {};
 	return /* @__PURE__ */ G("div", {
 		style: s({
@@ -2286,15 +2304,15 @@ var Ft = {
 		children: [n && /* @__PURE__ */ G("div", {
 			className: "flex flex-col items-center gap-4 text-center",
 			children: [/* @__PURE__ */ W("h1", {
-				className: c(Ht.welcome, "m-0", f?.welcomeClassName || "dial-display2-text"),
+				className: c(Ut.welcome, "m-0", f?.welcomeClassName || "dial-display2-text"),
 				children: n
 			}), r && /* @__PURE__ */ W("p", {
-				className: c(Ht.description, "m-0 max-w-[540px]", f?.descriptionClassName || "dial-body-paragraph-text"),
+				className: c(Ut.description, "m-0 max-w-[540px]", f?.descriptionClassName || "dial-body-paragraph-text"),
 				children: r
 			})]
 		}), /* @__PURE__ */ W("div", {
 			className: c("relative w-full", n ? "max-w-[700px]" : "max-w-[748px]"),
-			children: /* @__PURE__ */ W(Vt, {
+			children: /* @__PURE__ */ W(Ht, {
 				placeholder: t,
 				isStreaming: e,
 				isInputDisabled: l,
@@ -2305,7 +2323,7 @@ var Ft = {
 			})
 		})]
 	});
-}, Wt = ({ message: e, inlineStartSlot: t, onInlineStartRemove: n, initialAttachments: r = [], onCancel: a, onSave: o, onUploadAttachment: s, cancelLabel: l = "Cancel", saveLabel: d = "Save & Submit", ariaLabel: f, removeLabel: p, retryLabel: h, uploadingLabel: g, addMenuTitle: _ = "Add", attachLabel: v = "Attach file", menuTitle: y = "Menu", menuCloseLabel: b = "Close", className: S, pendingDropFiles: C, onDropFilesConsumed: T, validateAttachment: E, isAttachmentsEnabled: D, isTextAttachmentsAllowed: O, hideAttachFile: k = !1, fileAccept: ee, maximumAttachmentsAmount: A, onAttachmentsLimitExceeded: te, onDialFileSystemClick: j, dialFileSystemLabel: ne, pendingAttachments: M, onPendingAttachmentsConsumed: N, onAttachmentClick: re, pasteTextThreshold: ie, maxMessageLength: P = 5e4, onMessageTooLong: F }) => {
+}, Gt = ({ message: e, inlineStartSlot: t, onInlineStartRemove: n, initialAttachments: r = [], onCancel: a, onSave: o, onUploadAttachment: s, cancelLabel: l = "Cancel", saveLabel: d = "Save & Submit", ariaLabel: f, removeLabel: p, retryLabel: h, uploadingLabel: g, addMenuTitle: _ = "Add", attachLabel: v = "Attach file", menuTitle: y = "Menu", menuCloseLabel: b = "Close", className: S, pendingDropFiles: C, onDropFilesConsumed: T, validateAttachment: E, isAttachmentsEnabled: D, isTextAttachmentsAllowed: O, hideAttachFile: k = !1, fileAccept: ee, maximumAttachmentsAmount: A, onAttachmentsLimitExceeded: te, onDialFileSystemClick: j, dialFileSystemLabel: ne, pendingAttachments: M, onPendingAttachmentsConsumed: N, onAttachmentClick: re, pasteTextThreshold: ie, maxMessageLength: P = 5e4, onMessageTooLong: F }) => {
 	let ae = B(null), [se, ce] = V([]);
 	R(() => {
 		C?.length && (ce(C), T?.());
@@ -2337,7 +2355,7 @@ var Ft = {
 	}] : [], [j, ne]);
 	return /* @__PURE__ */ G("div", {
 		className: c("flex w-full flex-col gap-2", S),
-		children: [/* @__PURE__ */ W(Vt, {
+		children: [/* @__PURE__ */ W(Ht, {
 			message: e,
 			inlineStartSlot: t,
 			onInlineStartRemove: n,
@@ -2402,4 +2420,4 @@ var Ft = {
 	});
 };
 //#endregion
-export { Te as BottomSheetShell, Ze as ChatSettingsModal, Ut as ConversationInput, Wt as EditMessageInput, Vt as Input, We as SendOnEnter };
+export { Te as BottomSheetShell, K as CONVERSATION_INPUT_CLASS, Ze as ChatSettingsModal, Wt as ConversationInput, Gt as EditMessageInput, Ht as Input, We as SendOnEnter };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-input",
   "description": "Conversation message input with model selection, attachments, voice input, and edit mode",
-  "version": "1.2.0-dev.46",
+  "version": "1.2.0-dev.50",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,13 +19,13 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.46"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.50"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.46",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.50",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "@epam/ai-dial-ui-kit": "^0.14.2"
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.7"
   },
   "repository": {
     "type": "git",