@llmnative/react 1.30.0 → 1.31.0

package/dist/types/src/components/blocks/Dropdown.d.ts

@@ -69,7 +69,18 @@ interface DropdownButtonProps extends Pick<MotionUIProps, 'motion'> {
     menuId?: string;
     buttonRef?: React.RefObject<HTMLButtonElement | null>;
 }
+/** A secondary action of a menu item: an icon at its end, shown on hover or focus (CR-107). */
+export interface DropdownItemAction {
+    icon: string;
+    /** Accessible name and tooltip. */
+    label: string;
+    onClick: () => void;
+    /** Closes the menu after the action; by default it stays open. */
+    closeOnClick?: boolean;
+}
 interface DropdownItemProps {
+    /** Secondary actions, e.g. archive a row: icons shown on hover or focus (always on touch screens). */
+    actions?: DropdownItemAction[];
     /** Link URL. When set, renders as `<a>`, otherwise as `<button>`. */
     url?: string;
     onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>;
@@ -92,7 +103,7 @@ export declare const Dropdown: ({ children, trigger, badge, header, footer, defa
  */
 export declare function AsyncDropdown<TItem>({ loadItems, getItemId, renderItem, onSelect, selectedId, searchPlaceholder, emptyState, loadingState, errorState, debounceMs, closeOnSelect, inputClassName, selectedClassName, header, open: controlledOpen, defaultOpen, onOpenChange, footer, headerClassName, staticOpen, ...dropdownProps }: AsyncDropdownProps<TItem>): React.JSX.Element;
 export declare const DropdownButton: ({ children, badge, display, className, badgeClassName, motion: motionConfig, title, onToggle, open, menuId, buttonRef }: DropdownButtonProps) => React.JSX.Element;
-export declare const DropdownItem: ({ children, url, onClick, icon, className }: DropdownItemProps) => React.JSX.Element;
+export declare const DropdownItem: ({ children, url, onClick, icon, className, actions }: DropdownItemProps) => React.JSX.Element;
 export declare const DropdownHeader: ({ children, className }: DropdownHeaderProps) => React.JSX.Element;
 export declare const DropdownDivider: ({ className }: DropdownDividerProps) => React.JSX.Element;
 interface DropdownMenuProps {

package/dist/types/src/components/widgets/Chatbot.d.ts

@@ -16,7 +16,13 @@ export type ChatbotAction = {
     key: string;
     icon: string;
     label?: string;
+    /** A menu opened by the action; without it the action is a button (`onClick`). */
     content?: React.ReactNode;
+    /** What a button action does (CR-107). */
+    onClick?: () => void;
+    disabled?: boolean;
+    /** Shows `label` next to the icon: a command that has to be read, not guessed. */
+    showLabel?: boolean;
 };
 export interface ChatbotSubmitPayload {
     text: string;

package/llms-full.txt

@@ -766,6 +766,17 @@ Albero accessibile di nodi (cartelle e file, gerarchie): pattern WAI-ARIA tree,
 </Dropdown>
 ```
 
+Azioni secondarie di una voce (CR-107): `actions` mostra icone in fondo alla riga, al passaggio
+del mouse o al focus (sempre sui dispositivi touch). Non selezionano la voce e lasciano il menu aperto
+salvo `closeOnClick`.
+
+```tsx
+<DropdownItem icon="messages-square" onClick={() => open(chat)}
+  actions={[{ icon: 'archive', label: 'Archivia', onClick: () => archive(chat) }]}>
+  {chat.title}
+</DropdownItem>
+```
+
 Per elenchi caricati dinamicamente usare `AsyncDropdown`: gestisce ricerca con debounce,
 cancellazione delle richieste precedenti tramite `AbortSignal` e stati loading/empty/error.
 
@@ -998,6 +1009,9 @@ class MyAIProvider implements AIProviderAdapter {
 
 // Factory per registri esterni
 const registry = createAIProviderRegistry(definitions)
+// Azioni di Chatbot (CR-107): con `content` aprono un menu; senza, sono pulsanti con `onClick`.
+// <Chatbot actions={[{ key: 'finish', icon: 'git-pull-request', label: 'Concludi', showLabel: true,
+//   disabled: running, onClick: finish }]} … />
 ```
 
 ### Identità dei modelli indipendente dal provider (CR-103)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@llmnative/react",
-  "version": "1.30.0",
+  "version": "1.31.0",
   "description": "LLM-native React framework for deterministic UI generation. Data-driven by default, schema-driven optional. Ultra-low token consumption — built for AI agents, not just humans.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",