@solidxai/core-ui 0.1.19 → 0.1.20-beta.1

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx

@@ -6,12 +6,12 @@ import {
   SolidDialogFooter,
   SolidDialogHeader,
   SolidDialogTitle,
+  SolidAutocomplete,
   SolidInput,
-  SolidSelect,
   SolidSwitch,
   SolidTextarea,
 } from "../../../shad-cn-ui";
-import { getAllowedModelIdsForProvider } from "../../../../constants/allowed-ai-models";
+import { useModelsDevCatalog, useModelsDevModels } from "../../../../hooks/useModelsDevModels";
 
 
 export interface ModelBehavior {
@@ -23,6 +23,7 @@ export interface ProviderEntry {
   type: string;
   apiKey: string;
   baseUrl?: string;
+  region?: string;
 }
 
 export interface ModelEntry {
@@ -45,10 +46,16 @@ const PROVIDER_TYPE_OPTIONS = [
   { label: "Anthropic", value: "anthropic" },
   { label: "OpenAI Compatible", value: "openai-compatible" },
   { label: "Anthropic Compatible", value: "anthropic-compatible" },
+  { label: "Amazon Bedrock", value: "bedrock" },
 ];
 
 const COMPATIBLE_TYPES = ["openai-compatible", "anthropic-compatible"];
 
+// Native Bedrock (Converse API): authenticated with a Bedrock API key and a region, no base URL.
+const BEDROCK_TYPE = "bedrock";
+const BEDROCK_DEFAULT_NAME = "amazon-bedrock";
+const ADDABLE_TYPES = [...COMPATIBLE_TYPES, BEDROCK_TYPE];
+
 const BUILT_IN_TYPES = ["openai", "anthropic"];
 
 const DEFAULT_BUILT_IN_PROVIDERS: Record<string, ProviderEntry> = {
@@ -68,6 +75,34 @@ const cardStyle: React.CSSProperties = {
   background: "var(--solid-card-bg, var(--solid-surface-bg, transparent))",
 };
 
+function SearchableSettingsSelect({ value, options, placeholder, disabled, onChange }: {
+  value: string;
+  options: { label: string; value: string }[];
+  placeholder: string;
+  disabled?: boolean;
+  onChange: (value: string) => void;
+}) {
+  const [query, setQuery] = useState("");
+  const selectedLabel = options.find((option) => option.value === value)?.label;
+  const selected = React.useMemo(() => selectedLabel ? { label: selectedLabel, value } : null, [selectedLabel, value]);
+  const suggestions = options.filter((option) =>
+    `${option.label} ${option.value}`.toLowerCase().includes(query.trim().toLowerCase()));
+
+  return <SolidAutocomplete
+    className="solid-standard-autocomplete w-full"
+    value={selected}
+    suggestions={suggestions}
+    completeMethod={({ query: next }) => setQuery(next)}
+    onChange={(event) => onChange(event.value?.value ?? "")}
+    field="label"
+    placeholder={placeholder}
+    disabled={disabled}
+    dropdown
+    forceSelection
+    portal
+  />;
+}
+
 
 interface ProviderModalProps {
   visible: boolean;
@@ -85,8 +120,15 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
   const [providerName, setProviderName] = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : "");
   const [providerBaseUrl, setProviderBaseUrl] = useState(existingEntry?.baseUrl ?? "");
   const [providerApiKey, setProviderApiKey] = useState(existingEntry?.apiKey ?? "");
+  const [providerRegion, setProviderRegion] = useState(existingEntry?.region ?? "");
+  const { catalog, loading: catalogLoading, error: catalogError } = useModelsDevCatalog();
 
   const isCompatible = COMPATIBLE_TYPES.includes(providerType);
+  const isBedrock = providerType === BEDROCK_TYPE;
+  const catalogProviders = Object.entries(catalog ?? {})
+    .filter(([id]) => !providers[id])
+    .map(([id, provider]) => ({ label: provider.name ? `${provider.name} (${id})` : id, value: id }))
+    .sort((a, b) => a.label.localeCompare(b.label));
 
   // Reset state when modal opens with new data
   React.useEffect(() => {
@@ -96,14 +138,15 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
       setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : "");
       setProviderBaseUrl(entry?.baseUrl ?? "");
       setProviderApiKey(entry?.apiKey ?? "");
+      setProviderRegion(entry?.region ?? "");
     }
   }, [visible, editKey]);
 
-  // In add mode, only show compatible types (built-ins are always pre-added)
+  // In add mode, only show addable types (built-ins are always pre-added)
   // In edit mode, show all types but lock the value
   const typeOptions = isEdit
     ? PROVIDER_TYPE_OPTIONS
-    : PROVIDER_TYPE_OPTIONS.filter((opt) => COMPATIBLE_TYPES.includes(opt.value));
+    : PROVIDER_TYPE_OPTIONS.filter((opt) => ADDABLE_TYPES.includes(opt.value));
 
   const handleSave = () => {
     if (!providerType) return;
@@ -112,9 +155,14 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
     const entry: ProviderEntry = { type: providerType, apiKey: providerApiKey };
 
     if (isCompatible) {
-      if (!providerName.trim()) return;
+      if (!isEdit && !catalogProviders.some((provider) => provider.value === providerName)) return;
+      if (!providerName.trim() || !providerBaseUrl.trim()) return;
+      key = providerName.trim();
+      entry.baseUrl = providerBaseUrl.trim();
+    } else if (isBedrock) {
+      if (!providerName.trim() || !providerRegion.trim()) return;
       key = providerName.trim();
-      entry.baseUrl = providerBaseUrl;
+      entry.region = providerRegion.trim();
     } else {
       key = providerType;
     }
@@ -142,7 +190,12 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
     onHide();
   };
 
-  const canSave = providerType && (isCompatible ? providerName.trim() : true);
+  const canSave = !!providerType && (isBedrock
+    ? !!providerName.trim() && !!providerRegion.trim()
+    : !isCompatible || (
+      (isEdit || catalogProviders.some((provider) => provider.value === providerName)) &&
+      !!providerName.trim() && !!providerBaseUrl.trim()
+    ));
 
   return (
     <SolidDialog open={visible} onOpenChange={(open) => !open && onHide()} style={{ width: "500px" }}>
@@ -158,16 +211,15 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
           {!(isEdit && BUILT_IN_TYPES.includes(editKey!)) && (
             <div>
               <label className="form-field-label">Provider Type</label>
-              <SolidSelect
-                className="w-full"
+              <SearchableSettingsSelect
                 value={providerType}
                 options={typeOptions}
-                native={false}
-                onChange={(e) => {
-                  setProviderType(e.value);
+                onChange={(next) => {
+                  setProviderType(next);
                   if (!isEdit) {
-                    setProviderName("");
+                    setProviderName(next === BEDROCK_TYPE && !providers[BEDROCK_DEFAULT_NAME] ? BEDROCK_DEFAULT_NAME : "");
                     setProviderBaseUrl("");
+                    setProviderRegion("");
                   }
                 }}
                 placeholder="Select Provider Type"
@@ -179,19 +231,31 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
             <>
               {!isEdit && (
                 <div>
-                  <label className="form-field-label">Name (unique identifier)</label>
-                  <SolidInput
-                    placeholder="e.g. openrouter, together-ai"
+                  <label className="form-field-label">Provider Name</label>
+                  <SearchableSettingsSelect
+                    options={catalogProviders}
+                    placeholder={catalogLoading ? "Loading providers..." : "Select Provider"}
                     value={providerName}
-                    onChange={(e) => setProviderName(e.target.value)}
-                    className="w-full"
+                    onChange={(next) => {
+                      setProviderName(next);
+                      const provider = catalog?.[next];
+                      const matchingAdapter = providerType === "openai-compatible"
+                        ? "@ai-sdk/openai-compatible" : "@ai-sdk/anthropic";
+                      setProviderBaseUrl(provider?.npm === matchingAdapter ? provider.api ?? "" : "");
+                    }}
+                    disabled={!providerType || catalogLoading || !!catalogError}
                   />
+                  {catalogError && <small className="text-color-secondary">Could not load providers from models.dev.</small>}
+                  {!catalogLoading && !catalogError && !!providerType && catalogProviders.length === 0 && (
+                    <small className="text-color-secondary">No additional catalog providers are available.</small>
+                  )}
+                  <small className="text-color-secondary text-xs">Check that this provider supports the selected API format.</small>
                 </div>
               )}
               <div>
                 <label className="form-field-label">Base URL</label>
                 <SolidInput
-                  placeholder="https://openrouter.ai/api/v1"
+                  placeholder="https://api.example.com/v1"
                   value={providerBaseUrl}
                   onChange={(e) => setProviderBaseUrl(e.target.value)}
                   className="w-full"
@@ -199,6 +263,31 @@ const ProviderModal = ({ visible, onHide, providers, onProvidersChange, editKey
               </div>
             </>
           )}
+          {isBedrock && (
+            <>
+              {!isEdit && (
+                <div>
+                  <label className="form-field-label">Provider Name</label>
+                  <SolidInput
+                    placeholder={BEDROCK_DEFAULT_NAME}
+                    value={providerName}
+                    onChange={(e) => setProviderName(e.target.value)}
+                    className="w-full"
+                  />
+                </div>
+              )}
+              <div>
+                <label className="form-field-label">Region</label>
+                <SolidInput
+                  placeholder="us-west-2"
+                  value={providerRegion}
+                  onChange={(e) => setProviderRegion(e.target.value)}
+                  className="w-full"
+                />
+                <small className="text-color-secondary text-xs">Use a Bedrock API key below. Models are called through the Bedrock Converse API.</small>
+              </div>
+            </>
+          )}
           <div>
             <label className="form-field-label">API Key</label>
             <SolidInput
@@ -273,7 +362,7 @@ export const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAdd
               <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Name</th>
               <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Type</th>
               <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>API Key</th>
-              <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Base URL</th>
+              <th style={{ textAlign: "left", padding: "0.75rem 1rem" }}>Base URL / Region</th>
             </tr>
           </thead>
           <tbody>
@@ -300,7 +389,7 @@ export const ProvidersTab = ({ providers, onProvidersChange, showAddModal, onAdd
                   <td style={{ padding: "0.75rem 1rem", fontWeight: 500 }}>{displayName}</td>
                   <td style={{ padding: "0.75rem 1rem" }}>{typeLabel}</td>
                   <td style={{ padding: "0.75rem 1rem" }}>{maskedKey}</td>
-                  <td style={{ padding: "0.75rem 1rem" }}>{entry.baseUrl || "-"}</td>
+                  <td style={{ padding: "0.75rem 1rem" }}>{entry.baseUrl || entry.region || "-"}</td>
                 </tr>
               );
             })}
@@ -331,9 +420,23 @@ interface ModelConfigTabProps {
   onModelEntryChange: (entry: ModelEntry) => void;
 }
 
+const OTHER_MODEL_VALUE = "__other__";
+
 export const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => {
-  const allowedModelIds = getAllowedModelIdsForProvider(modelEntry.providerId);
-  const modelOptions = allowedModelIds.map((modelId) => ({ label: modelId, value: modelId }));
+  const providerType = providers[modelEntry.providerId]?.type;
+  // Look up models.dev by provider key first (e.g. "groq", "openrouter"), then by built-in type.
+  const { models, loading, error } = useModelsDevModels([
+    modelEntry.providerId,
+    providerType && BUILT_IN_TYPES.includes(providerType) ? providerType : undefined,
+  ]);
+  const [otherSelected, setOtherSelected] = useState(false);
+  const isKnownModel = models.some((m) => m.id === modelEntry.model);
+  const showOther = otherSelected || (!loading && !!modelEntry.model && !isKnownModel);
+  const modelOptions = [
+    ...models.map((m) => ({ label: m.name === m.id ? m.id : `${m.name} (${m.id})`, value: m.id })),
+    { label: "Other", value: OTHER_MODEL_VALUE },
+  ];
+  const selectedModelValue = showOther ? OTHER_MODEL_VALUE : modelEntry.model || "";
   const providerOptions = Object.entries(providers).map(([key, entry]) => {
     const typeLabel = PROVIDER_TYPE_OPTIONS.find((o) => o.value === entry.type)?.label ?? entry.type;
     const label = BUILT_IN_TYPES.includes(key) ? typeLabel : `${key} (${typeLabel})`;
@@ -347,26 +450,44 @@ export const ModelConfigTab = ({ modelEntry, providers, onModelEntryChange }: Mo
         <div className="flex flex-col gap-4 mt-4">
           <div>
             <label className="form-field-label">Provider</label>
-            <SolidSelect
-              className="w-full"
+            <SearchableSettingsSelect
               value={modelEntry.providerId}
               options={providerOptions}
-              native={false}
-              onChange={(e) => onModelEntryChange({ ...modelEntry, providerId: e.value, model: "" })}
+              onChange={(next) => {
+                setOtherSelected(false);
+                onModelEntryChange({ ...modelEntry, providerId: next, model: "" });
+              }}
               placeholder="Select Provider"
             />
           </div>
           <div>
             <label className="form-field-label">Model</label>
-            <SolidSelect
-              className="w-full"
-              value={modelEntry.model || ""}
+            <SearchableSettingsSelect
+              value={selectedModelValue}
               options={modelOptions}
-              native={false}
-              onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.value })}
-              placeholder={modelOptions.length ? "Select Model" : "No built-in models for this provider"}
-              disabled={!modelOptions.length}
+              onChange={(next) => {
+                if (next === OTHER_MODEL_VALUE) {
+                  setOtherSelected(true);
+                  if (isKnownModel) onModelEntryChange({ ...modelEntry, model: "" });
+                  return;
+                }
+                setOtherSelected(false);
+                onModelEntryChange({ ...modelEntry, model: next });
+              }}
+              placeholder={loading ? "Loading models..." : "Select Model"}
+              disabled={!modelEntry.providerId || loading}
             />
+            {error && (
+              <small className="text-color-secondary">Could not load models from models.dev. Choose "Other" to enter a model ID.</small>
+            )}
+            {showOther && (
+              <SolidInput
+                className="w-full mt-2"
+                value={modelEntry.model || ""}
+                onChange={(e) => onModelEntryChange({ ...modelEntry, model: e.target.value })}
+                placeholder="Enter model ID, e.g. my-custom-model"
+              />
+            )}
           </div>
         </div>
       </div>

package/dist/components/core/chatter/SolidChatter.js

@@ -81,12 +81,12 @@ export var SolidChatter = function (_a) {
                 setRefreshChatterMessage(false);
             }
         }
-    }, [refreshChatterMessage]);
+    }, [refreshChatterMessage, id]);
     useEffect(function () {
         if (id !== 'new') {
             fetchData();
         }
-    }, [filters, limit]);
+    }, [filters, limit, id, modelSingularName]);
     var handleTabClick = function (tab) {
         setActiveTab(tab);
         setVisibleBox(function (prev) { return (prev === tab ? null : tab); });

package/dist/components/core/chatter/SolidChatter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState, useEffect } from 'react'\nimport { SolidChatterHeader } from './SolidChatterHeader'\nimport { SolidChatterDateDivider } from './SolidChatterDateDivider'\nimport { SolidChatterMessageBox } from './SolidChatterMessageBox'\nimport { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { permissionExpression } from '../../../helpers/permissions'\nimport { SolidButton, SolidMessage } from '../../shad-cn-ui'\nimport { Inbox, Loader2 } from 'lucide-react'\nimport { renderMessageBodyMentions } from './chatterMentions'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nconst isEmptyAuditValue = (value: string | null | undefined) => {\n    if (value == null) return true;\n    if (typeof value !== 'string') return false;\n\n    const normalizedValue = value.trim().toLowerCase();\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';\n};\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {\n    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');\n    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);\n    const [messages, setMessages] = useState<any[]>([]);\n    const [limit, setLimit] = useState<number>(25);\n    const [totalRecords, setTotalRecords] = useState<number>(0);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [isMobileViewport, setIsMobileViewport] = useState(false);\n\n    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();\n\n    useEffect(() => {\n        const updateViewport = () => setIsMobileViewport(window.innerWidth <= 1199);\n        updateViewport();\n        window.addEventListener('resize', updateViewport);\n        return () => window.removeEventListener('resize', updateViewport);\n    }, []);\n\n    useEffect(() => {\n        if (refreshChatterMessage) {\n            if (id !== 'new') {\n                fetchData();\n                setRefreshChatterMessage(false);\n            }\n        }\n    }, [refreshChatterMessage]);\n\n    useEffect(() => {\n        if (id !== 'new') {\n            fetchData();\n        }\n    }, [filters, limit]);\n\n    const handleTabClick = (tab: 'email-message' | 'log') => {\n        setActiveTab(tab);\n        setVisibleBox(prev => (prev === tab ? null : tab));\n    }\n\n    const formatDate = (dateString: string) => {\n        const date = new Date(dateString);\n        const today = new Date();\n        const yesterday = new Date(today);\n        yesterday.setDate(yesterday.getDate() - 1);\n\n        if (date.toDateString() === today.toDateString()) {\n            return 'Today';\n        } else if (date.toDateString() === yesterday.toDateString()) {\n            return 'Yesterday';\n        } else {\n            return dateString;\n        }\n    };\n\n    const fetchData = async () => {\n        try {\n            const queryData: any = {\n                populate: ['user', 'chatterMessageDetails'],\n                limit: limit\n            };\n\n            if (filters.name) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters['user'] = { fullName: { $containsi: filters.name }};\n            }\n            const startOfDay = (d: Date) => {\n                const x = new Date(d);\n                x.setHours(0, 0, 0, 0);\n                return x;\n            };\n            const endOfDay = (d: Date) => {\n                const x = new Date(d);\n                x.setHours(23, 59, 59, 999);\n                return x;\n            };\n            if (filters.startDate && filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = {\n                    $between: [startOfDay(filters.startDate).toISOString(), endOfDay(filters.endDate).toISOString()]\n                };\n            } else if (filters.startDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $gte: startOfDay(filters.startDate).toISOString() };\n            } else if (filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $lte: endOfDay(filters.endDate).toISOString() };\n            }\n\n            const queryString = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n            });\n            const response = await getchatterMessage({\n                entityId: id,\n                entityName: modelSingularName,\n                qs: queryString\n            }).unwrap();\n            const processedMessages = response.data.records.map((msg: any) => {\n                if (msg.messageType === 'custom') {\n                    const displayTimeSource = msg.updatedAt || msg.createdAt;\n                    // Custom message\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        userId: msg.user?.id,\n                        messageType: \"custom\",\n                        message: renderMessageBodyMentions(msg.messageBody, msg.messageBodyMentions),\n                        messageBodyMentions: msg.messageBodyMentions,\n                        time: new Date(displayTimeSource).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        createdAt: displayTimeSource,\n                        date: formatDate(displayTimeSource),\n                        media: msg._media,\n                        messageSubType: msg.messageSubType,\n                        chatterMessage: msg,\n                        status: msg.status,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey\n                    };\n                } else {\n                    // Audit message\n                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({\n                        field: detail.fieldName,\n                        fieldDisplayName: detail.fieldDisplayName,\n                        fieldType: detail.fieldType,\n                        previous: detail.oldValue,\n                        current: detail.newValue,\n                        previousDisplay: detail.oldValueDisplay,\n                        currentDisplay: detail.newValueDisplay,\n                    })).filter((detail: any) => {\n                        const previousValue = detail.previousDisplay ?? detail.previous;\n                        const currentValue = detail.currentDisplay ?? detail.current;\n\n                        return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));\n                    }) || [];\n\n                    if (auditRecord.length === 0) {\n                        return null;\n                    }\n\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        userId: msg.user?.id,\n                        messageType: \"audit\",\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        auditRecord: auditRecord,\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey,\n                        message: msg.messageBody,\n                    };\n                }\n            }).filter(Boolean);\n            setMessages(processedMessages);\n            setTotalRecords(response?.data?.meta?.totalRecords || 0);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    }\n\n    const handleFilterChange = (newFilters: FilterState) => {\n        setFilters({\n            name: newFilters.name,\n            startDate: newFilters.startDate,\n            endDate: newFilters.endDate\n        });\n        setLimit(25);\n    };\n\n    const handleLoadMore = () => {\n        setLimit(prevLimit => prevLimit + 25);\n    };\n\n    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);\n\n    const renderLoadingState = () => (\n        <div className='flex h-full flex-col items-center justify-center gap-2 text-center text-color-secondary'>\n            <Loader2 size={20} className='animate-spin text-[var(--primary-color)]' />\n            <span className='text-sm'>Loading recent activity…</span>\n        </div>\n    );\n\n    const renderEmptyState = () => {\n        const isLogComposerOpen = visibleBox === 'log';\n        return (\n        <div className='flex h-full items-center justify-center'>\n            <div className='flex flex-col items-center gap-2 px-3 text-center text-color-secondary'>\n                <div className='rounded bg-[var(--primary-color-text)] p-2 text-[var(--primary-color)]'>\n                    <Inbox size={20} />\n                </div>\n                <p className='m-0 text-base font-medium text-color'>No activity yet</p>\n                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>\n                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>\n                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}\n                </SolidButton>\n            </div>\n        </div>\n        );\n    };\n\n    const permissionError = () => (\n        <div className='p-3'>\n            <SolidMessage severity='warn' text=\"You do not have permission to view these messages.\" className='justify-start' />\n        </div>\n    );\n\n    const renderMessages = () => (\n        <div className='flex flex-col gap-4'>\n            {messages.map((message, index) => {\n                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;\n                return (\n                    <div key={message.id}>\n                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}\n                        <SolidChatterMessageBox\n                            messageId={message.id}\n                            user={message.user}\n                            userId={message.userId}\n                            messageType={message.messageType}\n                            message={message.message}\n                            messageBodyMentions={message.messageBodyMentions}\n                            time={message.time}\n                            auditRecord={message.auditRecord}\n                            media={message.media}\n                            messageSubType={message.messageSubType}\n                            chatterMessage={message.chatterMessage}\n                            status={message.status}\n                            modelDisplayName={message.modelDisplayName}\n                            modelUserKey={message.modelUserKey}\n                            onRefresh={fetchData}\n                        />\n                    </div>\n                );\n            })}\n            {totalRecords > messages.length && (\n                <div className='flex justify-center'>\n                    <SolidButton\n                        type='button'\n                        size='sm'\n                        variant='outline'\n                        onClick={handleLoadMore}\n                    >\n                        Load more\n                    </SolidButton>\n                </div>\n            )}\n        </div>\n    );\n\n    return (\n        <div className='h-full'>\n            <SolidChatterHeader\n                id={id}\n                refetch={fetchData}\n                modelSingularName={modelSingularName}\n                activeTab={activeTab}\n                handleTabClick={handleTabClick}\n                visibleBox={visibleBox}\n                onFilterChange={handleFilterChange}\n                onComposerCancel={() => setVisibleBox(null)}\n                title={title}\n                modelUserKey={modelUserKey}\n            />\n            <div className='solid-chatter-body' style={{\n                height:\n                    isMobileViewport\n                        ? (visibleBox === 'email-message'\n                            ? 'calc(100dvh - 248px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100dvh - 210px)'\n                                : 'calc(100dvh - 60px)')\n                        : (visibleBox === 'email-message'\n                            ? 'calc(100vh - 196px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100vh - 292px)'\n                                : 'calc(100vh - 127px)'),\n            }}>\n                {isChatterLoading\n                    ? renderLoadingState()\n                    : !canViewMessages\n                        ? permissionError()\n                        : messages.length === 0\n                            ? renderEmptyState()\n                            : renderMessages()\n                }\n            </div>\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidChatter.js","sourceRoot":"","sources":["../../../../src/components/core/chatter/SolidChatter.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState, useEffect } from 'react'\nimport { SolidChatterHeader } from './SolidChatterHeader'\nimport { SolidChatterDateDivider } from './SolidChatterDateDivider'\nimport { SolidChatterMessageBox } from './SolidChatterMessageBox'\nimport { useLazyGetchatterMessageQuery } from '../../../redux/api/solidChatterMessageApi'\nimport qs from \"qs\";\nimport { ERROR_MESSAGES } from '../../../constants/error-messages'\nimport { permissionExpression } from '../../../helpers/permissions'\nimport { SolidButton, SolidMessage } from '../../shad-cn-ui'\nimport { Inbox, Loader2 } from 'lucide-react'\nimport { renderMessageBodyMentions } from './chatterMentions'\n\ninterface FilterState {\n    name: string;\n    startDate: Date | null;\n    endDate: Date | null;\n}\n\nconst isEmptyAuditValue = (value: string | null | undefined) => {\n    if (value == null) return true;\n    if (typeof value !== 'string') return false;\n\n    const normalizedValue = value.trim().toLowerCase();\n    return normalizedValue === '' || normalizedValue === 'none' || normalizedValue === 'null';\n};\n\nexport const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, setRefreshChatterMessage, actionsAllowed = [], title, modelUserKey }: { modelSingularName: any, id: any, refreshChatterMessage: boolean, setRefreshChatterMessage: (value: boolean) => void, actionsAllowed?: string[], title?: string, modelUserKey?: string }) => {\n    const [activeTab, setActiveTab] = useState<'email-message' | 'log' | null>('email-message');\n    const [visibleBox, setVisibleBox] = useState<'email-message' | 'log' | null>(null);\n    const [messages, setMessages] = useState<any[]>([]);\n    const [limit, setLimit] = useState<number>(25);\n    const [totalRecords, setTotalRecords] = useState<number>(0);\n    const [filters, setFilters] = useState<FilterState>({\n        name: '',\n        startDate: null,\n        endDate: null\n    });\n    const [isMobileViewport, setIsMobileViewport] = useState(false);\n\n    const [getchatterMessage, { isLoading: isChatterLoading }] = useLazyGetchatterMessageQuery();\n\n    useEffect(() => {\n        const updateViewport = () => setIsMobileViewport(window.innerWidth <= 1199);\n        updateViewport();\n        window.addEventListener('resize', updateViewport);\n        return () => window.removeEventListener('resize', updateViewport);\n    }, []);\n\n    useEffect(() => {\n        if (refreshChatterMessage) {\n            if (id !== 'new') {\n                fetchData();\n                setRefreshChatterMessage(false);\n            }\n        }\n    }, [refreshChatterMessage, id]);\n\n    useEffect(() => {\n        if (id !== 'new') {\n            fetchData();\n        }\n    }, [filters, limit, id, modelSingularName]);\n\n    const handleTabClick = (tab: 'email-message' | 'log') => {\n        setActiveTab(tab);\n        setVisibleBox(prev => (prev === tab ? null : tab));\n    }\n\n    const formatDate = (dateString: string) => {\n        const date = new Date(dateString);\n        const today = new Date();\n        const yesterday = new Date(today);\n        yesterday.setDate(yesterday.getDate() - 1);\n\n        if (date.toDateString() === today.toDateString()) {\n            return 'Today';\n        } else if (date.toDateString() === yesterday.toDateString()) {\n            return 'Yesterday';\n        } else {\n            return dateString;\n        }\n    };\n\n    const fetchData = async () => {\n        try {\n            const queryData: any = {\n                populate: ['user', 'chatterMessageDetails'],\n                limit: limit\n            };\n\n            if (filters.name) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters['user'] = { fullName: { $containsi: filters.name }};\n            }\n            const startOfDay = (d: Date) => {\n                const x = new Date(d);\n                x.setHours(0, 0, 0, 0);\n                return x;\n            };\n            const endOfDay = (d: Date) => {\n                const x = new Date(d);\n                x.setHours(23, 59, 59, 999);\n                return x;\n            };\n            if (filters.startDate && filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = {\n                    $between: [startOfDay(filters.startDate).toISOString(), endOfDay(filters.endDate).toISOString()]\n                };\n            } else if (filters.startDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $gte: startOfDay(filters.startDate).toISOString() };\n            } else if (filters.endDate) {\n                queryData.filters = queryData.filters || {};\n                queryData.filters.createdAt = { $lte: endOfDay(filters.endDate).toISOString() };\n            }\n\n            const queryString = qs.stringify(queryData, {\n                encodeValuesOnly: true,\n            });\n            const response = await getchatterMessage({\n                entityId: id,\n                entityName: modelSingularName,\n                qs: queryString\n            }).unwrap();\n            const processedMessages = response.data.records.map((msg: any) => {\n                if (msg.messageType === 'custom') {\n                    const displayTimeSource = msg.updatedAt || msg.createdAt;\n                    // Custom message\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        userId: msg.user?.id,\n                        messageType: \"custom\",\n                        message: renderMessageBodyMentions(msg.messageBody, msg.messageBodyMentions),\n                        messageBodyMentions: msg.messageBodyMentions,\n                        time: new Date(displayTimeSource).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        createdAt: displayTimeSource,\n                        date: formatDate(displayTimeSource),\n                        media: msg._media,\n                        messageSubType: msg.messageSubType,\n                        chatterMessage: msg,\n                        status: msg.status,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey\n                    };\n                } else {\n                    // Audit message\n                    const auditRecord = msg.chatterMessageDetails?.map((detail: any) => ({\n                        field: detail.fieldName,\n                        fieldDisplayName: detail.fieldDisplayName,\n                        fieldType: detail.fieldType,\n                        previous: detail.oldValue,\n                        current: detail.newValue,\n                        previousDisplay: detail.oldValueDisplay,\n                        currentDisplay: detail.newValueDisplay,\n                    })).filter((detail: any) => {\n                        const previousValue = detail.previousDisplay ?? detail.previous;\n                        const currentValue = detail.currentDisplay ?? detail.current;\n\n                        return !(isEmptyAuditValue(previousValue) && isEmptyAuditValue(currentValue));\n                    }) || [];\n\n                    if (auditRecord.length === 0) {\n                        return null;\n                    }\n\n                    return {\n                        id: msg.id,\n                        user: msg.user?.fullName || \"System\",\n                        userId: msg.user?.id,\n                        messageType: \"audit\",\n                        time: new Date(msg.createdAt).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),\n                        auditRecord: auditRecord,\n                        createdAt: msg.createdAt,\n                        date: formatDate(msg.createdAt),\n                        messageSubType: msg.messageSubType,\n                        modelDisplayName: msg.modelDisplayName,\n                        modelUserKey: msg.modelUserKey,\n                        message: msg.messageBody,\n                    };\n                }\n            }).filter(Boolean);\n            setMessages(processedMessages);\n            setTotalRecords(response?.data?.meta?.totalRecords || 0);\n        } catch (error) {\n            console.error(ERROR_MESSAGES.FETCHING_MESSAGE, error);\n        }\n    }\n\n    const handleFilterChange = (newFilters: FilterState) => {\n        setFilters({\n            name: newFilters.name,\n            startDate: newFilters.startDate,\n            endDate: newFilters.endDate\n        });\n        setLimit(25);\n    };\n\n    const handleLoadMore = () => {\n        setLimit(prevLimit => prevLimit + 25);\n    };\n\n    const canViewMessages = actionsAllowed.includes(`${permissionExpression('chatterMessage', 'findMany')}`);\n\n    const renderLoadingState = () => (\n        <div className='flex h-full flex-col items-center justify-center gap-2 text-center text-color-secondary'>\n            <Loader2 size={20} className='animate-spin text-[var(--primary-color)]' />\n            <span className='text-sm'>Loading recent activity…</span>\n        </div>\n    );\n\n    const renderEmptyState = () => {\n        const isLogComposerOpen = visibleBox === 'log';\n        return (\n        <div className='flex h-full items-center justify-center'>\n            <div className='flex flex-col items-center gap-2 px-3 text-center text-color-secondary'>\n                <div className='rounded bg-[var(--primary-color-text)] p-2 text-[var(--primary-color)]'>\n                    <Inbox size={20} />\n                </div>\n                <p className='m-0 text-base font-medium text-color'>No activity yet</p>\n                <p className='m-0 text-sm'>Log your first internal note or send a message to get things started.</p>\n                <SolidButton size='sm' variant='outline' onClick={() => handleTabClick('log')}>\n                    {isLogComposerOpen ? 'Cancel' : 'Log a note'}\n                </SolidButton>\n            </div>\n        </div>\n        );\n    };\n\n    const permissionError = () => (\n        <div className='p-3'>\n            <SolidMessage severity='warn' text=\"You do not have permission to view these messages.\" className='justify-start' />\n        </div>\n    );\n\n    const renderMessages = () => (\n        <div className='flex flex-col gap-4'>\n            {messages.map((message, index) => {\n                const showDateDivider = index === 0 || message.date !== messages[index - 1].date;\n                return (\n                    <div key={message.id}>\n                        {showDateDivider && <SolidChatterDateDivider date={message.date} />}\n                        <SolidChatterMessageBox\n                            messageId={message.id}\n                            user={message.user}\n                            userId={message.userId}\n                            messageType={message.messageType}\n                            message={message.message}\n                            messageBodyMentions={message.messageBodyMentions}\n                            time={message.time}\n                            auditRecord={message.auditRecord}\n                            media={message.media}\n                            messageSubType={message.messageSubType}\n                            chatterMessage={message.chatterMessage}\n                            status={message.status}\n                            modelDisplayName={message.modelDisplayName}\n                            modelUserKey={message.modelUserKey}\n                            onRefresh={fetchData}\n                        />\n                    </div>\n                );\n            })}\n            {totalRecords > messages.length && (\n                <div className='flex justify-center'>\n                    <SolidButton\n                        type='button'\n                        size='sm'\n                        variant='outline'\n                        onClick={handleLoadMore}\n                    >\n                        Load more\n                    </SolidButton>\n                </div>\n            )}\n        </div>\n    );\n\n    return (\n        <div className='h-full'>\n            <SolidChatterHeader\n                id={id}\n                refetch={fetchData}\n                modelSingularName={modelSingularName}\n                activeTab={activeTab}\n                handleTabClick={handleTabClick}\n                visibleBox={visibleBox}\n                onFilterChange={handleFilterChange}\n                onComposerCancel={() => setVisibleBox(null)}\n                title={title}\n                modelUserKey={modelUserKey}\n            />\n            <div className='solid-chatter-body' style={{\n                height:\n                    isMobileViewport\n                        ? (visibleBox === 'email-message'\n                            ? 'calc(100dvh - 248px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100dvh - 210px)'\n                                : 'calc(100dvh - 60px)')\n                        : (visibleBox === 'email-message'\n                            ? 'calc(100vh - 196px)'\n                            : visibleBox === 'log'\n                                ? 'calc(100vh - 292px)'\n                                : 'calc(100vh - 127px)'),\n            }}>\n                {isChatterLoading\n                    ? renderLoadingState()\n                    : !canViewMessages\n                        ? permissionError()\n                        : messages.length === 0\n                            ? renderEmptyState()\n                            : renderMessages()\n                }\n            </div>\n        </div>\n    )\n}\n"]}

package/dist/components/core/chatter/SolidChatter.tsx

@@ -54,13 +54,13 @@ export const SolidChatter = ({ modelSingularName, id, refreshChatterMessage, set
                 setRefreshChatterMessage(false);
             }
         }
-    }, [refreshChatterMessage]);
+    }, [refreshChatterMessage, id]);
 
     useEffect(() => {
         if (id !== 'new') {
             fetchData();
         }
-    }, [filters, limit]);
+    }, [filters, limit, id, modelSingularName]);
 
     const handleTabClick = (tab: 'email-message' | 'log') => {
         setActiveTab(tab);

package/dist/components/core/common/SolidGenericImport/SolidImportTransaction.js

@@ -167,6 +167,10 @@ export var SolidImportTransaction = function (_a) {
         var fieldName = _a[1];
         return typeof fieldName === "string" && fieldName.trim() !== "";
     });
