tc

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/settings/components/mcp/components/mcp-server-form-modal/mcp-server-form-modal.tsx

@@ -657,7 +657,7 @@ export function McpServerFormModal({
                 <div className='flex max-h-[140px] flex-col gap-2 overflow-y-auto'>
                   {(formData.headers || []).map((header, index) => (
                     <HeaderRow
-                      key={header.key || `header-${index}`}
+                      key={index}
                       header={header}
                       index={index}
                       headerScrollLeft={headerScrollLeft}

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/deploy/components/deploy-modal/deploy-modal.tsx

@@ -482,11 +482,12 @@ export function DeployModal({
   const handleCloseModal = useCallback(() => {
     deployActionIdRef.current += 1
     setIsFinalizingDeploy(false)
+    if (workflowId) releaseDeployAction(workflowId)
     setChatSubmitting(false)
     setDeployError(null)
     setDeployWarnings([])
     onOpenChange(false)
-  }, [onOpenChange])
+  }, [workflowId, onOpenChange])
 
   const handleChatDeployed = useCallback(async () => {
     if (!workflowId) return

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/messages-input/messages-input.tsx

@@ -195,25 +195,32 @@ export function MessagesInput({
     currentValue: getMessagesJson(),
     onStreamStart: () => {
       streamBufferRef.current = ''
+      messageIdsRef.current = [generateShortId()]
       setLocalMessages([{ role: 'system', content: '' }])
     },
     onStreamChunk: (chunk) => {
       streamBufferRef.current += chunk
       const extracted = extractStreamingMessages(streamBufferRef.current)
       if (extracted.length > 0) {
+        while (messageIdsRef.current.length < extracted.length) {
+          messageIdsRef.current.push(generateShortId())
+        }
+        messageIdsRef.current = messageIdsRef.current.slice(0, extracted.length)
         setLocalMessages(extracted)
       }
     },
     onGeneratedContent: (content) => {
       const validMessages = parseMessages(content)
       if (validMessages) {
+        messageIdsRef.current = validMessages.map(() => generateShortId())
         setLocalMessages(validMessages)
         setMessages(validMessages)
       } else {
         // Fallback: treat as raw system prompt
         const trimmed = content.trim()
         if (trimmed) {
           const fallback: Message[] = [{ role: 'system', content: trimmed }]
+          messageIdsRef.current = [generateShortId()]
           setLocalMessages(fallback)
           setMessages(fallback)
         }
@@ -242,6 +249,7 @@ export function MessagesInput({
   useEffect(() => {
     if (isPreview && previewValue && Array.isArray(previewValue)) {
       if (!isEqual(localMessagesRef.current, previewValue)) {
+        messageIdsRef.current = previewValue.map(() => generateShortId())
         setLocalMessages(previewValue)
       }
     } else if (messages && Array.isArray(messages) && messages.length > 0) {

apps/sim/components/emcn/components/tag-input/tag-input.tsx

@@ -445,7 +445,7 @@ const TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(
         )}
         {items.map((item, index) => (
           <TagInputTag
-            key={item.value}
+            key={`item-${index}`}
             item={item}
             index={index}
             onRemove={onRemove}