@wealthx/shadcn 1.5.28 → 1.5.29

package/src/components/ui/ai-builder/index.tsx

@@ -1,10 +1,14 @@
 export type {
   AiBuilderAgentItem,
   AiBuilderEmailCategories,
-  AiBuilderEmailFilterCategory,
-  AiBuilderEmailFilters,
   AiBuilderServiceData,
   AiBuilderServiceType,
+  AiBuilderAgentTone,
+  AiBuilderAgentLanguage,
+  AiBuilderAgentConfig,
+  AiBuilderAgentGeneralSettings,
+  AiBuilderResponseTemplate,
+  AiBuilderRuleItem,
 } from "./types";
 
 export { AgentCard, AgentMenuModal } from "./agent-card";
@@ -21,3 +25,24 @@ export type {
 
 export { ServiceConfigurationModal } from "./service-config-modal";
 export type { ServiceConfigurationModalProps } from "./service-config-modal";
+
+export {
+  SettingRow,
+  SettingCard,
+  AgentConfigForm,
+  ResponseTemplateEditModal,
+  RuleOrderBadge,
+  RuleSetSection,
+  SectionHeader,
+  AddEditRuleModal,
+} from "./agent-settings";
+export type {
+  SettingRowProps,
+  SettingCardProps,
+  AgentConfigFormProps,
+  ResponseTemplateEditModalProps,
+  RuleOrderBadgeProps,
+  RuleSetSectionProps,
+  SectionHeaderProps,
+  AddEditRuleModalProps,
+} from "./agent-settings";

package/src/components/ui/ai-builder/service-config-modal.tsx

@@ -50,7 +50,7 @@ export function ServiceConfigurationModal({
 }: ServiceConfigurationModalProps) {
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-w-md">
+      <DialogContent className="flex max-h-[90vh] flex-col max-w-md">
         {isConnected ? (
           <>
             <DialogHeader>
@@ -60,7 +60,7 @@ export function ServiceConfigurationModal({
               </DialogDescription>
             </DialogHeader>
 
-            <div className="flex flex-col gap-4 py-2">
+            <div className="flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto py-2">
               <div className="flex items-center gap-2 px-3 py-2 text-xs font-medium bg-success/10 text-success">
                 <CheckCircle2 className="h-3.5 w-3.5 shrink-0" />
                 Active — integration is running
@@ -158,13 +158,13 @@ export function ServiceConfigurationModal({
                         </p>
                       </div>
                       <Card className="py-0">
-                        <CardContent className="flex flex-col gap-3 p-3 max-h-48 overflow-y-auto">
+                        <CardContent className="flex flex-col gap-3 p-3">
                           {serviceData.emailCategories.available.map(
                             (category) => {
                               const checked =
-                                serviceData.emailCategories!.selected.indexOf(
-                                  category,
-                                ) !== -1;
+                                serviceData.emailCategories!.selected.includes(
+                                  category
+                                );
                               return (
                                 <div
                                   key={category}
@@ -181,10 +181,10 @@ export function ServiceConfigurationModal({
                                             category,
                                           ]
                                         : serviceData.emailCategories!.selected.filter(
-                                            (c) => c !== category,
+                                            (c) => c !== category
                                           );
                                       serviceData.emailCategories!.onChange(
-                                        next,
+                                        next
                                       );
                                     }}
                                   />
@@ -196,7 +196,7 @@ export function ServiceConfigurationModal({
                                   </label>
                                 </div>
                               );
-                            },
+                            }
                           )}
                         </CardContent>
                       </Card>
@@ -227,7 +227,7 @@ export function ServiceConfigurationModal({
                                   onCheckedChange={(v) =>
                                     serviceData.emailFilters!.onFilterChange(
                                       category.id,
-                                      !!v,
+                                      !!v
                                     )
                                   }
                                 />
@@ -238,7 +238,7 @@ export function ServiceConfigurationModal({
                                   {category.label}
                                 </label>
                               </div>
-                            ),
+                            )
                           )}
                         </CardContent>
                       </Card>

package/src/components/ui/ai-builder/types.ts

@@ -19,18 +19,6 @@ export type AiBuilderEmailCategories = {
   onChange: (categories: string[]) => void;
 };
 
-export type AiBuilderEmailFilterCategory = {
-  id: string;
-  label: string;
-  enabled: boolean;
-};
-
-export type AiBuilderEmailFilters = {
-  description: string;
-  categories: AiBuilderEmailFilterCategory[];
-  onFilterChange: (categoryId: string, enabled: boolean) => void;
-};
-
 export type AiBuilderServiceData = {
   accountIdentifier: string;
   accountIdentifierLabel: string;
@@ -41,8 +29,32 @@ export type AiBuilderServiceData = {
   syncDescription: string;
   syncEnabled: boolean;
   onSyncToggle: (enabled: boolean) => void;
-  /** When set, renders an "Email Categories" section with multi-select checkboxes. */
+  /** When set, renders an "Email Filters" section with per-category checkboxes. */
   emailCategories?: AiBuilderEmailCategories;
-  /** When set, renders an "Email Filters" section with per-category toggle checkboxes. */
-  emailFilters?: AiBuilderEmailFilters;
+};
+
+export type AiBuilderAgentTone = "Professional" | "Friendly" | "Enthusiastic";
+export type AiBuilderAgentLanguage = "American English" | "Australian English";
+
+export type AiBuilderAgentConfig = {
+  name: string;
+  businessDescription: string;
+};
+
+export type AiBuilderAgentGeneralSettings = {
+  autoResponse: boolean;
+  tone: AiBuilderAgentTone;
+  language: AiBuilderAgentLanguage;
+};
+
+export type AiBuilderResponseTemplate = {
+  channel: "email" | "chat";
+  isEnabled: boolean;
+  content: string;
+};
+
+export type AiBuilderRuleItem = {
+  id: string;
+  text: string;
+  isEnabled: boolean;
 };

package/src/components/ui/ai-conversations/thread.tsx

@@ -367,6 +367,7 @@ export function ChatComposer({
 }: ChatComposerProps) {
   // Semi-controlled: owns channel state for uncontrolled usage, notifies parent on change.
   // Force chat when email isn't integrated so the panel never lands on a hidden tab.
+  const initialChannelRef = React.useRef(channelProp);
   const [channel, setChannel] = React.useState<AiConvChannel>(
     isEmailIntegrated ? channelProp : "chat",
   );
@@ -558,12 +559,6 @@ export function ChatComposer({
                 <ComposerToolbarButton label="Attach file" icon={Paperclip} />
               </div>
               <div className="flex items-center gap-2">
-                {onLetAiHandle && (
-                  <Button variant="outline" size="sm" onClick={onLetAiHandle}>
-                    <Bot className="mr-1.5 size-3.5" />
-                    Let AI Handle
-                  </Button>
-                )}
                 <Button
                   size="sm"
                   onClick={() => {
@@ -596,12 +591,15 @@ export function ChatComposer({
                 className="min-h-0 flex-1 resize-none text-base"
               />
               <div className="flex items-center justify-between">
-                <Button variant="outline" size="sm" onClick={onLetAiHandle}>
-                  <Bot className="mr-1.5 size-3.5" />
-                  Let AI Handle
-                </Button>
+                {initialChannelRef.current !== "email" && (
+                  <Button variant="outline" size="sm" onClick={onLetAiHandle}>
+                    <Bot className="mr-1.5 size-3.5" />
+                    Let AI Handle
+                  </Button>
+                )}
                 <Button
                   size="sm"
+                  className="ml-auto"
                   onClick={() => onSend?.(inputValue)}
                   disabled={!inputValue.trim()}
                 >
@@ -793,7 +791,7 @@ export function ChatThread({
                 Take Over
               </Button>
             )}
-            {!isClosed && !aiIsHandling && (
+            {!isClosed && !aiIsHandling && channel !== "email" && (
               <Button variant="outline" size="sm" onClick={onLetAiHandle}>
                 <Bot className="mr-1.5 size-3.5" />
                 Let AI Handle