+    var unmappedVisibleEntries = visibleMappingEntries.filter(function (_a) {
+        var fieldName = _a[1];
+        return typeof fieldName !== "string" || fieldName.trim() === "";
+    });
     var mappedFieldCounts = mappedEntries.reduce(function (acc, _a) {
         var _b;
         var fieldName = _a[1];
@@ -186,10 +190,8 @@ export var SolidImportTransaction = function (_a) {
     var requiredImportableFields = importableFields.filter(function (field) { return field.required; });
     var missingRequiredFields = requiredImportableFields.filter(function (field) { return !mappedFieldCounts[field.name]; });
     var totalImportableFieldCount = importableFields.length;
-    var mappedImportableFieldCount = Object.keys(mappedFieldCounts).length;
-    var unmappedImportableFieldCount = Math.max(totalImportableFieldCount - mappedImportableFieldCount, 0);
     var handleImportTransaction = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var errorDetail, errorDetail, mappingArray, patchData, patchResult, importResult, importError_1, error_1, errorMessage;
+        var errorDetail, mappingArray, patchData, patchResult, importResult, importError_1, error_1, errorMessage;
         var _a, _b, _c, _d;
         return __generator(this, function (_e) {
             switch (_e.label) {
@@ -202,25 +204,24 @@ export var SolidImportTransaction = function (_a) {
                         }));
                         return [2 /*return*/];
                     }
-                    if (duplicateMappedFieldNames.length > 0) {
+                    if (unmappedVisibleEntries.length > 0) {
                         dispatch(showToast({
                             severity: "error",
                             summary: ERROR_MESSAGES.IMPORT_ERROR,
-                            detail: ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING,
+                            detail: ERROR_MESSAGES.IMPORT_UNMAPPED_COLUMNS,
                         }));
                         return [2 /*return*/];
                     }
-                    if (missingRequiredFields.length > 0) {
-                        errorDetail = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length);
+                    if (duplicateMappedFieldNames.length > 0) {
                         dispatch(showToast({
                             severity: "error",
                             summary: ERROR_MESSAGES.IMPORT_ERROR,
-                            detail: errorDetail,
+                            detail: ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING,
                         }));
                         return [2 /*return*/];
                     }
-                    if (unmappedImportableFieldCount > 0) {
-                        errorDetail = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_MESSAGE(unmappedImportableFieldCount);
+                    if (missingRequiredFields.length > 0) {
+                        errorDetail = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length);
                         dispatch(showToast({
                             severity: "error",
                             summary: ERROR_MESSAGES.IMPORT_ERROR,
@@ -286,7 +287,15 @@ export var SolidImportTransaction = function (_a) {
     var mappingWarningMessage = null;
     var mappingWarningTitle = null;
     if (visibleSampleRecords.length > 0) {
-        if (duplicateMappedFieldNames.length > 0) {
+        if (autoMappedCount === 0 && mappedEntries.length === 0) {
+            mappingWarningTitle = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_TITLE;
+            mappingWarningMessage = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_MESSAGE;
+        }
+        else if (unmappedVisibleEntries.length > 0) {
+            mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;
+            mappingWarningMessage = ERROR_MESSAGES.IMPORT_UNMAPPED_COLUMNS;
+        }
+        else if (duplicateMappedFieldNames.length > 0) {
             mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;
             mappingWarningMessage = ERROR_MESSAGES.IMPORT_DUPLICATE_FIELD_MAPPING;
         }
@@ -294,14 +303,6 @@ export var SolidImportTransaction = function (_a) {
             mappingWarningTitle = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_TITLE;
             mappingWarningMessage = ERROR_MESSAGES.IMPORT_REQUIRED_FIELD_MAPPING_MESSAGE(missingRequiredFields.length);
         }
-        else if (autoMappedCount === 0 && mappedImportableFieldCount === 0) {
-            mappingWarningTitle = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_TITLE;
-            mappingWarningMessage = ERROR_MESSAGES.IMPORT_TEMPLATE_MISMATCH_MESSAGE;
-        }
-        else if (unmappedImportableFieldCount > 0) {
-            mappingWarningTitle = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_TITLE;
-            mappingWarningMessage = ERROR_MESSAGES.IMPORT_MAPPING_INCOMPLETE_MESSAGE(unmappedImportableFieldCount);
-        }
     }
     var mappingErrorMessage = getImportMessage((_g = (_f = mappingInfoError === null || mappingInfoError === void 0 ? void 0 : mappingInfoError.data) === null || _f === void 0 ? void 0 : _f.error) !== null && _g !== void 0 ? _g : (_h = mappingInfoError === null || mappingInfoError === void 0 ? void 0 : mappingInfoError.data) === null || _h === void 0 ? void 0 : _h.message, ERROR_MESSAGES.IMPORT_FILE_READ_FAILED);
     return (_jsxs("div", { children: [_jsx("div", { className: styles.SolidImportContextWrapper, children: isLoading ? (_jsx("div", { className: "solid-import-loading-state", children: _jsx(SolidSpinner, { size: 22, label: "Loading mapping info" }) })) : isMappingInfoError ? (_jsxs("div", { className: 'solid-import-empty-state solid-import-empty-state-danger', children: [_jsx("h4", { className: 'text-center px-2', children: ERROR_MESSAGES.IMPORT_UNABLE_TO_READ_FILE }), _jsx("p", { children: mappingErrorMessage })] })) : visibleSampleRecords.length > 0 ? (_jsxs("div", { className: 'solid-import-mapping-shell', children: [_jsxs("div", { className: "solid-import-mapping-intro", children: [_jsxs("div", { children: [_jsx("h5", { className: 'solid-primary-black-text solid-import-section-title', children: "Map file columns" }), _jsx("p", { className: 'solid-import-section-copy m-0', children: "Match each incoming column to the correct SolidX field before the import runs." })] }), _jsxs("div", { className: "solid-import-mapping-count", children: [totalImportableFieldCount, " importable field", totalImportableFieldCount > 1 ? 's' : ''] })] }), mappingWarningMessage ? (_jsxs("div", { className: "solid-import-mapping-alert", role: "alert", children: [_jsx("div", { className: "solid-import-mapping-alert-icon", children: _jsx(AlertTriangle, { size: 16 }) }), _jsxs("div", { className: "solid-import-mapping-alert-copy", children: [mappingWarningTitle ? (_jsx("p", { className: "solid-import-mapping-alert-title", children: mappingWarningTitle })) : null, _jsx("p", { className: "solid-import-mapping-alert-text", children: mappingWarningMessage })] })] })) : null, _jsxs("div", { className: 'solid-import-mapping-table', children: [_jsxs("div", { className: "solid-import-mapping-head ".concat(styles.ImportTableHeader), children: [_jsx("div", { className: "solid-import-mapping-head-cell", children: "File Column" }), _jsx("div", { className: "solid-import-mapping-head-cell", children: "SolidX Field" })] }), _jsx("div", { className: "solid-import-mapping-body", children: visibleSampleRecords.map(function (sample) {