@admin-layout/tailwind-ui 12.2.4-alpha.17 → 12.2.4-alpha.22

package/lib/components/InputToolBar/InputToolBar.d.ts

@@ -4,6 +4,6 @@ import type { InputToolBarProps } from './types';
  * InputToolBar – UI only. Renders toolbar and optional built-in textarea from props.
  * All data (leftItems, rightItems, templateButton, inputConfig, micSendButton) and behavior (onClick, onChange, etc.) come from props.
  */
-export declare function InputToolBar({ className, inputConfig, topContent, leftItems: leftItemsProp, rightItems: rightItemsProp, templateButton, templateModalConfig, templateModalRender, leftCustomRender, rightCustomRender, micSendButton, children, onContainerClick, }: InputToolBarProps): React.JSX.Element;
+export declare function InputToolBar({ className, classNames, inputConfig, topContent, leftItems: leftItemsProp, rightItems: rightItemsProp, templateButton, templateModalConfig, templateModalRender, projectSettingsModalOpen, onProjectSettingsModalClose, projectSettingsModalRender, leftCustomRender, rightCustomRender, micSendButton, children, onContainerClick, }: InputToolBarProps): React.JSX.Element;
 export default InputToolBar;
 //# sourceMappingURL=InputToolBar.d.ts.map

package/lib/components/InputToolBar/InputToolBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EACR,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAgajB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,qBA+EnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAgdjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,qBAwFnB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.js

