@djangocfg/ui-tools 2.1.463 → 2.1.464

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-tools",
-  "version": "2.1.463",
+  "version": "2.1.464",
   "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
   "keywords": [
     "ui-tools",
@@ -334,8 +334,8 @@
     "test:watch": "vitest"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.463",
-    "@djangocfg/ui-core": "^2.1.463",
+    "@djangocfg/i18n": "^2.1.464",
+    "@djangocfg/ui-core": "^2.1.464",
     "consola": "^3.4.2",
     "lodash-es": "^4.18.1",
     "lucide-react": "^0.545.0",
@@ -418,9 +418,9 @@
     "@maplibre/maplibre-gl-geocoder": "^1.7.0"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.463",
-    "@djangocfg/typescript-config": "^2.1.463",
-    "@djangocfg/ui-core": "^2.1.463",
+    "@djangocfg/i18n": "^2.1.464",
+    "@djangocfg/typescript-config": "^2.1.464",
+    "@djangocfg/ui-core": "^2.1.464",
     "@types/lodash-es": "^4.17.12",
     "@types/mapbox__mapbox-gl-draw": "^1.4.8",
     "@types/node": "^25.2.3",

package/src/tools/chat/composer/Composer.tsx

@@ -254,6 +254,7 @@ export const Composer = forwardRef<HTMLDivElement, ComposerProps>(function Compo
   }, [hasCustomTextarea, composerFocus, composerSetValue, textareaRef]);
 
   const inlineStart = composerSlots?.inlineStart;
+  const afterAttach = composerSlots?.afterAttach;
   const inlineEnd = composerSlots?.inlineEnd;
   const blockStart = composerSlots?.blockStart;
 
@@ -515,6 +516,7 @@ export const Composer = forwardRef<HTMLDivElement, ComposerProps>(function Compo
       size={size}
       layout={layout}
       inlineStart={inlineStart}
+      afterAttach={afterAttach}
       inlineEnd={inlineEnd}
     />
   ) : (
@@ -524,6 +526,7 @@ export const Composer = forwardRef<HTMLDivElement, ComposerProps>(function Compo
       size={size}
       layout={layout}
       inlineStart={inlineStart}
+      afterAttach={afterAttach}
       inlineEnd={inlineEnd}
       className={slotProps?.actionBar?.className}
     />
@@ -704,6 +707,7 @@ export const Composer = forwardRef<HTMLDivElement, ComposerProps>(function Compo
                 size={size}
                 layout={layout}
                 inlineStart={inlineStart}
+                afterAttach={afterAttach}
                 cluster="start"
               />
             )}
@@ -778,6 +782,7 @@ export const Composer = forwardRef<HTMLDivElement, ComposerProps>(function Compo
               {actionsStart.map((action) => (
                 <ComposerButton key={action.id} action={action} size={size} />
               ))}
+              {afterAttach}
             </div>
             <div className={cn('flex items-center', GAP[size])}>
               {inlineEnd}

package/src/tools/chat/composer/ComposerActionBar.tsx

@@ -24,6 +24,7 @@ export function ComposerActionBar({
   actionsEnd,
   size,
   inlineStart,
+  afterAttach,
   inlineEnd,
   className,
   cluster,
@@ -37,6 +38,8 @@ export function ComposerActionBar({
       {actionsStart.map((action) => (
         <ComposerButton key={action.id} action={action} size={size} />
       ))}
+      {/* Right after the attach cluster — an engine·model picker pill, etc. */}
+      {afterAttach}
     </div>
   );
   const endCluster = (

package/src/tools/chat/composer/types.ts

@@ -67,6 +67,14 @@ export interface ComposerSlots {
   blockStart?: ReactNode;
   /** Raw nodes placed left of the textarea in the `inline` layout. */
   inlineStart?: ReactNode;
+  /**
+   * Raw node placed in the START cluster RIGHT AFTER the built-in attach
+   * (paperclip) button, before any host `actionsStart` — for a composer tool
+   * that reads as "part of the attach cluster" (e.g. an engine·model picker
+   * pill) rather than living at the far edges. Distinct from `inlineStart`,
+   * which renders BEFORE the paperclip.
+   */
+  afterAttach?: ReactNode;
   /** Raw nodes placed right of the textarea in the `inline` layout. */
   inlineEnd?: ReactNode;
   /**
@@ -110,6 +118,8 @@ export interface ActionBarProps {
   size: ComposerSize;
   layout: ComposerLayout;
   inlineStart?: ReactNode;
+  /** Raw node rendered right after the attach button in the start cluster. */
+  afterAttach?: ReactNode;
   inlineEnd?: ReactNode;
 }