Fix #8683: Refresh target template list when new template is created

app/react/V2/Components/UI/Tabs.tsx

@@ -60,7 +60,7 @@ const Tabs = ({
     <HeadlessTab.Group selectedIndex={selectedIndex} onChange={handleChange} manual>
       <div className={`flex flex-col h-full gap-2 ${className ?? ''}`}>
         <HeadlessTab.List
-          className={`inline-grid m-4 mb-2 grid-flow-col auto-cols-auto rounded-md shadow-md shadow-black/10 border border-gray-100 w-fit ${
+          className={`inline-grid grid-flow-col auto-cols-auto rounded-md shadow-md shadow-black/10 border border-gray-100 w-full ${
             tabListClassName || ''
           }`}
           aria-label={tabListAriaLabel}

app/react/V2/Routes/Settings/ParagraphExtraction/components/extractors/CreateDialog/steps/TargetTemplate/Body.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { useAtomValue } from 'jotai';
 import { templatesAtom } from 'V2/atoms';
 import { defaultSearch, MultiselectList, MultiselectListOption } from 'V2/Components/Forms';
@@ -13,6 +13,12 @@ const Body = () => {
     templates.filter(filterPXQualifiedTemplates)
   );
   const [options, setOptions] = useState<MultiselectListOption[]>(targetTemplateOptions);
+
+  // Update options when templates change (e.g., when a new template is created)
+  useEffect(() => {
+    setOptions(targetTemplateOptions);
+  }, [targetTemplateOptions]);
+
   return (
     <div className="h-96 pt-2">
       <MultiselectList

package.json

@@ -1,6 +1,6 @@
 {
   "name": "uwazi",
-  "version": "1.228.144",
+  "version": "1.229.0-rc145",
   "description": "Uwazi is a free, open-source solution for organising, analysing and publishing your documents.",
   "keywords": [
     "react"