@@ -1,4 +1,4 @@
-import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,X,Layout,Check,StopCircle,ArrowUpRight}from'lucide-react';import React__default,{useState,useMemo}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
+import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,Settings,X,Layout,Check,StopCircle,ArrowUpRight}from'lucide-react';import React__default,{useState,useMemo}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
 const iconSizeRight = 'h-4 w-4';
 const defaultLeftIconMap = {
   search: React__default.createElement(Search, {
@@ -13,6 +13,9 @@ const defaultLeftIconMap = {
   template: null // template is rendered as pill, not in icon group
 };
 const defaultRightIconMap = {
+  projectSettings: React__default.createElement(Settings, {
+    className: iconSizeRight
+  }),
   tag: React__default.createElement(WandSparkles, {
     className: iconSizeRight
   }),
@@ -72,11 +75,12 @@ function MicSendButton({
   onMic,
   disabled,
   isLoading,
-  onStop
+  onStop,
+  className
 }) {
   const isStop = isLoading === true;
   const isSend = !isStop && hasContent;
-  const base = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary';
+  const base = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary border border-primary';
   const handleClick = isStop ? onStop : isSend ? onSend : onMic;
   const label = isStop ? 'Stop' : isSend ? 'Send' : 'Start voice input';
   return React__default.createElement("button", {
@@ -85,7 +89,7 @@ function MicSendButton({
     title: label,
     onClick: handleClick,
     disabled: disabled && !isStop,
-    className: base
+    className: cn(base, className)
   }, isStop ? React__default.createElement(StopCircle, {
     className: iconSizeRight
   }) : isSend ? React__default.createElement(ArrowUpRight, {
@@ -97,7 +101,8 @@ function MicSendButton({
 function ToolbarIconButton({
   item,
   getDefaultIcon,
-  isLeftGroup
+  isLeftGroup,
+  classNames
 }) {
   if (item.enabled === false) return null;
   const icon = item.customButton ?? item.icon ?? getDefaultIcon(item.id);
@@ -107,10 +112,10 @@ function ToolbarIconButton({
   const isDisabled = item.disabled === true || item.loading === true;
   const isActive = item.active === true;
   const base = 'inline-flex h-7 w-7 items-center justify-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:opacity-50 disabled:pointer-events-none';
-  const leftVariant = isActive ? 'rounded-full border border-primary bg-primary text-primary-foreground hover:bg-primary/90' : 'rounded-full border border-primary/50 bg-card text-primary hover:border-primary hover:text-primary';
-  const rightVariantDisabled = 'rounded-2xl text-muted-foreground/50 cursor-not-allowed disabled:pointer-events-auto';
-  const rightVariantActive = 'rounded-2xl text-primary hover:bg-secondary';
-  const rightVariantDefault = 'rounded-2xl text-muted-foreground hover:bg-secondary/70 active:bg-secondary';
+  const leftVariant = isActive ? cn('rounded-full border border-primary bg-primary text-primary-foreground hover:bg-primary/90', classNames?.leftButtonActive) : cn('rounded-full border border-border bg-muted/50 text-foreground hover:border-primary hover:bg-muted hover:text-primary', classNames?.leftButtonInactive);
+  const rightVariantDisabled = cn('rounded-2xl text-muted-foreground/50 cursor-not-allowed disabled:pointer-events-auto', classNames?.rightButtonDisabled);
+  const rightVariantActive = cn('rounded-2xl text-primary hover:bg-secondary border border-transparent', classNames?.rightButtonActive);
+  const rightVariantDefault = cn('rounded-2xl text-muted-foreground hover:bg-secondary/70 active:bg-secondary border border-transparent', classNames?.rightButton);
   const rightVariant = isDisabled ? rightVariantDisabled : isActive ? rightVariantActive : rightVariantDefault;
   return React__default.createElement("button", {
     type: "button",
@@ -127,28 +132,31 @@ function ToolbarIconButton({
 function LeftSection({
   leftItems,
   templateButton,
-  leftCustomRender
+  leftCustomRender,
+  classNames
 }) {
   if (leftCustomRender != null) {
     return React__default.createElement("div", {
-      className: "flex items-center gap-2"
+      className: cn('flex items-center gap-2', classNames?.leftGroup)
     }, leftCustomRender);
   }
   const left = leftItems ?? [];
+  const leftEnabled = left.filter(item => item.enabled !== false);
   const hasTemplate = templateButton != null;
-  const hasLeft = left.length > 0 || hasTemplate;
+  const hasLeft = leftEnabled.length > 0 || hasTemplate;
   if (!hasLeft) return null;
   return React__default.createElement("div", {
-    className: "flex items-center gap-2"
-  }, left.length > 0 && React__default.createElement("div", {
+    className: cn('flex items-center gap-2', classNames?.leftGroup)
+  }, leftEnabled.length > 0 && React__default.createElement("div", {
     className: "flex items-center gap-1 rounded-full bg-secondary px-2 py-1"
-  }, left.map((item, index) => React__default.createElement(React__default.Fragment, {
+  }, leftEnabled.map((item, index) => React__default.createElement(React__default.Fragment, {
     key: item.id
   }, React__default.createElement(ToolbarIconButton, {
     item: item,
     getDefaultIcon: id => defaultLeftIconMap[id] ?? null,
-    isLeftGroup: true
-  }), index < left.length - 1 && React__default.createElement("span", {
+    isLeftGroup: true,
+    classNames: classNames
+  }), index < leftEnabled.length - 1 && React__default.createElement("span", {
     "aria-hidden": "true",
     className: "mx-1 h-5 w-px bg-border/70"
   })))), hasTemplate && React__default.createElement(TemplatePill, {
@@ -157,7 +165,8 @@ function LeftSection({
     selectedLabel: templateButton.selectedLabel,
     onClick: templateButton.onClick,
     onClearTemplate: templateButton.onClearTemplate,
-    disabled: templateButton.disabled
+    disabled: templateButton.disabled,
+    classNames: classNames
   }));
 }
 function TemplatePill({
@@ -166,11 +175,12 @@ function TemplatePill({
   selectedLabel,
   onClick,
   onClearTemplate,
-  disabled
+  disabled,
+  classNames
 }) {
   if (selectedLabel) {
     return React__default.createElement("div", {
-      className: "flex items-center gap-1 px-2 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium"
+      className: cn('flex items-center gap-1 px-2 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium border border-primary/20', classNames?.templatePillSelected)
     }, React__default.createElement("span", {
       className: "truncate max-w-[120px]",
       title: selectedLabel
@@ -195,14 +205,15 @@ function TemplatePill({
     type: "button",
     onClick: onClick,
     disabled: disabled,
-    className: cn('flex items-center gap-1 rounded-full border border-border bg-card px-2 py-1 text-xs font-medium text-foreground transition-colors hover:border-primary hover:bg-primary/5', disabled && 'opacity-50 cursor-not-allowed' || ''),
+    className: cn('flex items-center gap-1 rounded-full border border-border bg-muted/50 px-2 py-1 text-xs font-medium text-foreground transition-colors hover:border-primary hover:bg-primary/5', disabled && 'opacity-50 cursor-not-allowed' || '', classNames?.templatePill),
     "aria-label": "Select template"
   }, text);
 }
 function RightSection({
   rightItems,
   rightCustomRender,
-  micSendButton
+  micSendButton,
+  classNames
 }) {
   if (rightCustomRender != null) {
     return React__default.createElement("div", {
@@ -210,7 +221,8 @@ function RightSection({
     }, rightCustomRender);
   }
   const right = rightItems ?? [];
-  const filteredRight = micSendButton != null ? right.filter(item => item.id !== 'mic') : right;
+  const rightEnabled = right.filter(item => item.enabled !== false);
+  const filteredRight = micSendButton != null ? rightEnabled.filter(item => item.id !== 'mic') : rightEnabled;
   const hasRight = filteredRight.length > 0 || micSendButton != null;
   if (!hasRight) return null;
   return React__default.createElement("div", {
@@ -218,14 +230,16 @@ function RightSection({
   }, filteredRight.map(item => React__default.createElement(ToolbarIconButton, {
     key: item.id,
     item: item,
-    getDefaultIcon: id => defaultRightIconMap[id] ?? null
+    getDefaultIcon: id => defaultRightIconMap[id] ?? null,
+    classNames: classNames
   })), micSendButton != null && React__default.createElement(MicSendButton, {
     hasContent: micSendButton.hasContent,
     onSend: micSendButton.onSend,
     onMic: micSendButton.onMic,
     disabled: micSendButton.disabled,
     isLoading: micSendButton.isLoading,
-    onStop: micSendButton.onStop
+    onStop: micSendButton.onStop,
+    className: classNames?.micSendButton
   }));
 }
 const defaultTextareaClassName = 'w-full outline-none border-none ring-0 focus:outline-none focus:ring-0 bg-transparent text-base text-foreground placeholder:text-muted-foreground disabled:opacity-50 resize-none overflow-y-auto max-h-[30vh] [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]';
@@ -236,7 +250,8 @@ function DefaultTemplateModal({
   selectedId,
   onSelect,
   suggestedId,
-  title = 'Choose Template'
+  title = 'Choose Template',
+  modalClassName
 }) {
   const [searchQuery, setSearchQuery] = useState('');
   const [categoryFilter, setCategoryFilter] = useState('All');
@@ -260,7 +275,7 @@ function DefaultTemplateModal({
     className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm p-4",
     onClick: handleBackdropClick
   }, React__default.createElement("div", {
-    className: "bg-card w-full max-w-[720px] max-h-[80vh] rounded-xl flex flex-col overflow-hidden border border-border shadow-xl"
+    className: cn('bg-card w-full max-w-[720px] max-h-[80vh] rounded-xl flex flex-col overflow-hidden border border-border shadow-xl', modalClassName)
   }, React__default.createElement("div", {
     className: "h-12 px-4 border-b border-border flex items-center justify-between shrink-0"
   }, React__default.createElement("h2", {
@@ -339,6 +354,7 @@ function DefaultTemplateModal({
  */
 function InputToolBar({
   className,
+  classNames,
   inputConfig,
   topContent,
   leftItems: leftItemsProp,
@@ -346,6 +362,9 @@ function InputToolBar({
   templateButton,
   templateModalConfig,
   templateModalRender,
+  projectSettingsModalOpen,
+  onProjectSettingsModalClose,
+  projectSettingsModalRender,
   leftCustomRender,
   rightCustomRender,
   micSendButton,
@@ -357,8 +376,11 @@ function InputToolBar({
   const hasInputContent = inputConfig != null || children != null;
   const effectiveTopContent = inputConfig != null ? topContent : null;
   const templateModal = templateModalConfig != null && templateModalConfig.isOpen ? templateModalRender != null ? templateModalRender(templateModalConfig) : React__default.createElement(DefaultTemplateModal, templateModalConfig) : null;
-  return React__default.createElement(React__default.Fragment, null, templateModal, React__default.createElement("section", {
-    className: cn('w-full overflow-visible rounded-[24px] border border-border/70 bg-card shadow-md', hasInputContent && 'cursor-text', className),
+  const projectSettingsModal = projectSettingsModalOpen === true && onProjectSettingsModalClose != null && projectSettingsModalRender != null ? projectSettingsModalRender({
+    onClose: onProjectSettingsModalClose
+  }) : null;
+  return React__default.createElement(React__default.Fragment, null, templateModal, projectSettingsModal, React__default.createElement("section", {
+    className: cn('w-full overflow-visible rounded-[24px] border border-border/70 bg-card shadow-md', hasInputContent && 'cursor-text', classNames?.container, className),
     onClick: hasInputContent ? onContainerClick : undefined,
     role: hasInputContent ? 'presentation' : undefined
   }, React__default.createElement("div", {
@@ -387,7 +409,8 @@ function InputToolBar({
   }, React__default.createElement(LeftSection, {
     leftItems: leftItems,
     templateButton: templateButton,
-    leftCustomRender: leftCustomRender
+    leftCustomRender: leftCustomRender,
+    classNames: classNames
   })), !hasInputContent && React__default.createElement("div", {
     className: "min-w-0 flex-1",
     "aria-hidden": true
@@ -396,6 +419,7 @@ function InputToolBar({
   }, React__default.createElement(RightSection, {
     rightItems: rightItems,
     rightCustomRender: rightCustomRender,
-    micSendButton: micSendButton
+    micSendButton: micSendButton,
+    classNames: classNames
   }))))));
 }export{InputToolBar,InputToolBar as default};//# sourceMappingURL=InputToolBar.js.map

package/lib/components/InputToolBar/InputToolBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;AA6bG,MAAA,kBAAA,GAAA;AACH,EAAA,MAAA,EAAAA,cAAA,CAAA,aAAgB,CAAA,MAAY,EAAC;AA+F7B,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;AA+eG,MAAA,kBAAA,GAAA;AACH,EAAA,MAAA,EAAAA,cAAA,CAAA,oBAA4B,EAAC;AA4G7B,IAAA,SAAA,EAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/defaults.d.ts

@@ -7,7 +7,8 @@ export type RightItemOverrides = Partial<Record<RightToolbarItemId, Partial<Omit
  */
 export declare function getDefaultLeftItems(overrides?: LeftItemOverrides): ToolbarItemConfig<LeftToolbarItemId>[];
 /**
- * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
+ * Build default right toolbar items (projectSettings, tag, chip, camera, image, attach, mic).
+ * projectSettings is disabled by default; pass projectSettings: { enabled: true, onClick } to show.
  * Override label, enabled, disabled, loading, active, onClick, icon, customButton per id.
  */
 export declare function getDefaultRightItems(overrides?: RightItemOverrides): ToolbarItemConfig<RightToolbarItemId>[];

package/lib/components/InputToolBar/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAqBxF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACvF,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACpC,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACzF,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAezG;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAe5G"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAsBxF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,MAAM,CAAC,iBAAiB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACvF,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,OAAO,CACpC,MAAM,CAAC,kBAAkB,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CACzF,CAAC;AAEF;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,SAAS,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,EAAE,CAezG;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,SAAS,CAAC,EAAE,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAgB5G"}

package/lib/components/InputToolBar/defaults.js

@@ -1,5 +1,5 @@
 const DEFAULT_LEFT_IDS = ['search', 'zap', 'lightbulb'];
-const DEFAULT_RIGHT_IDS = ['tag', 'chip', 'camera', 'image', 'attach', 'mic'];
+const DEFAULT_RIGHT_IDS = ['projectSettings', 'tag', 'chip', 'camera', 'image', 'attach', 'mic'];
 const DEFAULT_LEFT_LABELS = {
   search: 'Chat mode',
   zap: 'Deep Search',
@@ -7,6 +7,7 @@ const DEFAULT_LEFT_LABELS = {
   template: 'Template'
 };
 const DEFAULT_RIGHT_LABELS = {
+  projectSettings: 'Project settings',
   tag: 'Enhance your prompt with AI',
   chip: 'Configure chat model',
   camera: 'Capture image',
@@ -35,16 +36,18 @@ function getDefaultLeftItems(overrides) {
   });
 }
 /**
- * Build default right toolbar items (tag, chip, camera, attach, mic). Omit or set enabled: false to hide.
+ * Build default right toolbar items (projectSettings, tag, chip, camera, image, attach, mic).
+ * projectSettings is disabled by default; pass projectSettings: { enabled: true, onClick } to show.
  * Override label, enabled, disabled, loading, active, onClick, icon, customButton per id.
  */
 function getDefaultRightItems(overrides) {
   return DEFAULT_RIGHT_IDS.map(id => {
     const o = overrides?.[id];
+    const defaultEnabled = id === 'projectSettings' ? false : true;
     return {
       id,
       label: o?.label ?? DEFAULT_RIGHT_LABELS[id],
-      enabled: o?.enabled ?? true,
+      enabled: o?.enabled ?? defaultEnabled,
       disabled: o?.disabled,
       loading: o?.loading,
       active: o?.active,

package/lib/components/InputToolBar/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../src/components/InputToolBar/defaults.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAA,gBAAc,GAAA,CAAA,QAAmB,EAAA,KAAA,EAAA,WAAoB,CAAA;AAqBrD,MAAM,0BAA0B,EAAA,MAC5B,EAAA,QAAO,EAAA,OAAA,EAAA,QAAmB,EAAA;AAE9B,MAAM;AAIN,EAAA,MAAA,EAAA,WAAA;;;AAGG,EAAA,QAAA,EAAA;AACH,CAAA;AAiBA,MAAA,oBAAA,GAAA;;;AAGG,EAAA,MAAA,EAAA,eAAA;AACH,EAAA,KAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"defaults.js","sources":["../../../src/components/InputToolBar/defaults.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA,MAAA,gBAAc,GAAA,CAAA,QAAmB,EAAA,KAAA,EAAA,WAAoB,CAAA;AAsBrD,MAAM,sCACF,EAAM,KAAC,EAAA,MAAA,EAAA,QAAmB,EAAA,OAAY,EAAC,QAAA,EAAA,KAAA,CAAiB;AAE5D,MAAM;AAIN,EAAA,MAAA,EAAA,WAAA;;;AAGG,EAAA,QAAA,EAAA;AACH,CAAA;AAiBA,MAAA,oBAAA,GAAA;;;;AAIG,EAAA,MAAA,EAAA,eAAA;AACH,EAAA,KAAA,EAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/index.d.ts

@@ -1,5 +1,5 @@
 export { InputToolBar } from './InputToolBar';
 export { getDefaultLeftItems, getDefaultRightItems } from './defaults';
-export type { InputConfig, InputToolBarProps, LeftToolbarItemId, MicSendButtonConfig, RightToolbarItemId, TemplateButtonConfig, TemplateModalConfig, TemplateModalItem, TemplateModalRender, ToolbarItemConfig, } from './types';
+export type { InputConfig, InputToolBarClassNames, InputToolBarProps, LeftToolbarItemId, MicSendButtonConfig, ProjectSettingsModalRender, ProjectSettingsModalRenderProps, RightToolbarItemId, TemplateButtonConfig, TemplateModalConfig, TemplateModalItem, TemplateModalRender, ToolbarItemConfig, } from './types';
 export type { LeftItemOverrides, RightItemOverrides } from './defaults';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/InputToolBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvE,YAAY,EACR,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvE,YAAY,EACR,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,0BAA0B,EAC1B,+BAA+B,EAC/B,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/InputToolBar/types.d.ts

@@ -14,8 +14,8 @@ export interface InputConfig {
 }
 /** Predefined toolbar action ids for left section (mode toggles, template) */
 export type LeftToolbarItemId = 'search' | 'zap' | 'lightbulb' | 'template';
-/** Predefined toolbar action ids for right section. tag = enhance prompt, chip = configure model; both support enabled/disable and custom label, icon, onClick for app-specific use. */
-export type RightToolbarItemId = 'tag' | 'chip' | 'camera' | 'image' | 'attach' | 'mic';
+/** Predefined toolbar action ids for right section. projectSettings = first item, disabled by default; enable via overrides. tag = enhance prompt, chip = configure model; both support enabled/disable and custom label, icon, onClick for app-specific use. */
+export type RightToolbarItemId = 'projectSettings' | 'tag' | 'chip' | 'camera' | 'image' | 'attach' | 'mic';
 /** Single toolbar button/item configuration */
 export interface ToolbarItemConfig<TId extends string = string> {
     /** Unique id for the item (used for enable/disable and callbacks) */
@@ -79,13 +79,46 @@ export interface TemplateModalConfig {
     onSelect: (id: string) => void;
     suggestedId?: string | null;
     title?: string;
+    /** Optional class for the modal content box (inner container). Use to standardize width/size, e.g. `max-w-md` or `max-w-xl`. */
+    modalClassName?: string;
 }
 /** Render prop for custom template modal. When provided, used instead of the default modal UI. */
 export type TemplateModalRender = (config: TemplateModalConfig) => ReactNode;
+/** Props passed to the project settings modal render function. Values are updated via the parent's callback (e.g. onModelConfigChange). */
+export interface ProjectSettingsModalRenderProps {
+    onClose: () => void;
+}
+/** Render prop for project settings modal content. When projectSettings is clicked, parent opens modal (sets projectSettingsModalOpen). Modal content receives onClose; parent passes config and onChange from props so values update via parent. */
+export type ProjectSettingsModalRender = (props: ProjectSettingsModalRenderProps) => ReactNode;
+/** Optional class overrides for InputToolBar sections. Use to adapt to light/dark theme or custom styling. */
+export interface InputToolBarClassNames {
+    /** Root section (default: rounded border bg-card shadow) */
+    container?: string;
+    /** Left toolbar group wrapper */
+    leftGroup?: string;
+    /** Template pill when no selection (e.g. "+ Template (N)") */
+    templatePill?: string;
+    /** Template pill when selected/suggested (name + remove + change) */
+    templatePillSelected?: string;
+    /** Left mode buttons – active state (filled) */
+    leftButtonActive?: string;
+    /** Left mode buttons – inactive state (outline) */
+    leftButtonInactive?: string;
+    /** Right toolbar buttons – default state */
+    rightButton?: string;
+    /** Right toolbar buttons – active state */
+    rightButtonActive?: string;
+    /** Right toolbar buttons – disabled state */
+    rightButtonDisabled?: string;
+    /** Mic/Send button (primary action) */
+    micSendButton?: string;
+}
 /** Props for the InputToolBar container. UI only: all data and behavior come from props. */
 export interface InputToolBarProps {
-    /** Optional class name for the toolbar container */
+    /** Optional class name for the toolbar container (merged with container in classNames) */
     className?: string;
+    /** Optional class overrides for toolbar sections (works in both light and dark theme) */
+    classNames?: InputToolBarClassNames;
     /** When provided, InputToolBar renders a built-in textarea; pass only data (value, onChange, etc.). */
     inputConfig?: InputConfig | null;
     /** Optional content above the input when inputConfig is set (e.g. panels, banners). */
@@ -106,6 +139,12 @@ export interface InputToolBarProps {
     rightCustomRender?: ReactNode;
     /** When set, rightmost button: Stop/Send/Mic; all data and handlers from parent. */
     micSendButton?: MicSendButtonConfig | null;
+    /** When true, the project settings modal (from projectSettingsModalRender) is shown. Set by parent when projectSettings is clicked. */
+    projectSettingsModalOpen?: boolean;
+    /** Called when the project settings modal should close (e.g. overlay click or close button). */
+    onProjectSettingsModalClose?: () => void;
+    /** Renders the project settings modal content (e.g. Configuration / Other Settings / Secret tabs). Parent passes config and onChange so values update via parent (same pattern as ModelConfigPanel). */
+    projectSettingsModalRender?: ProjectSettingsModalRender | null;
     /** Optional content in the middle when not using inputConfig */
     children?: ReactNode;
     /** Click on container (e.g. to focus input) */

package/lib/components/InputToolBar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.17",
+    "version": "12.2.4-alpha.22",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -90,5 +90,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "9d0b99b87d94407bba4565e427f99ae95bdeac2c"
+    "gitHead": "5c43aaf0ba6fedb0b0360a61e361fb9a4e81fd51"
 }