diff --git a/configs/seeds/host/crud/AbpUserRoles.json b/configs/seeds/host/crud/AbpUserRoles.json
index e2c03631..2f2f360f 100644
--- a/configs/seeds/host/crud/AbpUserRoles.json
+++ b/configs/seeds/host/crud/AbpUserRoles.json
@@ -1,6 +1,6 @@
 {
   "EntityName": "AbpUserRoles",
-  "GeneratedAt": "2026-08-19T09:53:39.2444186Z",
+  "GeneratedAt": "2026-08-19T13:15:38.1005872Z",
   "Endpoints": [
     {
       "Method": "POST",
diff --git a/configs/seeds/host/custom/DynamicEntityComponent.json b/configs/seeds/host/custom/DynamicEntityComponent.json
index 90ca2064..ee76c0c9 100644
--- a/configs/seeds/host/custom/DynamicEntityComponent.json
+++ b/configs/seeds/host/custom/DynamicEntityComponent.json
@@ -1,10 +1,10 @@
 {
-  "GeneratedAt": "2026-08-18T08:40:41.9083616Z",
+  "GeneratedAt": "2026-08-19T13:14:10.1944181Z",
   "CustomComponents": [
     {
       "Name": "DynamicEntityComponent",
       "RoutePath": "/admin/dynamic-entity",
-      "Code": "import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\n\ninterface DynamicEntityComponentProps {\n  title: string;\n}\n\nconst api = axios.create({\n  baseURL: \"https://localhost:44344\",\n});\n\nconst DynamicEntityComponent: React.FC<DynamicEntityComponentProps> = ({ title }) => {\n  const [data, setData] = useState<Array<{ id: string; name: string }>>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const res = await api.get(`/api/app/crudendpoint/${title}`);\n        const raw = Array.isArray(res.data) ? res.data : res.data?.items ?? [];\n\n        const filtered = raw.map((item: any) => ({\n          id: item.Id ?? item.id,\n          name: item.Name ?? item.name,\n        }));\n\n        setData(filtered);\n      } catch (err: any) {\n        setError(err.message || \"Failed to fetch data\");\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (title) fetchData();\n  }, [title]);\n\n  if (loading) return <div>Loading...</div>;\n  if (error) return <div className=\"text-red-600 dark:text-red-400\">Error: {error}</div>;\n  if (!data.length) return <div>No records found</div>;\n\n  const headers = [\"id\", \"name\", \"actions\"];\n\n  return (\n    <div className=\"overflow-auto\">\n      <table className=\"min-w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 shadow-sm rounded-lg\">\n        <thead className=\"bg-slate-100 dark:bg-slate-800\">\n          <tr>\n            {headers.map((key) => (\n              <th\n                key={key}\n                className=\"text-left px-4 py-2 border-b border-slate-200 dark:border-slate-700 text-sm font-medium text-slate-700 dark:text-slate-200\"\n              >\n                {key === \"actions\" ? \"Actions\" : key}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((item, rowIndex) => (\n            <tr key={item.id ?? rowIndex} className=\"hover:bg-slate-50 dark:hover:bg-slate-800\">\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800 text-sm text-slate-800 dark:text-slate-100\">\n                {item.id}\n              </td>\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800 text-sm text-slate-800 dark:text-slate-100\">\n                {item.name}\n              </td>\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800\">\n                <Button\n                  type=\"button\"\n                  color=\"blue-500\"\n                  onClick={() => alert(item.name)}\n                  shape=\"round\"\n                  size=\"xs\"\n                  variant=\"solid\"\n                  id=\"c_mrix4c1a_qrybhk\"\n                >\n                  Show Name\n                </Button>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default DynamicEntityComponent;",
+      "Code": "import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\n\ninterface DynamicEntityComponentProps {\n  title: string;\n}\n\nconst api = axios.create({\n  baseURL: \"https://api.sozsoft.com\",\n});\n\nconst DynamicEntityComponent: React.FC<DynamicEntityComponentProps> = ({ title }) => {\n  const [data, setData] = useState<Array<{ id: string; name: string }>>([]);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    const fetchData = async () => {\n      setLoading(true);\n      setError(null);\n\n      try {\n        const res = await api.get(`/api/app/crudendpoint/${title}`);\n        const raw = Array.isArray(res.data) ? res.data : res.data?.items ?? [];\n\n        const filtered = raw.map((item: any) => ({\n          id: item.Id ?? item.id,\n          name: item.Name ?? item.name,\n        }));\n\n        setData(filtered);\n      } catch (err: any) {\n        setError(err.message || \"Failed to fetch data\");\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    if (title) fetchData();\n  }, [title]);\n\n  if (loading) return <div>Loading...</div>;\n  if (error) return <div className=\"text-red-600 dark:text-red-400\">Error: {error}</div>;\n  if (!data.length) return <div>No records found</div>;\n\n  const headers = [\"id\", \"name\", \"actions\"];\n\n  return (\n    <div className=\"overflow-auto\">\n      <table className=\"min-w-full bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 shadow-sm rounded-lg\">\n        <thead className=\"bg-slate-100 dark:bg-slate-800\">\n          <tr>\n            {headers.map((key) => (\n              <th\n                key={key}\n                className=\"text-left px-4 py-2 border-b border-slate-200 dark:border-slate-700 text-sm font-medium text-slate-700 dark:text-slate-200\"\n              >\n                {key === \"actions\" ? \"Actions\" : key}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.map((item, rowIndex) => (\n            <tr key={item.id ?? rowIndex} className=\"hover:bg-slate-50 dark:hover:bg-slate-800\">\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800 text-sm text-slate-800 dark:text-slate-100\">\n                {item.id}\n              </td>\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800 text-sm text-slate-800 dark:text-slate-100\">\n                {item.name}\n              </td>\n              <td className=\"px-4 py-2 border-b border-slate-100 dark:border-slate-800\">\n                <Button\n                  type=\"button\"\n                  color=\"blue-500\"\n                  onClick={() => alert(item.name)}\n                  shape=\"round\"\n                  size=\"xs\"\n                  variant=\"solid\"\n                  id=\"c_mrix4c1a_qrybhk\"\n                >\n                  Show Name\n                </Button>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default DynamicEntityComponent;",
       "Props": null,
       "Description": null,
       "IsActive": true,
diff --git a/configs/seeds/host/custom/RoleComponent.json b/configs/seeds/host/custom/RoleComponent.json
index 6d635200..c25b2d07 100644
--- a/configs/seeds/host/custom/RoleComponent.json
+++ b/configs/seeds/host/custom/RoleComponent.json
@@ -1,11 +1,11 @@
 {
-  "GeneratedAt": "2026-08-19T12:12:39.0024499Z",
+  "GeneratedAt": "2026-08-19T13:16:41.6491961Z",
   "CustomComponents": [
     {
       "Name": "RoleComponent",
       "RoutePath": "/admin/roles",
-      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22type%22%3A%22Form%22%2C%22kind%22%3A%22layout%22%2C%22props%22%3A%7B%22selectEndpoint%22%3A%22source_5w_5ibpv%22%2C%22insertEndpoint%22%3A%22source_h3_484qa%22%2C%22updateEndpoint%22%3A%22source_gb_d9cvs%22%2C%22deleteEndpoint%22%3A%22source_0t_avok9%22%2C%22keyFieldName%22%3A%22id%22%2C%22collectionPath%22%3A%22%22%2C%22keySource%22%3A%22query%22%2C%22keyParamName%22%3A%22id%22%2C%22previewKeyValue%22%3A%22%22%2C%22autoLoad%22%3Atrue%2C%22showToolbar%22%3Atrue%2C%22gap%22%3A16%2C%22className%22%3A%22%22%2C%22title%22%3A%22Rol%20Tan%C4%B1mlama%22%7D%2C%22events%22%3A%7B%22onLoad%22%3A%22%22%2C%22onRecordChange%22%3A%22%22%2C%22onFieldChange%22%3A%22%22%2C%22onNewRecord%22%3A%22%22%2C%22onModeChange%22%3A%22%22%2C%22onBeforeSave%22%3A%22%22%2C%22onAfterSave%22%3A%22%22%2C%22onBeforeDelete%22%3A%22%22%2C%22onAfterDelete%22%3A%22%22%2C%22onError%22%3A%22%22%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_msyfpfia_ifhdq%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Name%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22Name%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input1%22%7D%2C%7B%22id%22%3A%22cmp_msyjl707_crcn7%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Normalized%20Name%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22NormalizedName%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input2%22%7D%2C%7B%22id%22%3A%22cmp_msyjdodn_u3o74%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Concurrent%20Stamp%20%3A%20%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22ConcurrencyStamp%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input3%22%7D%2C%7B%22id%22%3A%22cmp_msyje9ys_2c08a%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Default%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22true%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsDefault%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox1%22%7D%2C%7B%22id%22%3A%22cmp_msyjebu2_27tqi%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Static%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22true%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsStatic%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox2%22%7D%2C%7B%22id%22%3A%22cmp_msyjmetn_gojol%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Public%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22false%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsPublic%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox3%22%7D%2C%7B%22id%22%3A%22cmp_msyjo0g8_oathk%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Entity%20Version%20%3A%20%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22number%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%223%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22EntityVersion%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input4%22%7D%2C%7B%22id%22%3A%22cmp_msyjplfq_py8lz%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Extra%20Properties%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%22%7B%7D%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22ExtraProperties%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input5%22%7D%5D%2C%22ref%22%3A%22form1%22%7D%2C%7B%22id%22%3A%22cmp_mszv8oos_flc9k%22%2C%22type%22%3A%22Grid%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22hoverable%22%3Atrue%2C%22overflow%22%3Atrue%2C%22borderlessRow%22%3Afalse%2C%22compact%22%3Afalse%2C%22cols%22%3A%223%22%2C%22rows%22%3A%222%22%2C%22gap%22%3A%224%22%2C%22colGap%22%3A%224%22%2C%22rowGap%22%3A%224%22%2C%22responsive%22%3Atrue%2C%22smCols%22%3A%221%22%2C%22mdCols%22%3A%222%22%2C%22lgCols%22%3A%223%22%2C%22xlCols%22%3A%224%22%2C%22autoFit%22%3Afalse%2C%22minColWidth%22%3A%22200px%22%2C%22height%22%3A%22auto%22%2C%22className%22%3A%22mt-4%22%2C%22items%22%3A%5B%7B%22id%22%3A%22grid-item-1%22%2C%22content%22%3A%22Grid%20Item%201%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A1%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-blue-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-2%22%2C%22content%22%3A%22Grid%20Item%202%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A2%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-green-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-3%22%2C%22content%22%3A%22Grid%20Item%203%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A3%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-yellow-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-4%22%2C%22content%22%3A%22Grid%20Item%204%22%2C%22colSpan%22%3A2%2C%22rowSpan%22%3A1%2C%22colStart%22%3A1%2C%22rowStart%22%3A2%2C%22className%22%3A%22bg-purple-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-5%22%2C%22content%22%3A%22Grid%20Item%205%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A3%2C%22rowStart%22%3A2%2C%22className%22%3A%22bg-red-100%20p-4%20border%20rounded%22%7D%5D%2C%22dataColumns%22%3A%5B%22UserId%22%2C%22RoleId%22%2C%22TenantId%22%5D%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%22items%22%3A%7B%22sourceId%22%3A%22source_ai_ikts7%22%2C%22path%22%3A%22%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22grid1%22%7D%2C%7B%22id%22%3A%22cmp_mt01eo16_g44d1%22%2C%22type%22%3A%22DataGridView%22%2C%22kind%22%3A%22platform%22%2C%22props%22%3A%7B%22listFormCode%22%3A%22AbpIdentity.Roles%22%2C%22height%22%3A%22520px%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_pa_8bktt%22%2C%22field%22%3A%22Id%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22record%22%2C%22value%22%3A%22form1.id%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Atrue%7D%5D%2C%22className%22%3A%22mt-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22dataGridView1%22%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%7B%22id%22%3A%22source_5w_5ibpv%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_i7_msox4%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20GetById%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_gh_2edo0%22%2C%22field%22%3A%22%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22static%22%2C%22value%22%3A%22%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Afalse%7D%5D%7D%2C%7B%22id%22%3A%22source_0t_avok9%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Delete%22%2C%22method%22%3A%22DELETE%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_h3_484qa%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Create%22%2C%22method%22%3A%22POST%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_gb_d9cvs%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Update%22%2C%22method%22%3A%22PUT%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_ai_ikts7%22%2C%22name%22%3A%22AbpUserRoles%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUserRoles%22%2C%22responsePath%22%3A%22%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_es_6evg5%22%2C%22field%22%3A%22RoleId%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22record%22%2C%22value%22%3A%22form1.id%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Atrue%7D%5D%7D%5D%7D__*/\nconst RoleComponent = () => {\n  const getByPath = (value, path) => {\n    if (!path) return value\n    const readPath = (target, targetPath) => targetPath.split('.').filter(Boolean).reduce((current, key) => current?.[key], target)\n    const directValue = readPath(value, path)\n    if (directValue !== undefined) return directValue\n    if (path.startsWith('result.')) return readPath(value, path.slice('result.'.length))\n    return value?.result === undefined ? undefined : readPath(value.result, path)\n  }\n\n  const localeCulture = () => (typeof document !== \"undefined\" && document.documentElement.lang) || \"en\"\n  const localeDateOptions = { year: \"numeric\", month: \"2-digit\", day: \"2-digit\" }\n  const localeTimeOptions = { year: \"numeric\", month: \"2-digit\", day: \"2-digit\", hour: \"2-digit\", minute: \"2-digit\" }\n  const localeIsoPattern = /^(\\d{4})-(\\d{2})-(\\d{2})(?:[T ](\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.\\d+)?)?(Z|[+-]\\d{2}:?\\d{2})?)?$/\n  const formatLocaleValue = (value) => {\n    if (value === null || value === undefined) return \"\"\n    const culture = localeCulture()\n    if (typeof value === \"number\") {\n      if (!Number.isFinite(value)) return String(value)\n      return new Intl.NumberFormat(culture, { useGrouping: false, maximumFractionDigits: 20 }).format(value)\n    }\n    if (value instanceof Date) {\n      return Number.isNaN(value.getTime()) ? \"\" : new Intl.DateTimeFormat(culture, localeTimeOptions).format(value)\n    }\n    if (typeof value !== \"string\") return String(value)\n    const parts = localeIsoPattern.exec(value.trim())\n    if (!parts) return value\n    const parsed = new Date(value)\n    if (Number.isNaN(parsed.getTime())) return value\n    if (parts[4] === undefined) {\n      const day = new Date(Number(parts[1]), Number(parts[2]) - 1, Number(parts[3]))\n      return new Intl.DateTimeFormat(culture, localeDateOptions).format(day)\n    }\n    return new Intl.DateTimeFormat(culture, localeTimeOptions).format(parsed)\n  }\n\n  const readSqlField = (record, field) => {\n    if (!record || typeof record !== \"object\" || Array.isArray(record)) return undefined\n    if (field in record) return record[field]\n    const matched = Object.keys(record).find((key) => key.toLowerCase() === String(field).toLowerCase())\n    return matched === undefined ? undefined : record[matched]\n  }\n  const toSqlRows = (value, collectionPath) => {\n    const source = collectionPath ? getByPath(value, collectionPath) : value\n    const rows = Array.isArray(source)\n      ? source\n      : source && typeof source === \"object\"\n        ? (Array.isArray(source.items) ? source.items : [source])\n        : []\n    return rows.filter((item) => item && typeof item === \"object\" && !Array.isArray(item))\n  }\n  const setSqlField = (record, path, value) => {\n    const keys = String(path || \"\").split(\".\").filter(Boolean)\n    if (!keys.length) return record\n    const next = { ...(record || {}) }\n    let target = next\n    for (let index = 0; index < keys.length - 1; index += 1) {\n      const child = target[keys[index]]\n      target[keys[index]] = child && typeof child === \"object\" && !Array.isArray(child) ? { ...child } : {}\n      target = target[keys[index]]\n    }\n    target[keys[keys.length - 1]] = value\n    return next\n  }\n  const bindSqlUrl = (url, record, keyField) => {\n    let keyBound = false\n    const boundUrl = String(url).replace(/\\{([^}]+)\\}|(?<=\\/):([A-Za-z_][A-Za-z0-9_]*)/g, (match, braced, colon) => {\n      const name = (braced || colon || \"\").trim()\n      if (!name) return match\n      const value = readSqlField(record, name) ?? readSqlField(record, keyField)\n      if (value === undefined || value === null || value === \"\") return match\n      if (name.toLowerCase() === String(keyField).toLowerCase()) keyBound = true\n      return encodeURIComponent(String(value))\n    })\n    return { url: boundUrl, keyBound }\n  }\n  const appendQueryParam = (url, name, value) =>\n    url + (url.includes(\"?\") ? \"&\" : \"?\") + encodeURIComponent(name) + \"=\" + encodeURIComponent(value)\n  const hasSqlUrlParams = (url) => /\\{[^}]+\\}|(?<=\\/):[A-Za-z_][A-Za-z0-9_]*/.test(String(url))\n  const readUrlKey = (source, name) => {\n    if (typeof window === \"undefined\") return \"\"\n    if (source === \"query\") return new URLSearchParams(window.location.search).get(name) ?? \"\"\n    const segments = window.location.pathname.split(\"/\").filter(Boolean)\n    return segments.length ? decodeURIComponent(segments[segments.length - 1]) : \"\"\n  }\n  const filterSqlRowsByKey = (rows, keyField, keyValue) => {\n    if (!keyValue) return rows\n    const matched = rows.filter((row) => String(readSqlField(row, keyField) ?? \"\") === String(keyValue))\n    // No match means the endpoint already filtered server side, or the key column\n    // is named differently — keeping the rows beats showing an empty form.\n    return matched.length ? matched : rows\n  }\n  // Update payload: only the columns the user actually edited, plus the key.\n  const toSqlChanges = (original, current, keyField) => {\n    const changes = {}\n    const isSame = (left, right) => JSON.stringify(left ?? null) === JSON.stringify(right ?? null)\n    Object.keys(current || {}).forEach((column) => {\n      if (!isSame(original ? original[column] : undefined, current[column])) changes[column] = current[column]\n    })\n    const keyColumn = Object.keys(current || {}).find((column) => column.toLowerCase() === String(keyField).toLowerCase())\n    if (keyColumn !== undefined && changes[keyColumn] === undefined) changes[keyColumn] = current[keyColumn]\n    return changes\n  }\n  const callSqlEndpoint = (target, record, keyField, payload) => {\n    // The URL is always bound from the full record: a placeholder may reference a\n    // column that the update payload does not carry.\n    const bound = bindSqlUrl(target.url, record, keyField)\n    const request = { url: bound.url, method: target.method }\n    if (target.method === \"POST\" || target.method === \"PUT\") request.data = payload === undefined ? record : payload\n    const keyValue = readSqlField(record, keyField)\n    const hasKey = keyValue !== undefined && keyValue !== null && keyValue !== \"\"\n    // The key still has to reach the endpoint when the URL carries no placeholder.\n    if (!bound.keyBound && hasKey && target.method !== \"POST\") request.params = { [keyField]: keyValue }\n    return apiService.fetchData(request)\n  }\n  // A new record starts at the top of the form: the first enabled editor takes the\n  // cursor, so a Yeni click is immediately followed by typing.\n  const focusFirstSqlField = (host) => {\n    if (typeof window === \"undefined\") return\n    window.requestAnimationFrame(() => {\n      const field = host.current?.querySelector(\"input:not([type='hidden']):not([disabled]):not([readonly]), textarea:not([disabled]):not([readonly]), select:not([disabled])\")\n      if (!field) return\n      field.focus()\n      if (typeof field.select === \"function\") field.select()\n    })\n  }\n  // Defaults declared on the bound children; only a new record starts from them.\n  const buildSqlDefaults = (fields) => fields.reduce((record, field) => setSqlField(record, field.path, resolveSqlDefault(field)), {})\n  const resolveSqlDefault = (field) => {\n    if (field.token !== \"today\" && field.token !== \"now\") return field.value\n    const now = new Date()\n    const pad = (value) => String(value).padStart(2, \"0\")\n    const day = now.getFullYear() + \"-\" + pad(now.getMonth() + 1) + \"-\" + pad(now.getDate())\n    if (field.token === \"today\" || field.dateOnly) return day\n    return day + \"T\" + pad(now.getHours()) + \":\" + pad(now.getMinutes()) + \":\" + pad(now.getSeconds())\n  }\n  const toSqlErrorMessage = (error) => error?.response?.data?.error?.message || error?.response?.data?.message || error?.message || \"İşlem tamamlanamadı.\"\n\n  // Value of a filter that reads the page URL: a query string parameter, or a\n  // path segment — the one after a segment named like the parameter, otherwise\n  // the last one, which is the /orders/{id} detail page shape.\n  const readDesignerUrlValue = (kind, name) => {\n    if (typeof window === \"undefined\") return \"\"\n    if (kind === \"query\") return new URLSearchParams(window.location.search).get(name) ?? \"\"\n    const segments = window.location.pathname.split(\"/\").filter(Boolean)\n    if (!segments.length) return \"\"\n    const index = name ? segments.findIndex((segment) => segment.toLowerCase() === String(name).toLowerCase()) : -1\n    if (index >= 0 && index < segments.length - 1) return decodeURIComponent(segments[index + 1])\n    return decodeURIComponent(segments[segments.length - 1])\n  }\n  // Filters are appended as query parameters: `Column` for an equality and\n  // `Column.operator` for anything else, which is what the endpoint parses.\n  // Returns \"\" when a required filter has no value yet — the caller must skip the\n  // request instead of loading the unfiltered collection.\n  const buildFilteredUrl = (url, filters) => {\n    const parts = []\n    for (const filter of filters || []) {\n      const value = filter.value === undefined || filter.value === null ? \"\" : String(filter.value)\n      if (!value) {\n        if (filter.required) return \"\"\n        continue\n      }\n      parts.push(encodeURIComponent(filter.param) + \"=\" + encodeURIComponent(value))\n    }\n    if (!parts.length) return url\n    return url + (url.includes(\"?\") ? \"&\" : \"?\") + parts.join(\"&\")\n  }\n\n  const buildPlatformFilterParams = (filters) => {\n    const expressions = []\n    for (const filter of filters || []) {\n      if (filter.kind === \"isnull\" || filter.kind === \"notnull\") {\n        expressions.push([filter.field, filter.operator, null])\n        continue\n      }\n      const value = filter.value === undefined || filter.value === null ? \"\" : String(filter.value)\n      if (!value) {\n        if (filter.required) return null\n        continue\n      }\n      if (filter.kind === \"in\") {\n        const entries = value.split(\",\").map((entry) => entry.trim()).filter(Boolean).map((entry) => [filter.field, \"=\", entry])\n        if (!entries.length) continue\n        expressions.push(entries.reduce((result, entry) => (result ? [result, \"or\", entry] : entry), null))\n        continue\n      }\n      expressions.push([filter.field, filter.operator, value])\n    }\n    const params = new URLSearchParams()\n    const merged = expressions.reduce((result, expression) => (result ? [result, \"and\", expression] : expression), null)\n    if (merged) params.set(\"filter\", JSON.stringify(merged))\n    return params\n  }\n\n  const [data_source_5w_5ibpv, setData_source_5w_5ibpv] = React.useState(null)\n  const [data_source_i7_msox4, setData_source_i7_msox4] = React.useState(null)\n  const [data_source_0t_avok9] = React.useState(null)\n  const [data_source_h3_484qa] = React.useState(null)\n  const [data_source_gb_d9cvs] = React.useState(null)\n  const [data_source_ai_ikts7, setData_source_ai_ikts7] = React.useState(null)\n\n  const sqlselect_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles\", method: \"GET\", responsePath: \"\" }\n  const sqlinsert_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles\", method: \"POST\", responsePath: \"\" }\n  const sqlupdate_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles/{id}\", method: \"PUT\", responsePath: \"\" }\n  const sqldelete_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles/{id}\", method: \"DELETE\", responsePath: \"\" }\n  const sqlKey_cmp_msyfmegt_jkkn3 = \"id\"\n  const sqlKeyParam_cmp_msyfmegt_jkkn3 = \"id\"\n  const [data_cmp_msyfmegt_jkkn3, setData_cmp_msyfmegt_jkkn3] = React.useState({})\n  const [sqlOriginal_cmp_msyfmegt_jkkn3, setSqlOriginal_cmp_msyfmegt_jkkn3] = React.useState({})\n  const [sqlMode_cmp_msyfmegt_jkkn3, setSqlMode_cmp_msyfmegt_jkkn3] = React.useState(\"edit\")\n  const [sqlIndex_cmp_msyfmegt_jkkn3, setSqlIndex_cmp_msyfmegt_jkkn3] = React.useState(0)\n  const [sqlBusy_cmp_msyfmegt_jkkn3, setSqlBusy_cmp_msyfmegt_jkkn3] = React.useState(false)\n  const [sqlError_cmp_msyfmegt_jkkn3, setSqlError_cmp_msyfmegt_jkkn3] = React.useState(\"\")\n  // Container element, so New can hand the cursor to the first field of the form.\n  const sqlHost_cmp_msyfmegt_jkkn3 = React.useRef(null)\n  // The Select key can come from the page URL, which is how a detail page reads\n  // /api/app/orders/{id} or /api/app/orders?id=… for a single record.\n  const sqlUrlKey_cmp_msyfmegt_jkkn3 = readUrlKey(\"query\", sqlKeyParam_cmp_msyfmegt_jkkn3)\n  const sqlSelectUrl_cmp_msyfmegt_jkkn3 = React.useMemo(() => {\n    if (!sqlselect_cmp_msyfmegt_jkkn3) return \"\"\n    const base = sqlUrlKey_cmp_msyfmegt_jkkn3\n      ? (() => {\n          const bound = bindSqlUrl(sqlselect_cmp_msyfmegt_jkkn3.url, { [sqlKeyParam_cmp_msyfmegt_jkkn3]: sqlUrlKey_cmp_msyfmegt_jkkn3 }, sqlKeyParam_cmp_msyfmegt_jkkn3)\n          return bound.keyBound ? bound.url : appendQueryParam(bound.url, sqlKeyParam_cmp_msyfmegt_jkkn3, sqlUrlKey_cmp_msyfmegt_jkkn3)\n        })()\n      : sqlselect_cmp_msyfmegt_jkkn3.url\n    return base\n  }, [sqlUrlKey_cmp_msyfmegt_jkkn3])\n  // A key in the page URL always narrows the result: a list endpoint ignores the\n  // parameter server side, so the requested record is picked out here. Without a\n  // key every row is kept and the navigation below takes over.\n  const sqlRows_cmp_msyfmegt_jkkn3 = React.useMemo(\n    () => filterSqlRowsByKey(toSqlRows(data_source_5w_5ibpv, \"\"), sqlKey_cmp_msyfmegt_jkkn3, sqlUrlKey_cmp_msyfmegt_jkkn3),\n    [data_source_5w_5ibpv, sqlUrlKey_cmp_msyfmegt_jkkn3],\n  )\n  // A fresh result set resets the position; New mode is left untouched so an\n  // unsaved draft is not overwritten by a re-render.\n  React.useEffect(() => {\n    setSqlIndex_cmp_msyfmegt_jkkn3((current) => (current < sqlRows_cmp_msyfmegt_jkkn3.length ? current : 0))\n  }, [sqlRows_cmp_msyfmegt_jkkn3])\n  React.useEffect(() => {\n    const row = sqlRows_cmp_msyfmegt_jkkn3[sqlIndex_cmp_msyfmegt_jkkn3]\n    if (!row) return\n    setData_cmp_msyfmegt_jkkn3(row)\n    setSqlOriginal_cmp_msyfmegt_jkkn3(row)\n    setSqlMode_cmp_msyfmegt_jkkn3(\"edit\")\n  }, [sqlRows_cmp_msyfmegt_jkkn3, sqlIndex_cmp_msyfmegt_jkkn3])\n  const sqlHasKey_cmp_msyfmegt_jkkn3 = (() => {\n    const value = readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n    return value !== undefined && value !== null && value !== \"\"\n  })()\n  const sqlSetField_cmp_msyfmegt_jkkn3 = React.useCallback((path, value) => setData_cmp_msyfmegt_jkkn3((current) => setSqlField(current, path, value)), [])\n  const sqlReload_cmp_msyfmegt_jkkn3 = React.useCallback(async () => {\n    if (!sqlSelectUrl_cmp_msyfmegt_jkkn3) return\n    // Calling a URL that still holds a placeholder is a guaranteed 400, so the\n    // missing key is reported in the component instead.\n    if (hasSqlUrlParams(sqlSelectUrl_cmp_msyfmegt_jkkn3)) {\n      throw new Error(\"Select endpointi \" + sqlKeyParam_cmp_msyfmegt_jkkn3 + \" parametresini bekliyor; sayfa adresinde bulunamadı.\")\n    }\n    const response = await apiService.fetchData({ url: sqlSelectUrl_cmp_msyfmegt_jkkn3, method: \"GET\" })\n    setData_source_5w_5ibpv(getByPath(response.data, sqlselect_cmp_msyfmegt_jkkn3.responsePath))\n  }, [sqlSelectUrl_cmp_msyfmegt_jkkn3])\n  // Reload wrapped with the busy/error handling the toolbar and mount effect need,\n  // so a failing Select is reported in the component instead of the console.\n  const sqlRefresh_cmp_msyfmegt_jkkn3 = React.useCallback(async () => {\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      await sqlReload_cmp_msyfmegt_jkkn3()\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }, [sqlReload_cmp_msyfmegt_jkkn3])\n  const sqlNew_cmp_msyfmegt_jkkn3 = React.useCallback(() => {\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    // Defaults are resolved on every New, so an @today column carries the day the\n    // record was opened rather than the day the component was generated.\n    const sqlDraft_cmp_msyfmegt_jkkn3 = buildSqlDefaults([{\"path\":\"IsDefault\",\"value\":true},{\"path\":\"IsStatic\",\"value\":true},{\"path\":\"IsPublic\",\"value\":false},{\"path\":\"EntityVersion\",\"value\":3},{\"path\":\"ExtraProperties\",\"value\":\"{}\"}])\n    setData_cmp_msyfmegt_jkkn3(sqlDraft_cmp_msyfmegt_jkkn3)\n    setSqlOriginal_cmp_msyfmegt_jkkn3({})\n    setSqlMode_cmp_msyfmegt_jkkn3(\"new\")\n    // After the re-render that paints the empty form, not before it.\n    focusFirstSqlField(sqlHost_cmp_msyfmegt_jkkn3)\n  }, [])\n  const sqlPrev_cmp_msyfmegt_jkkn3 = React.useCallback(() => setSqlIndex_cmp_msyfmegt_jkkn3((current) => Math.max(0, current - 1)), [])\n  const sqlNext_cmp_msyfmegt_jkkn3 = React.useCallback(() => setSqlIndex_cmp_msyfmegt_jkkn3((current) => Math.min(sqlRows_cmp_msyfmegt_jkkn3.length - 1, current + 1)), [sqlRows_cmp_msyfmegt_jkkn3])\n  const sqlSave_cmp_msyfmegt_jkkn3 = async () => {\n    const isNew = sqlMode_cmp_msyfmegt_jkkn3 === \"new\"\n    const target = isNew ? sqlinsert_cmp_msyfmegt_jkkn3 : sqlupdate_cmp_msyfmegt_jkkn3\n    if (!target) {\n      setSqlError_cmp_msyfmegt_jkkn3(isNew ? \"Insert için POST endpointi tanımlı değil.\" : \"Update için PUT endpointi tanımlı değil.\")\n      return\n    }\n    // Update carries only the edited columns plus the key; Insert sends the record.\n    const payload = isNew ? data_cmp_msyfmegt_jkkn3 : toSqlChanges(sqlOriginal_cmp_msyfmegt_jkkn3, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n    if (!isNew && Object.keys(payload).filter((column) => column.toLowerCase() !== String(sqlKey_cmp_msyfmegt_jkkn3).toLowerCase()).length === 0) {\n      setSqlError_cmp_msyfmegt_jkkn3(\"Kaydedilecek bir değişiklik yok.\")\n      return\n    }\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      const response = await callSqlEndpoint(target, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3, payload)\n      // With a Select endpoint the reload is the source of truth and its effect\n      // repopulates the form; without one, the response row is all there is.\n      if (sqlselect_cmp_msyfmegt_jkkn3) {\n        await sqlReload_cmp_msyfmegt_jkkn3()\n      } else {\n        const saved = toSqlRows(response?.data, \"\")[0]\n        if (saved) {\n          setData_cmp_msyfmegt_jkkn3(saved)\n          setSqlOriginal_cmp_msyfmegt_jkkn3(saved)\n        }\n      }\n      setSqlMode_cmp_msyfmegt_jkkn3(\"edit\")\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }\n  const sqlDelete_cmp_msyfmegt_jkkn3 = async () => {\n    if (!sqldelete_cmp_msyfmegt_jkkn3 || !sqlHasKey_cmp_msyfmegt_jkkn3 || sqlMode_cmp_msyfmegt_jkkn3 === \"new\") return\n    // Deleting cannot be undone from the form, so it always asks first.\n    const confirmMessage = sqlKey_cmp_msyfmegt_jkkn3 + \" = \" + readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3) + \" kaydı silinecek.\\n\\nOnaylıyor musunuz?\"\n    if (typeof window !== \"undefined\" && !window.confirm(confirmMessage)) return\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      await callSqlEndpoint(sqldelete_cmp_msyfmegt_jkkn3, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n      setData_cmp_msyfmegt_jkkn3({})\n      setSqlOriginal_cmp_msyfmegt_jkkn3({})\n      setSqlMode_cmp_msyfmegt_jkkn3(\"new\")\n      await sqlReload_cmp_msyfmegt_jkkn3()\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }\n  React.useEffect(() => { void sqlRefresh_cmp_msyfmegt_jkkn3() }, [sqlRefresh_cmp_msyfmegt_jkkn3])\n\n  const filters_source_ai_ikts7 = [{ param: \"RoleId\", value: readSqlField(data_cmp_msyfmegt_jkkn3, \"id\"), required: true }]\n  const filterKey_source_ai_ikts7 = JSON.stringify(filters_source_ai_ikts7)\n  React.useEffect(() => {\n    const url = buildFilteredUrl(\"/api/app/crudendpoint/AbpUserRoles\", filters_source_ai_ikts7)\n    // An unmet required filter leaves the component empty on purpose.\n    if (!url) {\n      setData_source_ai_ikts7(null)\n      return\n    }\n    let active = true\n    apiService.fetchData({ url, method: 'GET' }).then((response) => {\n      if (active) setData_source_ai_ikts7(getByPath(response.data, \"\"))\n    }).catch((error) => console.error(\"AbpUserRoles · GetList endpoint error:\", error))\n    return () => { active = false }\n  }, [filterKey_source_ai_ikts7])\n\n  const platformFilters_cmp_mt01eo16_g44d1 = [{ field: \"Id\", operator: \"=\", kind: \"eq\", value: readSqlField(data_cmp_msyfmegt_jkkn3, \"id\"), required: true }]\n  const platformKey_cmp_mt01eo16_g44d1 = JSON.stringify(platformFilters_cmp_mt01eo16_g44d1)\n  // The views keep the params object in their own state and write back to it, so\n  // it must stay the same object until a filter value actually changes.\n  const platformParams_cmp_mt01eo16_g44d1 = React.useMemo(() => buildPlatformFilterParams(platformFilters_cmp_mt01eo16_g44d1), [platformKey_cmp_mt01eo16_g44d1])\n\n  const handle_cmp_msyfpfia_ifhdq_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"Name\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjl707_crcn7_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"NormalizedName\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjdodn_u3o74_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"ConcurrencyStamp\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyje9ys_2c08a_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsDefault\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjebu2_27tqi_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsStatic\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjmetn_gojol_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsPublic\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjo0g8_oathk_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"EntityVersion\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjplfq_py8lz_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"ExtraProperties\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  return (\n    <>\n      <UiKit.Card bodyClass=\"p-4\" header={\"Rol Tanımlama\"} headerExtra={<span className=\"text-xs text-slate-500 dark:text-slate-400\">{sqlHasKey_cmp_msyfmegt_jkkn3 ? sqlKey_cmp_msyfmegt_jkkn3 + \": \" + readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3) : sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? \"Yeni kayıt\" : \"\"}</span>}>\n        <div ref={sqlHost_cmp_msyfmegt_jkkn3} className=\"\" style={{ display: \"flex\", flexDirection: \"column\", gap: 16 }}>\n          <UiKit.Input invalid={false} rows={3} prefix={\"Name :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"Name\")) ?? \"\"} onChange={handle_cmp_msyfpfia_ifhdq_onChange} />\n          <UiKit.Input invalid={false} rows={3} prefix={\"Normalized Name :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"NormalizedName\")) ?? \"\"} onChange={handle_cmp_msyjl707_crcn7_onChange} />\n          <UiKit.Input invalid={false} rows={3} prefix={\"Concurrent Stamp : \"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"ConcurrencyStamp\")) ?? \"\"} onChange={handle_cmp_msyjdodn_u3o74_onChange} />\n          <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsDefault\")) ?? false} onChange={handle_cmp_msyje9ys_2c08a_onChange}>\n            {\"Is Default\"}\n          </UiKit.Checkbox>\n          <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsStatic\")) ?? false} onChange={handle_cmp_msyjebu2_27tqi_onChange}>\n            {\"Is Static\"}\n          </UiKit.Checkbox>\n          <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsPublic\")) ?? false} onChange={handle_cmp_msyjmetn_gojol_onChange}>\n            {\"Is Public\"}\n          </UiKit.Checkbox>\n          <UiKit.Input invalid={false} rows={3} prefix={\"Entity Version : \"} size={\"md\"} textArea={false} type={\"number\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"EntityVersion\")) ?? \"\"} onChange={handle_cmp_msyjo0g8_oathk_onChange} />\n          <UiKit.Input invalid={false} rows={3} prefix={\"Extra Properties :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"ExtraProperties\")) ?? \"\"} onChange={handle_cmp_msyjplfq_py8lz_onChange} />\n          <div className=\"flex flex-wrap items-center gap-2 border-t border-slate-200 pt-3 dark:border-slate-800\">\n            {sqlRows_cmp_msyfmegt_jkkn3.length > 1 ? (\n              <>\n                <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || sqlIndex_cmp_msyfmegt_jkkn3 <= 0} onClick={sqlPrev_cmp_msyfmegt_jkkn3}>Önceki</button>\n                <span className=\"text-xs text-slate-500\">{`${sqlIndex_cmp_msyfmegt_jkkn3 + 1} / ${sqlRows_cmp_msyfmegt_jkkn3.length}`}</span>\n                <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || sqlIndex_cmp_msyfmegt_jkkn3 >= sqlRows_cmp_msyfmegt_jkkn3.length - 1} onClick={sqlNext_cmp_msyfmegt_jkkn3}>Sonraki</button>\n                <span className=\"mx-1 h-5 w-px bg-slate-300 dark:bg-slate-700\" />\n              </>\n            ) : null}\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqlinsert_cmp_msyfmegt_jkkn3} onClick={sqlNew_cmp_msyfmegt_jkkn3}>Yeni</button>\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 bg-sky-600 text-white hover:bg-sky-700\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !(sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? sqlinsert_cmp_msyfmegt_jkkn3 : sqlupdate_cmp_msyfmegt_jkkn3)} onClick={() => { void sqlSave_cmp_msyfmegt_jkkn3() }}>Kaydet</button>\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 bg-red-600 text-white hover:bg-red-700\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqldelete_cmp_msyfmegt_jkkn3 || !sqlHasKey_cmp_msyfmegt_jkkn3 || sqlMode_cmp_msyfmegt_jkkn3 === \"new\"} onClick={() => { void sqlDelete_cmp_msyfmegt_jkkn3() }}>Sil</button>\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqlselect_cmp_msyfmegt_jkkn3} onClick={() => { void sqlRefresh_cmp_msyfmegt_jkkn3() }}>Yenile</button>\n            <span className=\"ml-auto text-[10px] uppercase tracking-wider text-slate-400\">{sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? \"Yeni kayıt\" : \"Düzenleme\"}</span>\n          </div>\n          {sqlError_cmp_msyfmegt_jkkn3 ? <div className=\"rounded-md bg-red-50 px-3 py-2 text-xs text-red-700 dark:bg-red-950 dark:text-red-200\">{sqlError_cmp_msyfmegt_jkkn3}</div> : null}\n        </div>\n      </UiKit.Card>\n      <div className=\"mt-4\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(3, minmax(0, 1fr))\", gap: 16 }}>\n        {(() => {\n          const gridItems_cmp_mszv8oos_flc9k = (Array.isArray(getByPath(data_source_ai_ikts7, \"\")) ? getByPath(data_source_ai_ikts7, \"\") : Array.isArray(data_source_ai_ikts7) ? data_source_ai_ikts7 : null)\n          // Nothing loaded yet — an endpoint still in flight, or a required filter\n          // holding the request back — is an empty grid, not a binding error.\n          if (gridItems_cmp_mszv8oos_flc9k === null || gridItems_cmp_mszv8oos_flc9k === undefined) return null\n          if (!Array.isArray(gridItems_cmp_mszv8oos_flc9k)) return <div className=\"rounded-lg border border-amber-300 bg-amber-50 p-3 text-xs text-amber-800 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-200\">Grid items bağlantısı bir koleksiyon döndürmelidir.</div>\n          const gridColumns_cmp_mszv8oos_flc9k = [\"UserId\",\"RoleId\",\"TenantId\"]\n          if (!gridColumns_cmp_mszv8oos_flc9k.length) return <div className=\"rounded-lg border border-dashed border-slate-300 bg-slate-50 p-4 text-center text-xs text-slate-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400\">Preview için en az bir sütun seçin.</div>\n          return (\n            <div className=\"min-w-0 overflow-auto rounded-lg border border-slate-200 bg-white shadow-sm dark:border-slate-700 dark:bg-slate-900\" style={{ gridColumn: \"1 / -1\" }}>\n              <table className=\"w-full border-collapse text-left text-xs\">\n                <thead className=\"bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-200\"><tr>\n                  {gridColumns_cmp_mszv8oos_flc9k.map((column) => <th key={column} className=\"whitespace-nowrap border-b border-slate-200 dark:border-slate-700 px-3 py-2\">{column === \"value\" ? \"Value\" : column}</th>)}\n                </tr></thead>\n                <tbody>\n                  {gridItems_cmp_mszv8oos_flc9k.map((gridItem_cmp_mszv8oos_flc9k, rowIndex) => (\n                    <tr key={rowIndex} className=\"border-b border-slate-100 last:border-b-0 dark:border-slate-800 transition-colors hover:bg-slate-50 dark:hover:bg-slate-800/70\">\n                      {gridColumns_cmp_mszv8oos_flc9k.map((column) => {\n                        const cellValue_cmp_mszv8oos_flc9k = column === \"value\" ? gridItem_cmp_mszv8oos_flc9k : getByPath(gridItem_cmp_mszv8oos_flc9k, column)\n                        const text = typeof cellValue_cmp_mszv8oos_flc9k === \"object\" && cellValue_cmp_mszv8oos_flc9k !== null && !(cellValue_cmp_mszv8oos_flc9k instanceof Date) ? JSON.stringify(cellValue_cmp_mszv8oos_flc9k) : formatLocaleValue(cellValue_cmp_mszv8oos_flc9k) || \"—\"\n                        return <td key={column} className=\"max-w-64 truncate text-slate-800 dark:text-slate-100 px-3 py-2\" title={text}>{text}</td>\n                      })}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )\n        })()}\n      </div>\n      {platformParams_cmp_mt01eo16_g44d1 === null ? null : (\n        <PlatformViewHost view=\"Grid\" listFormCode=\"AbpIdentity.Roles\" height=\"520px\" searchParams={platformParams_cmp_mt01eo16_g44d1} />\n      )}\n    </>\n  )\n}\n\nexport default RoleComponent",
-      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_msyfmegt_jkkn3\",\"type\":\"Form\",\"kind\":\"layout\",\"props\":{\"selectEndpoint\":\"source_5w_5ibpv\",\"insertEndpoint\":\"source_h3_484qa\",\"updateEndpoint\":\"source_gb_d9cvs\",\"deleteEndpoint\":\"source_0t_avok9\",\"keyFieldName\":\"id\",\"collectionPath\":\"\",\"keySource\":\"query\",\"keyParamName\":\"id\",\"previewKeyValue\":\"\",\"autoLoad\":true,\"showToolbar\":true,\"gap\":16,\"className\":\"\",\"title\":\"Rol Tanımlama\"},\"events\":{\"onLoad\":\"\",\"onRecordChange\":\"\",\"onFieldChange\":\"\",\"onNewRecord\":\"\",\"onModeChange\":\"\",\"onBeforeSave\":\"\",\"onAfterSave\":\"\",\"onBeforeDelete\":\"\",\"onAfterDelete\":\"\",\"onError\":\"\"},\"bindings\":{},\"children\":[{\"id\":\"cmp_msyfpfia_ifhdq\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Name :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"Name\"}},\"children\":[],\"ref\":\"input1\"},{\"id\":\"cmp_msyjl707_crcn7\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Normalized Name :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"NormalizedName\"}},\"children\":[],\"ref\":\"input2\"},{\"id\":\"cmp_msyjdodn_u3o74\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Concurrent Stamp : \",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"ConcurrencyStamp\"}},\"children\":[],\"ref\":\"input3\"},{\"id\":\"cmp_msyje9ys_2c08a\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Default\",\"style\":{},\"sqlDefaultValue\":\"true\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsDefault\"}},\"children\":[],\"ref\":\"checkbox1\"},{\"id\":\"cmp_msyjebu2_27tqi\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Static\",\"style\":{},\"sqlDefaultValue\":\"true\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsStatic\"}},\"children\":[],\"ref\":\"checkbox2\"},{\"id\":\"cmp_msyjmetn_gojol\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Public\",\"style\":{},\"sqlDefaultValue\":\"false\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsPublic\"}},\"children\":[],\"ref\":\"checkbox3\"},{\"id\":\"cmp_msyjo0g8_oathk\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Entity Version : \",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"number\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"3\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"EntityVersion\"}},\"children\":[],\"ref\":\"input4\"},{\"id\":\"cmp_msyjplfq_py8lz\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Extra Properties :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"{}\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"ExtraProperties\"}},\"children\":[],\"ref\":\"input5\"}],\"ref\":\"form1\"},{\"id\":\"cmp_mszv8oos_flc9k\",\"type\":\"Grid\",\"kind\":\"ui\",\"props\":{\"hoverable\":true,\"overflow\":true,\"borderlessRow\":false,\"compact\":false,\"cols\":\"3\",\"rows\":\"2\",\"gap\":\"4\",\"colGap\":\"4\",\"rowGap\":\"4\",\"responsive\":true,\"smCols\":\"1\",\"mdCols\":\"2\",\"lgCols\":\"3\",\"xlCols\":\"4\",\"autoFit\":false,\"minColWidth\":\"200px\",\"height\":\"auto\",\"className\":\"mt-4\",\"items\":[{\"id\":\"grid-item-1\",\"content\":\"Grid Item 1\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":1,\"rowStart\":1,\"className\":\"bg-blue-100 p-4 border rounded\"},{\"id\":\"grid-item-2\",\"content\":\"Grid Item 2\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":2,\"rowStart\":1,\"className\":\"bg-green-100 p-4 border rounded\"},{\"id\":\"grid-item-3\",\"content\":\"Grid Item 3\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":3,\"rowStart\":1,\"className\":\"bg-yellow-100 p-4 border rounded\"},{\"id\":\"grid-item-4\",\"content\":\"Grid Item 4\",\"colSpan\":2,\"rowSpan\":1,\"colStart\":1,\"rowStart\":2,\"className\":\"bg-purple-100 p-4 border rounded\"},{\"id\":\"grid-item-5\",\"content\":\"Grid Item 5\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":3,\"rowStart\":2,\"className\":\"bg-red-100 p-4 border rounded\"}],\"dataColumns\":[\"UserId\",\"RoleId\",\"TenantId\"]},\"events\":{},\"bindings\":{\"items\":{\"sourceId\":\"source_ai_ikts7\",\"path\":\"\"}},\"children\":[],\"ref\":\"grid1\"},{\"id\":\"cmp_mt01eo16_g44d1\",\"type\":\"DataGridView\",\"kind\":\"platform\",\"props\":{\"listFormCode\":\"AbpIdentity.Roles\",\"height\":\"520px\",\"filters\":[{\"id\":\"filter_pa_8bktt\",\"field\":\"Id\",\"operator\":\"eq\",\"source\":\"record\",\"value\":\"form1.id\",\"previewValue\":\"\",\"required\":true}],\"className\":\"mt-4\"},\"events\":{},\"bindings\":{},\"children\":[],\"ref\":\"dataGridView1\"}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[{\"id\":\"source_5w_5ibpv\",\"name\":\"AbpRoles · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpRoles\",\"responsePath\":\"\"},{\"id\":\"source_i7_msox4\",\"name\":\"AbpRoles · GetById\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\",\"filters\":[{\"id\":\"filter_gh_2edo0\",\"field\":\"\",\"operator\":\"eq\",\"source\":\"static\",\"value\":\"\",\"previewValue\":\"\",\"required\":false}]},{\"id\":\"source_0t_avok9\",\"name\":\"AbpRoles · Delete\",\"method\":\"DELETE\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_h3_484qa\",\"name\":\"AbpRoles · Create\",\"method\":\"POST\",\"url\":\"/api/app/crudendpoint/AbpRoles\",\"responsePath\":\"\"},{\"id\":\"source_gb_d9cvs\",\"name\":\"AbpRoles · Update\",\"method\":\"PUT\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_ai_ikts7\",\"name\":\"AbpUserRoles · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUserRoles\",\"responsePath\":\"\",\"filters\":[{\"id\":\"filter_es_6evg5\",\"field\":\"RoleId\",\"operator\":\"eq\",\"source\":\"record\",\"value\":\"form1.id\",\"previewValue\":\"\",\"required\":true}]}]}}",
+      "Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22type%22%3A%22Form%22%2C%22kind%22%3A%22layout%22%2C%22props%22%3A%7B%22selectEndpoint%22%3A%22source_5w_5ibpv%22%2C%22insertEndpoint%22%3A%22source_h3_484qa%22%2C%22updateEndpoint%22%3A%22source_gb_d9cvs%22%2C%22deleteEndpoint%22%3A%22source_0t_avok9%22%2C%22keyFieldName%22%3A%22id%22%2C%22collectionPath%22%3A%22%22%2C%22keySource%22%3A%22query%22%2C%22keyParamName%22%3A%22id%22%2C%22previewKeyValue%22%3A%22%22%2C%22autoLoad%22%3Atrue%2C%22showToolbar%22%3Atrue%2C%22gap%22%3A16%2C%22className%22%3A%22%22%2C%22title%22%3A%22%3A%3AAbpIdentity.Roles%22%7D%2C%22events%22%3A%7B%22onLoad%22%3A%22%22%2C%22onRecordChange%22%3A%22%22%2C%22onFieldChange%22%3A%22%22%2C%22onNewRecord%22%3A%22%22%2C%22onModeChange%22%3A%22%22%2C%22onBeforeSave%22%3A%22%22%2C%22onAfterSave%22%3A%22%22%2C%22onBeforeDelete%22%3A%22%22%2C%22onAfterDelete%22%3A%22%22%2C%22onError%22%3A%22%22%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_msyfpfia_ifhdq%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Name%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22Name%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input1%22%7D%2C%7B%22id%22%3A%22cmp_msyjl707_crcn7%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Normalized%20Name%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22NormalizedName%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input2%22%7D%2C%7B%22id%22%3A%22cmp_msyjdodn_u3o74%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Concurrent%20Stamp%20%3A%20%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22ConcurrencyStamp%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input3%22%7D%2C%7B%22id%22%3A%22cmp_msyje9ys_2c08a%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Default%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22true%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsDefault%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox1%22%7D%2C%7B%22id%22%3A%22cmp_msyjebu2_27tqi%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Static%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22true%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsStatic%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox2%22%7D%2C%7B%22id%22%3A%22cmp_msyjmetn_gojol%22%2C%22type%22%3A%22Checkbox%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22checked%22%3Afalse%2C%22color%22%3A%22blue-500%22%2C%22disabled%22%3Afalse%2C%22labelRef%22%3A%22%22%2C%22name%22%3A%22%22%2C%22readOnly%22%3Afalse%2C%22value%22%3A%22%22%2C%22field%22%3Anull%2C%22className%22%3A%22%22%2C%22children%22%3A%22Is%20Public%22%2C%22style%22%3A%7B%7D%2C%22sqlDefaultValue%22%3A%22false%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22checked%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22IsPublic%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22checkbox3%22%7D%2C%7B%22id%22%3A%22cmp_msyjo0g8_oathk%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Entity%20Version%20%3A%20%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22number%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%223%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22EntityVersion%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input4%22%7D%2C%7B%22id%22%3A%22cmp_msyjplfq_py8lz%22%2C%22type%22%3A%22Input%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22asElement%22%3A%22%22%2C%22disabled%22%3Afalse%2C%22invalid%22%3Afalse%2C%22rows%22%3A3%2C%22prefix%22%3A%22Extra%20Properties%20%3A%22%2C%22size%22%3A%22md%22%2C%22suffix%22%3A%22%22%2C%22textArea%22%3Afalse%2C%22type%22%3A%22text%22%2C%22unstyle%22%3Afalse%2C%22field%22%3A%22%22%2C%22form%22%3A%22%22%2C%22className%22%3A%22%22%2C%22children%22%3A%22%22%2C%22style%22%3A%7B%7D%2C%22placeholder%22%3A%22Metin%20girin...%22%2C%22value%22%3A%22%22%2C%22name%22%3A%22%22%2C%22autoComplete%22%3A%22off%22%2C%22autoFocus%22%3Afalse%2C%22readOnly%22%3Afalse%2C%22required%22%3Afalse%2C%22maxLength%22%3A%22%22%2C%22minLength%22%3A%22%22%2C%22pattern%22%3A%22%22%2C%22sqlDefaultValue%22%3A%22%7B%7D%22%7D%2C%22events%22%3A%7B%22onChange%22%3A%22%22%7D%2C%22bindings%22%3A%7B%22value%22%3A%7B%22sourceId%22%3A%22cmp_msyfmegt_jkkn3%22%2C%22path%22%3A%22ExtraProperties%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22input5%22%7D%5D%2C%22ref%22%3A%22form1%22%7D%2C%7B%22id%22%3A%22cmp_mt023r5u_rb2jv%22%2C%22type%22%3A%22Grid%22%2C%22kind%22%3A%22ui%22%2C%22props%22%3A%7B%22hoverable%22%3Atrue%2C%22overflow%22%3Atrue%2C%22borderlessRow%22%3Afalse%2C%22compact%22%3Afalse%2C%22cols%22%3A%223%22%2C%22rows%22%3A%222%22%2C%22gap%22%3A%224%22%2C%22colGap%22%3A%224%22%2C%22rowGap%22%3A%224%22%2C%22responsive%22%3Atrue%2C%22smCols%22%3A%221%22%2C%22mdCols%22%3A%222%22%2C%22lgCols%22%3A%223%22%2C%22xlCols%22%3A%224%22%2C%22autoFit%22%3Afalse%2C%22minColWidth%22%3A%22200px%22%2C%22height%22%3A%22auto%22%2C%22className%22%3A%22mt-4%22%2C%22items%22%3A%5B%7B%22id%22%3A%22grid-item-1%22%2C%22content%22%3A%22Grid%20Item%201%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A1%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-blue-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-2%22%2C%22content%22%3A%22Grid%20Item%202%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A2%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-green-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-3%22%2C%22content%22%3A%22Grid%20Item%203%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A3%2C%22rowStart%22%3A1%2C%22className%22%3A%22bg-yellow-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-4%22%2C%22content%22%3A%22Grid%20Item%204%22%2C%22colSpan%22%3A2%2C%22rowSpan%22%3A1%2C%22colStart%22%3A1%2C%22rowStart%22%3A2%2C%22className%22%3A%22bg-purple-100%20p-4%20border%20rounded%22%7D%2C%7B%22id%22%3A%22grid-item-5%22%2C%22content%22%3A%22Grid%20Item%205%22%2C%22colSpan%22%3A1%2C%22rowSpan%22%3A1%2C%22colStart%22%3A3%2C%22rowStart%22%3A2%2C%22className%22%3A%22bg-red-100%20p-4%20border%20rounded%22%7D%5D%2C%22dataColumns%22%3A%5B%22UserId%22%5D%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%22items%22%3A%7B%22sourceId%22%3A%22source_tq_veb4m%22%2C%22path%22%3A%22%22%7D%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22grid1%22%7D%2C%7B%22id%22%3A%22cmp_mt0288i3_ebpj5%22%2C%22type%22%3A%22ListView%22%2C%22kind%22%3A%22platform%22%2C%22props%22%3A%7B%22listFormCode%22%3A%22AbpIdentity.Roles%22%2C%22height%22%3A%22520px%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_y9_tr73w%22%2C%22field%22%3A%22Id%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22record%22%2C%22value%22%3A%22form1.id%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Atrue%7D%5D%2C%22className%22%3A%22mt-4%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%2C%22ref%22%3A%22listView1%22%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%7B%22id%22%3A%22source_5w_5ibpv%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_i7_msox4%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20GetById%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_0t_avok9%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Delete%22%2C%22method%22%3A%22DELETE%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_h3_484qa%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Create%22%2C%22method%22%3A%22POST%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_gb_d9cvs%22%2C%22name%22%3A%22AbpRoles%20%C2%B7%20Update%22%2C%22method%22%3A%22PUT%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%2C%7B%22id%22%3A%22source_tq_veb4m%22%2C%22name%22%3A%22AbpUserRoles%20%C2%B7%20GetList%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUserRoles%22%2C%22responsePath%22%3A%22%22%2C%22filters%22%3A%5B%7B%22id%22%3A%22filter_sw_86e0q%22%2C%22field%22%3A%22RoleId%22%2C%22operator%22%3A%22eq%22%2C%22source%22%3A%22record%22%2C%22value%22%3A%22form1.id%22%2C%22previewValue%22%3A%22%22%2C%22required%22%3Atrue%7D%5D%7D%2C%7B%22id%22%3A%22source_d2_bri5s%22%2C%22name%22%3A%22AbpUserRoles%20%C2%B7%20GetById%22%2C%22method%22%3A%22GET%22%2C%22url%22%3A%22%2Fapi%2Fapp%2Fcrudendpoint%2FAbpUserRoles%2F%7Bid%7D%22%2C%22responsePath%22%3A%22%22%7D%5D%7D__*/\nconst RoleComponent = () => {\n  const getByPath = (value, path) => {\n    if (!path) return value\n    const readPath = (target, targetPath) => targetPath.split('.').filter(Boolean).reduce((current, key) => current?.[key], target)\n    const directValue = readPath(value, path)\n    if (directValue !== undefined) return directValue\n    if (path.startsWith('result.')) return readPath(value, path.slice('result.'.length))\n    return value?.result === undefined ? undefined : readPath(value.result, path)\n  }\n\n  const localeCulture = () => (typeof document !== \"undefined\" && document.documentElement.lang) || \"en\"\n  const localeDateOptions = { year: \"numeric\", month: \"2-digit\", day: \"2-digit\" }\n  const localeTimeOptions = { year: \"numeric\", month: \"2-digit\", day: \"2-digit\", hour: \"2-digit\", minute: \"2-digit\" }\n  const localeIsoPattern = /^(\\d{4})-(\\d{2})-(\\d{2})(?:[T ](\\d{2}):(\\d{2})(?::(\\d{2})(?:\\.\\d+)?)?(Z|[+-]\\d{2}:?\\d{2})?)?$/\n  const formatLocaleValue = (value) => {\n    if (value === null || value === undefined) return \"\"\n    const culture = localeCulture()\n    if (typeof value === \"number\") {\n      if (!Number.isFinite(value)) return String(value)\n      return new Intl.NumberFormat(culture, { useGrouping: false, maximumFractionDigits: 20 }).format(value)\n    }\n    if (value instanceof Date) {\n      return Number.isNaN(value.getTime()) ? \"\" : new Intl.DateTimeFormat(culture, localeTimeOptions).format(value)\n    }\n    if (typeof value !== \"string\") return String(value)\n    const parts = localeIsoPattern.exec(value.trim())\n    if (!parts) return value\n    const parsed = new Date(value)\n    if (Number.isNaN(parsed.getTime())) return value\n    if (parts[4] === undefined) {\n      const day = new Date(Number(parts[1]), Number(parts[2]) - 1, Number(parts[3]))\n      return new Intl.DateTimeFormat(culture, localeDateOptions).format(day)\n    }\n    return new Intl.DateTimeFormat(culture, localeTimeOptions).format(parsed)\n  }\n\n  const readSqlField = (record, field) => {\n    if (!record || typeof record !== \"object\" || Array.isArray(record)) return undefined\n    if (field in record) return record[field]\n    const matched = Object.keys(record).find((key) => key.toLowerCase() === String(field).toLowerCase())\n    return matched === undefined ? undefined : record[matched]\n  }\n  const toSqlRows = (value, collectionPath) => {\n    const source = collectionPath ? getByPath(value, collectionPath) : value\n    const rows = Array.isArray(source)\n      ? source\n      : source && typeof source === \"object\"\n        ? (Array.isArray(source.items) ? source.items : [source])\n        : []\n    return rows.filter((item) => item && typeof item === \"object\" && !Array.isArray(item))\n  }\n  const setSqlField = (record, path, value) => {\n    const keys = String(path || \"\").split(\".\").filter(Boolean)\n    if (!keys.length) return record\n    const next = { ...(record || {}) }\n    let target = next\n    for (let index = 0; index < keys.length - 1; index += 1) {\n      const child = target[keys[index]]\n      target[keys[index]] = child && typeof child === \"object\" && !Array.isArray(child) ? { ...child } : {}\n      target = target[keys[index]]\n    }\n    target[keys[keys.length - 1]] = value\n    return next\n  }\n  const bindSqlUrl = (url, record, keyField) => {\n    let keyBound = false\n    const boundUrl = String(url).replace(/\\{([^}]+)\\}|(?<=\\/):([A-Za-z_][A-Za-z0-9_]*)/g, (match, braced, colon) => {\n      const name = (braced || colon || \"\").trim()\n      if (!name) return match\n      const value = readSqlField(record, name) ?? readSqlField(record, keyField)\n      if (value === undefined || value === null || value === \"\") return match\n      if (name.toLowerCase() === String(keyField).toLowerCase()) keyBound = true\n      return encodeURIComponent(String(value))\n    })\n    return { url: boundUrl, keyBound }\n  }\n  const appendQueryParam = (url, name, value) =>\n    url + (url.includes(\"?\") ? \"&\" : \"?\") + encodeURIComponent(name) + \"=\" + encodeURIComponent(value)\n  const hasSqlUrlParams = (url) => /\\{[^}]+\\}|(?<=\\/):[A-Za-z_][A-Za-z0-9_]*/.test(String(url))\n  const readUrlKey = (source, name) => {\n    if (typeof window === \"undefined\") return \"\"\n    if (source === \"query\") return new URLSearchParams(window.location.search).get(name) ?? \"\"\n    const segments = window.location.pathname.split(\"/\").filter(Boolean)\n    return segments.length ? decodeURIComponent(segments[segments.length - 1]) : \"\"\n  }\n  const filterSqlRowsByKey = (rows, keyField, keyValue) => {\n    if (!keyValue) return rows\n    const matched = rows.filter((row) => String(readSqlField(row, keyField) ?? \"\") === String(keyValue))\n    // No match means the endpoint already filtered server side, or the key column\n    // is named differently — keeping the rows beats showing an empty form.\n    return matched.length ? matched : rows\n  }\n  // Update payload: only the columns the user actually edited, plus the key.\n  const toSqlChanges = (original, current, keyField) => {\n    const changes = {}\n    const isSame = (left, right) => JSON.stringify(left ?? null) === JSON.stringify(right ?? null)\n    Object.keys(current || {}).forEach((column) => {\n      if (!isSame(original ? original[column] : undefined, current[column])) changes[column] = current[column]\n    })\n    const keyColumn = Object.keys(current || {}).find((column) => column.toLowerCase() === String(keyField).toLowerCase())\n    if (keyColumn !== undefined && changes[keyColumn] === undefined) changes[keyColumn] = current[keyColumn]\n    return changes\n  }\n  const callSqlEndpoint = (target, record, keyField, payload) => {\n    // The URL is always bound from the full record: a placeholder may reference a\n    // column that the update payload does not carry.\n    const bound = bindSqlUrl(target.url, record, keyField)\n    const request = { url: bound.url, method: target.method }\n    if (target.method === \"POST\" || target.method === \"PUT\") request.data = payload === undefined ? record : payload\n    const keyValue = readSqlField(record, keyField)\n    const hasKey = keyValue !== undefined && keyValue !== null && keyValue !== \"\"\n    // The key still has to reach the endpoint when the URL carries no placeholder.\n    if (!bound.keyBound && hasKey && target.method !== \"POST\") request.params = { [keyField]: keyValue }\n    return apiService.fetchData(request)\n  }\n  // A new record starts at the top of the form: the first enabled editor takes the\n  // cursor, so a Yeni click is immediately followed by typing.\n  const focusFirstSqlField = (host) => {\n    if (typeof window === \"undefined\") return\n    window.requestAnimationFrame(() => {\n      const field = host.current?.querySelector(\"input:not([type='hidden']):not([disabled]):not([readonly]), textarea:not([disabled]):not([readonly]), select:not([disabled])\")\n      if (!field) return\n      field.focus()\n      if (typeof field.select === \"function\") field.select()\n    })\n  }\n  // Defaults declared on the bound children; only a new record starts from them.\n  const buildSqlDefaults = (fields) => fields.reduce((record, field) => setSqlField(record, field.path, resolveSqlDefault(field)), {})\n  const resolveSqlDefault = (field) => {\n    if (field.token !== \"today\" && field.token !== \"now\") return field.value\n    const now = new Date()\n    const pad = (value) => String(value).padStart(2, \"0\")\n    const day = now.getFullYear() + \"-\" + pad(now.getMonth() + 1) + \"-\" + pad(now.getDate())\n    if (field.token === \"today\" || field.dateOnly) return day\n    return day + \"T\" + pad(now.getHours()) + \":\" + pad(now.getMinutes()) + \":\" + pad(now.getSeconds())\n  }\n  const toSqlErrorMessage = (error) => error?.response?.data?.error?.message || error?.response?.data?.message || error?.message || \"İşlem tamamlanamadı.\"\n\n  // Value of a filter that reads the page URL: a query string parameter, or a\n  // path segment — the one after a segment named like the parameter, otherwise\n  // the last one, which is the /orders/{id} detail page shape.\n  const readDesignerUrlValue = (kind, name) => {\n    if (typeof window === \"undefined\") return \"\"\n    if (kind === \"query\") return new URLSearchParams(window.location.search).get(name) ?? \"\"\n    const segments = window.location.pathname.split(\"/\").filter(Boolean)\n    if (!segments.length) return \"\"\n    const index = name ? segments.findIndex((segment) => segment.toLowerCase() === String(name).toLowerCase()) : -1\n    if (index >= 0 && index < segments.length - 1) return decodeURIComponent(segments[index + 1])\n    return decodeURIComponent(segments[segments.length - 1])\n  }\n  // Filters are appended as query parameters: `Column` for an equality and\n  // `Column.operator` for anything else, which is what the endpoint parses.\n  // Returns \"\" when a required filter has no value yet — the caller must skip the\n  // request instead of loading the unfiltered collection.\n  const buildFilteredUrl = (url, filters) => {\n    const parts = []\n    for (const filter of filters || []) {\n      const value = filter.value === undefined || filter.value === null ? \"\" : String(filter.value)\n      if (!value) {\n        if (filter.required) return \"\"\n        continue\n      }\n      parts.push(encodeURIComponent(filter.param) + \"=\" + encodeURIComponent(value))\n    }\n    if (!parts.length) return url\n    return url + (url.includes(\"?\") ? \"&\" : \"?\") + parts.join(\"&\")\n  }\n\n  const buildPlatformFilterParams = (filters) => {\n    const expressions = []\n    for (const filter of filters || []) {\n      if (filter.kind === \"isnull\" || filter.kind === \"notnull\") {\n        expressions.push([filter.field, filter.operator, null])\n        continue\n      }\n      const value = filter.value === undefined || filter.value === null ? \"\" : String(filter.value)\n      if (!value) {\n        if (filter.required) return null\n        continue\n      }\n      if (filter.kind === \"in\") {\n        const entries = value.split(\",\").map((entry) => entry.trim()).filter(Boolean).map((entry) => [filter.field, \"=\", entry])\n        if (!entries.length) continue\n        expressions.push(entries.reduce((result, entry) => (result ? [result, \"or\", entry] : entry), null))\n        continue\n      }\n      expressions.push([filter.field, filter.operator, value])\n    }\n    const params = new URLSearchParams()\n    const merged = expressions.reduce((result, expression) => (result ? [result, \"and\", expression] : expression), null)\n    if (merged) params.set(\"filter\", JSON.stringify(merged))\n    return params\n  }\n\n  const [data_source_5w_5ibpv, setData_source_5w_5ibpv] = React.useState(null)\n  const [data_source_i7_msox4, setData_source_i7_msox4] = React.useState(null)\n  const [data_source_0t_avok9] = React.useState(null)\n  const [data_source_h3_484qa] = React.useState(null)\n  const [data_source_gb_d9cvs] = React.useState(null)\n  const [data_source_tq_veb4m, setData_source_tq_veb4m] = React.useState(null)\n  const [data_source_d2_bri5s, setData_source_d2_bri5s] = React.useState(null)\n\n  const sqlselect_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles\", method: \"GET\", responsePath: \"\" }\n  const sqlinsert_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles\", method: \"POST\", responsePath: \"\" }\n  const sqlupdate_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles/{id}\", method: \"PUT\", responsePath: \"\" }\n  const sqldelete_cmp_msyfmegt_jkkn3 = { url: \"/api/app/crudendpoint/AbpRoles/{id}\", method: \"DELETE\", responsePath: \"\" }\n  const sqlKey_cmp_msyfmegt_jkkn3 = \"id\"\n  const sqlKeyParam_cmp_msyfmegt_jkkn3 = \"id\"\n  const [data_cmp_msyfmegt_jkkn3, setData_cmp_msyfmegt_jkkn3] = React.useState({})\n  const [sqlOriginal_cmp_msyfmegt_jkkn3, setSqlOriginal_cmp_msyfmegt_jkkn3] = React.useState({})\n  const [sqlMode_cmp_msyfmegt_jkkn3, setSqlMode_cmp_msyfmegt_jkkn3] = React.useState(\"edit\")\n  const [sqlIndex_cmp_msyfmegt_jkkn3, setSqlIndex_cmp_msyfmegt_jkkn3] = React.useState(0)\n  const [sqlBusy_cmp_msyfmegt_jkkn3, setSqlBusy_cmp_msyfmegt_jkkn3] = React.useState(false)\n  const [sqlError_cmp_msyfmegt_jkkn3, setSqlError_cmp_msyfmegt_jkkn3] = React.useState(\"\")\n  // Container element, so New can hand the cursor to the first field of the form.\n  const sqlHost_cmp_msyfmegt_jkkn3 = React.useRef(null)\n  // The Select key can come from the page URL, which is how a detail page reads\n  // /api/app/orders/{id} or /api/app/orders?id=… for a single record.\n  const sqlUrlKey_cmp_msyfmegt_jkkn3 = readUrlKey(\"query\", sqlKeyParam_cmp_msyfmegt_jkkn3)\n  const sqlSelectUrl_cmp_msyfmegt_jkkn3 = React.useMemo(() => {\n    if (!sqlselect_cmp_msyfmegt_jkkn3) return \"\"\n    const base = sqlUrlKey_cmp_msyfmegt_jkkn3\n      ? (() => {\n          const bound = bindSqlUrl(sqlselect_cmp_msyfmegt_jkkn3.url, { [sqlKeyParam_cmp_msyfmegt_jkkn3]: sqlUrlKey_cmp_msyfmegt_jkkn3 }, sqlKeyParam_cmp_msyfmegt_jkkn3)\n          return bound.keyBound ? bound.url : appendQueryParam(bound.url, sqlKeyParam_cmp_msyfmegt_jkkn3, sqlUrlKey_cmp_msyfmegt_jkkn3)\n        })()\n      : sqlselect_cmp_msyfmegt_jkkn3.url\n    return base\n  }, [sqlUrlKey_cmp_msyfmegt_jkkn3])\n  // A key in the page URL always narrows the result: a list endpoint ignores the\n  // parameter server side, so the requested record is picked out here. Without a\n  // key every row is kept and the navigation below takes over.\n  const sqlRows_cmp_msyfmegt_jkkn3 = React.useMemo(\n    () => filterSqlRowsByKey(toSqlRows(data_source_5w_5ibpv, \"\"), sqlKey_cmp_msyfmegt_jkkn3, sqlUrlKey_cmp_msyfmegt_jkkn3),\n    [data_source_5w_5ibpv, sqlUrlKey_cmp_msyfmegt_jkkn3],\n  )\n  // A fresh result set resets the position; New mode is left untouched so an\n  // unsaved draft is not overwritten by a re-render.\n  React.useEffect(() => {\n    setSqlIndex_cmp_msyfmegt_jkkn3((current) => (current < sqlRows_cmp_msyfmegt_jkkn3.length ? current : 0))\n  }, [sqlRows_cmp_msyfmegt_jkkn3])\n  React.useEffect(() => {\n    const row = sqlRows_cmp_msyfmegt_jkkn3[sqlIndex_cmp_msyfmegt_jkkn3]\n    if (!row) return\n    setData_cmp_msyfmegt_jkkn3(row)\n    setSqlOriginal_cmp_msyfmegt_jkkn3(row)\n    setSqlMode_cmp_msyfmegt_jkkn3(\"edit\")\n  }, [sqlRows_cmp_msyfmegt_jkkn3, sqlIndex_cmp_msyfmegt_jkkn3])\n  const sqlHasKey_cmp_msyfmegt_jkkn3 = (() => {\n    const value = readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n    return value !== undefined && value !== null && value !== \"\"\n  })()\n  const sqlSetField_cmp_msyfmegt_jkkn3 = React.useCallback((path, value) => setData_cmp_msyfmegt_jkkn3((current) => setSqlField(current, path, value)), [])\n  const sqlReload_cmp_msyfmegt_jkkn3 = React.useCallback(async () => {\n    if (!sqlSelectUrl_cmp_msyfmegt_jkkn3) return\n    // Calling a URL that still holds a placeholder is a guaranteed 400, so the\n    // missing key is reported in the component instead.\n    if (hasSqlUrlParams(sqlSelectUrl_cmp_msyfmegt_jkkn3)) {\n      throw new Error(\"Select endpointi \" + sqlKeyParam_cmp_msyfmegt_jkkn3 + \" parametresini bekliyor; sayfa adresinde bulunamadı.\")\n    }\n    const response = await apiService.fetchData({ url: sqlSelectUrl_cmp_msyfmegt_jkkn3, method: \"GET\" })\n    setData_source_5w_5ibpv(getByPath(response.data, sqlselect_cmp_msyfmegt_jkkn3.responsePath))\n  }, [sqlSelectUrl_cmp_msyfmegt_jkkn3])\n  // Reload wrapped with the busy/error handling the toolbar and mount effect need,\n  // so a failing Select is reported in the component instead of the console.\n  const sqlRefresh_cmp_msyfmegt_jkkn3 = React.useCallback(async () => {\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      await sqlReload_cmp_msyfmegt_jkkn3()\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }, [sqlReload_cmp_msyfmegt_jkkn3])\n  const sqlNew_cmp_msyfmegt_jkkn3 = React.useCallback(() => {\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    // Defaults are resolved on every New, so an @today column carries the day the\n    // record was opened rather than the day the component was generated.\n    const sqlDraft_cmp_msyfmegt_jkkn3 = buildSqlDefaults([{\"path\":\"IsDefault\",\"value\":true},{\"path\":\"IsStatic\",\"value\":true},{\"path\":\"IsPublic\",\"value\":false},{\"path\":\"EntityVersion\",\"value\":3},{\"path\":\"ExtraProperties\",\"value\":\"{}\"}])\n    setData_cmp_msyfmegt_jkkn3(sqlDraft_cmp_msyfmegt_jkkn3)\n    setSqlOriginal_cmp_msyfmegt_jkkn3({})\n    setSqlMode_cmp_msyfmegt_jkkn3(\"new\")\n    // After the re-render that paints the empty form, not before it.\n    focusFirstSqlField(sqlHost_cmp_msyfmegt_jkkn3)\n  }, [])\n  const sqlPrev_cmp_msyfmegt_jkkn3 = React.useCallback(() => setSqlIndex_cmp_msyfmegt_jkkn3((current) => Math.max(0, current - 1)), [])\n  const sqlNext_cmp_msyfmegt_jkkn3 = React.useCallback(() => setSqlIndex_cmp_msyfmegt_jkkn3((current) => Math.min(sqlRows_cmp_msyfmegt_jkkn3.length - 1, current + 1)), [sqlRows_cmp_msyfmegt_jkkn3])\n  const sqlSave_cmp_msyfmegt_jkkn3 = async () => {\n    const isNew = sqlMode_cmp_msyfmegt_jkkn3 === \"new\"\n    const target = isNew ? sqlinsert_cmp_msyfmegt_jkkn3 : sqlupdate_cmp_msyfmegt_jkkn3\n    if (!target) {\n      setSqlError_cmp_msyfmegt_jkkn3(isNew ? \"Insert için POST endpointi tanımlı değil.\" : \"Update için PUT endpointi tanımlı değil.\")\n      return\n    }\n    // Update carries only the edited columns plus the key; Insert sends the record.\n    const payload = isNew ? data_cmp_msyfmegt_jkkn3 : toSqlChanges(sqlOriginal_cmp_msyfmegt_jkkn3, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n    if (!isNew && Object.keys(payload).filter((column) => column.toLowerCase() !== String(sqlKey_cmp_msyfmegt_jkkn3).toLowerCase()).length === 0) {\n      setSqlError_cmp_msyfmegt_jkkn3(\"Kaydedilecek bir değişiklik yok.\")\n      return\n    }\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      const response = await callSqlEndpoint(target, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3, payload)\n      // With a Select endpoint the reload is the source of truth and its effect\n      // repopulates the form; without one, the response row is all there is.\n      if (sqlselect_cmp_msyfmegt_jkkn3) {\n        await sqlReload_cmp_msyfmegt_jkkn3()\n      } else {\n        const saved = toSqlRows(response?.data, \"\")[0]\n        if (saved) {\n          setData_cmp_msyfmegt_jkkn3(saved)\n          setSqlOriginal_cmp_msyfmegt_jkkn3(saved)\n        }\n      }\n      setSqlMode_cmp_msyfmegt_jkkn3(\"edit\")\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }\n  const sqlDelete_cmp_msyfmegt_jkkn3 = async () => {\n    if (!sqldelete_cmp_msyfmegt_jkkn3 || !sqlHasKey_cmp_msyfmegt_jkkn3 || sqlMode_cmp_msyfmegt_jkkn3 === \"new\") return\n    // Deleting cannot be undone from the form, so it always asks first.\n    const confirmMessage = sqlKey_cmp_msyfmegt_jkkn3 + \" = \" + readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3) + \" kaydı silinecek.\\n\\nOnaylıyor musunuz?\"\n    if (typeof window !== \"undefined\" && !window.confirm(confirmMessage)) return\n    setSqlBusy_cmp_msyfmegt_jkkn3(true)\n    setSqlError_cmp_msyfmegt_jkkn3(\"\")\n    try {\n      await callSqlEndpoint(sqldelete_cmp_msyfmegt_jkkn3, data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3)\n      setData_cmp_msyfmegt_jkkn3({})\n      setSqlOriginal_cmp_msyfmegt_jkkn3({})\n      setSqlMode_cmp_msyfmegt_jkkn3(\"new\")\n      await sqlReload_cmp_msyfmegt_jkkn3()\n    } catch (error) {\n      setSqlError_cmp_msyfmegt_jkkn3(toSqlErrorMessage(error))\n    } finally {\n      setSqlBusy_cmp_msyfmegt_jkkn3(false)\n    }\n  }\n  React.useEffect(() => { void sqlRefresh_cmp_msyfmegt_jkkn3() }, [sqlRefresh_cmp_msyfmegt_jkkn3])\n\n  const filters_source_tq_veb4m = [{ param: \"RoleId\", value: readSqlField(data_cmp_msyfmegt_jkkn3, \"id\"), required: true }]\n  const filterKey_source_tq_veb4m = JSON.stringify(filters_source_tq_veb4m)\n  React.useEffect(() => {\n    const url = buildFilteredUrl(\"/api/app/crudendpoint/AbpUserRoles\", filters_source_tq_veb4m)\n    // An unmet required filter leaves the component empty on purpose.\n    if (!url) {\n      setData_source_tq_veb4m(null)\n      return\n    }\n    let active = true\n    apiService.fetchData({ url, method: 'GET' }).then((response) => {\n      if (active) setData_source_tq_veb4m(getByPath(response.data, \"\"))\n    }).catch((error) => console.error(\"AbpUserRoles · GetList endpoint error:\", error))\n    return () => { active = false }\n  }, [filterKey_source_tq_veb4m])\n\n  const platformFilters_cmp_mt0288i3_ebpj5 = [{ field: \"Id\", operator: \"=\", kind: \"eq\", value: readSqlField(data_cmp_msyfmegt_jkkn3, \"id\"), required: true }]\n  const platformKey_cmp_mt0288i3_ebpj5 = JSON.stringify(platformFilters_cmp_mt0288i3_ebpj5)\n  // The views keep the params object in their own state and write back to it, so\n  // it must stay the same object until a filter value actually changes.\n  const platformParams_cmp_mt0288i3_ebpj5 = React.useMemo(() => buildPlatformFilterParams(platformFilters_cmp_mt0288i3_ebpj5), [platformKey_cmp_mt0288i3_ebpj5])\n\n  const handle_cmp_msyfpfia_ifhdq_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"Name\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjl707_crcn7_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"NormalizedName\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjdodn_u3o74_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"ConcurrencyStamp\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyje9ys_2c08a_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsDefault\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjebu2_27tqi_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsStatic\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjmetn_gojol_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"IsPublic\", typeof originalEvent === \"object\" && originalEvent?.target ? Boolean(originalEvent.target.checked) : typeof valueOrEvent === \"object\" && valueOrEvent?.target ? Boolean(valueOrEvent.target.checked) : Boolean(valueOrEvent))\n    const event = { checked: Boolean(valueOrEvent), originalEvent, target: originalEvent?.target }\n  }\n\n  const handle_cmp_msyjo0g8_oathk_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"EntityVersion\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  const handle_cmp_msyjplfq_py8lz_onChange = (valueOrEvent, originalEvent) => {\n    sqlSetField_cmp_msyfmegt_jkkn3(\"ExtraProperties\", valueOrEvent?.target?.value ?? valueOrEvent)\n    const event = valueOrEvent\n  }\n\n  return (\n    <>\n      <UiKit.Card bodyClass=\"p-4\" header={translate(\"::AbpIdentity.Roles\")} headerExtra={<span className=\"text-xs text-slate-500 dark:text-slate-400\">{sqlHasKey_cmp_msyfmegt_jkkn3 ? sqlKey_cmp_msyfmegt_jkkn3 + \": \" + readSqlField(data_cmp_msyfmegt_jkkn3, sqlKey_cmp_msyfmegt_jkkn3) : sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? \"Yeni kayıt\" : \"\"}</span>}>\n        <div ref={sqlHost_cmp_msyfmegt_jkkn3} className=\"\" style={{ display: \"flex\", flexDirection: \"column\", gap: 16 }}>\n          <UiKit.Input invalid={false} rows={3} prefix={\"Name :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"Name\")) ?? \"\"} onChange={handle_cmp_msyfpfia_ifhdq_onChange} />\n          <UiKit.Input invalid={false} rows={3} prefix={\"Normalized Name :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"NormalizedName\")) ?? \"\"} onChange={handle_cmp_msyjl707_crcn7_onChange} />\n          <UiKit.Input invalid={false} rows={3} prefix={\"Concurrent Stamp : \"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"ConcurrencyStamp\")) ?? \"\"} onChange={handle_cmp_msyjdodn_u3o74_onChange} />\n          <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsDefault\")) ?? false} onChange={handle_cmp_msyje9ys_2c08a_onChange}>\n            {\"Is Default\"}\n          </UiKit.Checkbox>\n          <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsStatic\")) ?? false} onChange={handle_cmp_msyjebu2_27tqi_onChange}>\n            {\"Is Static\"}\n          </UiKit.Checkbox>\n          <UiKit.Checkbox color={\"blue-500\"} field={null} style={{  }} checked={(getByPath(data_cmp_msyfmegt_jkkn3, \"IsPublic\")) ?? false} onChange={handle_cmp_msyjmetn_gojol_onChange}>\n            {\"Is Public\"}\n          </UiKit.Checkbox>\n          <UiKit.Input invalid={false} rows={3} prefix={\"Entity Version : \"} size={\"md\"} textArea={false} type={\"number\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"EntityVersion\")) ?? \"\"} onChange={handle_cmp_msyjo0g8_oathk_onChange} />\n          <UiKit.Input invalid={false} rows={3} prefix={\"Extra Properties :\"} size={\"md\"} textArea={false} type={\"text\"} unstyle={false} style={{  }} placeholder={\"Metin girin...\"} autoComplete={\"off\"} autoFocus={false} required={false} value={(getByPath(data_cmp_msyfmegt_jkkn3, \"ExtraProperties\")) ?? \"\"} onChange={handle_cmp_msyjplfq_py8lz_onChange} />\n          <div className=\"flex flex-wrap items-center gap-2 border-t border-slate-200 pt-3 dark:border-slate-800\">\n            {sqlRows_cmp_msyfmegt_jkkn3.length > 1 ? (\n              <>\n                <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || sqlIndex_cmp_msyfmegt_jkkn3 <= 0} onClick={sqlPrev_cmp_msyfmegt_jkkn3}>Önceki</button>\n                <span className=\"text-xs text-slate-500\">{`${sqlIndex_cmp_msyfmegt_jkkn3 + 1} / ${sqlRows_cmp_msyfmegt_jkkn3.length}`}</span>\n                <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || sqlIndex_cmp_msyfmegt_jkkn3 >= sqlRows_cmp_msyfmegt_jkkn3.length - 1} onClick={sqlNext_cmp_msyfmegt_jkkn3}>Sonraki</button>\n                <span className=\"mx-1 h-5 w-px bg-slate-300 dark:bg-slate-700\" />\n              </>\n            ) : null}\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqlinsert_cmp_msyfmegt_jkkn3} onClick={sqlNew_cmp_msyfmegt_jkkn3}>Yeni</button>\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 bg-sky-600 text-white hover:bg-sky-700\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !(sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? sqlinsert_cmp_msyfmegt_jkkn3 : sqlupdate_cmp_msyfmegt_jkkn3)} onClick={() => { void sqlSave_cmp_msyfmegt_jkkn3() }}>Kaydet</button>\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 bg-red-600 text-white hover:bg-red-700\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqldelete_cmp_msyfmegt_jkkn3 || !sqlHasKey_cmp_msyfmegt_jkkn3 || sqlMode_cmp_msyfmegt_jkkn3 === \"new\"} onClick={() => { void sqlDelete_cmp_msyfmegt_jkkn3() }}>Sil</button>\n            <button type=\"button\" className=\"rounded-md px-3 py-1.5 text-xs font-semibold transition disabled:cursor-not-allowed disabled:opacity-40 border border-slate-300 text-slate-600 hover:border-sky-400 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300\" disabled={sqlBusy_cmp_msyfmegt_jkkn3 || !sqlselect_cmp_msyfmegt_jkkn3} onClick={() => { void sqlRefresh_cmp_msyfmegt_jkkn3() }}>Yenile</button>\n            <span className=\"ml-auto text-[10px] uppercase tracking-wider text-slate-400\">{sqlMode_cmp_msyfmegt_jkkn3 === \"new\" ? \"Yeni kayıt\" : \"Düzenleme\"}</span>\n          </div>\n          {sqlError_cmp_msyfmegt_jkkn3 ? <div className=\"rounded-md bg-red-50 px-3 py-2 text-xs text-red-700 dark:bg-red-950 dark:text-red-200\">{sqlError_cmp_msyfmegt_jkkn3}</div> : null}\n        </div>\n      </UiKit.Card>\n      <div className=\"mt-4\" style={{ display: \"grid\", gridTemplateColumns: \"repeat(3, minmax(0, 1fr))\", gap: 16 }}>\n        {(() => {\n          const gridItems_cmp_mt023r5u_rb2jv = (Array.isArray(getByPath(data_source_tq_veb4m, \"\")) ? getByPath(data_source_tq_veb4m, \"\") : Array.isArray(data_source_tq_veb4m) ? data_source_tq_veb4m : null)\n          // Nothing loaded yet — an endpoint still in flight, or a required filter\n          // holding the request back — is an empty grid, not a binding error.\n          if (gridItems_cmp_mt023r5u_rb2jv === null || gridItems_cmp_mt023r5u_rb2jv === undefined) return null\n          if (!Array.isArray(gridItems_cmp_mt023r5u_rb2jv)) return <div className=\"rounded-lg border border-amber-300 bg-amber-50 p-3 text-xs text-amber-800 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-200\">Grid items bağlantısı bir koleksiyon döndürmelidir.</div>\n          const gridColumns_cmp_mt023r5u_rb2jv = [\"UserId\"]\n          if (!gridColumns_cmp_mt023r5u_rb2jv.length) return <div className=\"rounded-lg border border-dashed border-slate-300 bg-slate-50 p-4 text-center text-xs text-slate-500 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-400\">Preview için en az bir sütun seçin.</div>\n          return (\n            <div className=\"min-w-0 overflow-auto rounded-lg border border-slate-200 bg-white shadow-sm dark:border-slate-700 dark:bg-slate-900\" style={{ gridColumn: \"1 / -1\" }}>\n              <table className=\"w-full border-collapse text-left text-xs\">\n                <thead className=\"bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-200\"><tr>\n                  {gridColumns_cmp_mt023r5u_rb2jv.map((column) => <th key={column} className=\"whitespace-nowrap border-b border-slate-200 dark:border-slate-700 px-3 py-2\">{column === \"value\" ? \"Value\" : column}</th>)}\n                </tr></thead>\n                <tbody>\n                  {gridItems_cmp_mt023r5u_rb2jv.map((gridItem_cmp_mt023r5u_rb2jv, rowIndex) => (\n                    <tr key={rowIndex} className=\"border-b border-slate-100 last:border-b-0 dark:border-slate-800 transition-colors hover:bg-slate-50 dark:hover:bg-slate-800/70\">\n                      {gridColumns_cmp_mt023r5u_rb2jv.map((column) => {\n                        const cellValue_cmp_mt023r5u_rb2jv = column === \"value\" ? gridItem_cmp_mt023r5u_rb2jv : getByPath(gridItem_cmp_mt023r5u_rb2jv, column)\n                        const text = typeof cellValue_cmp_mt023r5u_rb2jv === \"object\" && cellValue_cmp_mt023r5u_rb2jv !== null && !(cellValue_cmp_mt023r5u_rb2jv instanceof Date) ? JSON.stringify(cellValue_cmp_mt023r5u_rb2jv) : formatLocaleValue(cellValue_cmp_mt023r5u_rb2jv) || \"—\"\n                        return <td key={column} className=\"max-w-64 truncate text-slate-800 dark:text-slate-100 px-3 py-2\" title={text}>{text}</td>\n                      })}\n                    </tr>\n                  ))}\n                </tbody>\n              </table>\n            </div>\n          )\n        })()}\n      </div>\n      {platformParams_cmp_mt0288i3_ebpj5 === null ? null : (\n        <PlatformViewHost view=\"List\" listFormCode=\"AbpIdentity.Roles\" height=\"520px\" searchParams={platformParams_cmp_mt0288i3_ebpj5} />\n      )}\n    </>\n  )\n}\n\nexport default RoleComponent",
+      "Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_msyfmegt_jkkn3\",\"type\":\"Form\",\"kind\":\"layout\",\"props\":{\"selectEndpoint\":\"source_5w_5ibpv\",\"insertEndpoint\":\"source_h3_484qa\",\"updateEndpoint\":\"source_gb_d9cvs\",\"deleteEndpoint\":\"source_0t_avok9\",\"keyFieldName\":\"id\",\"collectionPath\":\"\",\"keySource\":\"query\",\"keyParamName\":\"id\",\"previewKeyValue\":\"\",\"autoLoad\":true,\"showToolbar\":true,\"gap\":16,\"className\":\"\",\"title\":\"::AbpIdentity.Roles\"},\"events\":{\"onLoad\":\"\",\"onRecordChange\":\"\",\"onFieldChange\":\"\",\"onNewRecord\":\"\",\"onModeChange\":\"\",\"onBeforeSave\":\"\",\"onAfterSave\":\"\",\"onBeforeDelete\":\"\",\"onAfterDelete\":\"\",\"onError\":\"\"},\"bindings\":{},\"children\":[{\"id\":\"cmp_msyfpfia_ifhdq\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Name :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"Name\"}},\"children\":[],\"ref\":\"input1\"},{\"id\":\"cmp_msyjl707_crcn7\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Normalized Name :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"NormalizedName\"}},\"children\":[],\"ref\":\"input2\"},{\"id\":\"cmp_msyjdodn_u3o74\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Concurrent Stamp : \",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"ConcurrencyStamp\"}},\"children\":[],\"ref\":\"input3\"},{\"id\":\"cmp_msyje9ys_2c08a\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Default\",\"style\":{},\"sqlDefaultValue\":\"true\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsDefault\"}},\"children\":[],\"ref\":\"checkbox1\"},{\"id\":\"cmp_msyjebu2_27tqi\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Static\",\"style\":{},\"sqlDefaultValue\":\"true\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsStatic\"}},\"children\":[],\"ref\":\"checkbox2\"},{\"id\":\"cmp_msyjmetn_gojol\",\"type\":\"Checkbox\",\"kind\":\"ui\",\"props\":{\"checked\":false,\"color\":\"blue-500\",\"disabled\":false,\"labelRef\":\"\",\"name\":\"\",\"readOnly\":false,\"value\":\"\",\"field\":null,\"className\":\"\",\"children\":\"Is Public\",\"style\":{},\"sqlDefaultValue\":\"false\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"checked\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"IsPublic\"}},\"children\":[],\"ref\":\"checkbox3\"},{\"id\":\"cmp_msyjo0g8_oathk\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Entity Version : \",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"number\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"3\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"EntityVersion\"}},\"children\":[],\"ref\":\"input4\"},{\"id\":\"cmp_msyjplfq_py8lz\",\"type\":\"Input\",\"kind\":\"ui\",\"props\":{\"asElement\":\"\",\"disabled\":false,\"invalid\":false,\"rows\":3,\"prefix\":\"Extra Properties :\",\"size\":\"md\",\"suffix\":\"\",\"textArea\":false,\"type\":\"text\",\"unstyle\":false,\"field\":\"\",\"form\":\"\",\"className\":\"\",\"children\":\"\",\"style\":{},\"placeholder\":\"Metin girin...\",\"value\":\"\",\"name\":\"\",\"autoComplete\":\"off\",\"autoFocus\":false,\"readOnly\":false,\"required\":false,\"maxLength\":\"\",\"minLength\":\"\",\"pattern\":\"\",\"sqlDefaultValue\":\"{}\"},\"events\":{\"onChange\":\"\"},\"bindings\":{\"value\":{\"sourceId\":\"cmp_msyfmegt_jkkn3\",\"path\":\"ExtraProperties\"}},\"children\":[],\"ref\":\"input5\"}],\"ref\":\"form1\"},{\"id\":\"cmp_mt023r5u_rb2jv\",\"type\":\"Grid\",\"kind\":\"ui\",\"props\":{\"hoverable\":true,\"overflow\":true,\"borderlessRow\":false,\"compact\":false,\"cols\":\"3\",\"rows\":\"2\",\"gap\":\"4\",\"colGap\":\"4\",\"rowGap\":\"4\",\"responsive\":true,\"smCols\":\"1\",\"mdCols\":\"2\",\"lgCols\":\"3\",\"xlCols\":\"4\",\"autoFit\":false,\"minColWidth\":\"200px\",\"height\":\"auto\",\"className\":\"mt-4\",\"items\":[{\"id\":\"grid-item-1\",\"content\":\"Grid Item 1\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":1,\"rowStart\":1,\"className\":\"bg-blue-100 p-4 border rounded\"},{\"id\":\"grid-item-2\",\"content\":\"Grid Item 2\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":2,\"rowStart\":1,\"className\":\"bg-green-100 p-4 border rounded\"},{\"id\":\"grid-item-3\",\"content\":\"Grid Item 3\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":3,\"rowStart\":1,\"className\":\"bg-yellow-100 p-4 border rounded\"},{\"id\":\"grid-item-4\",\"content\":\"Grid Item 4\",\"colSpan\":2,\"rowSpan\":1,\"colStart\":1,\"rowStart\":2,\"className\":\"bg-purple-100 p-4 border rounded\"},{\"id\":\"grid-item-5\",\"content\":\"Grid Item 5\",\"colSpan\":1,\"rowSpan\":1,\"colStart\":3,\"rowStart\":2,\"className\":\"bg-red-100 p-4 border rounded\"}],\"dataColumns\":[\"UserId\"]},\"events\":{},\"bindings\":{\"items\":{\"sourceId\":\"source_tq_veb4m\",\"path\":\"\"}},\"children\":[],\"ref\":\"grid1\"},{\"id\":\"cmp_mt0288i3_ebpj5\",\"type\":\"ListView\",\"kind\":\"platform\",\"props\":{\"listFormCode\":\"AbpIdentity.Roles\",\"height\":\"520px\",\"filters\":[{\"id\":\"filter_y9_tr73w\",\"field\":\"Id\",\"operator\":\"eq\",\"source\":\"record\",\"value\":\"form1.id\",\"previewValue\":\"\",\"required\":true}],\"className\":\"mt-4\"},\"events\":{},\"bindings\":{},\"children\":[],\"ref\":\"listView1\"}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[{\"id\":\"source_5w_5ibpv\",\"name\":\"AbpRoles · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpRoles\",\"responsePath\":\"\"},{\"id\":\"source_i7_msox4\",\"name\":\"AbpRoles · GetById\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_0t_avok9\",\"name\":\"AbpRoles · Delete\",\"method\":\"DELETE\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_h3_484qa\",\"name\":\"AbpRoles · Create\",\"method\":\"POST\",\"url\":\"/api/app/crudendpoint/AbpRoles\",\"responsePath\":\"\"},{\"id\":\"source_gb_d9cvs\",\"name\":\"AbpRoles · Update\",\"method\":\"PUT\",\"url\":\"/api/app/crudendpoint/AbpRoles/{id}\",\"responsePath\":\"\"},{\"id\":\"source_tq_veb4m\",\"name\":\"AbpUserRoles · GetList\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUserRoles\",\"responsePath\":\"\",\"filters\":[{\"id\":\"filter_sw_86e0q\",\"field\":\"RoleId\",\"operator\":\"eq\",\"source\":\"record\",\"value\":\"form1.id\",\"previewValue\":\"\",\"required\":true}]},{\"id\":\"source_d2_bri5s\",\"name\":\"AbpUserRoles · GetById\",\"method\":\"GET\",\"url\":\"/api/app/crudendpoint/AbpUserRoles/{id}\",\"responsePath\":\"\"}]}}",
       "Description": "",
       "IsActive": true,
       "Dependencies": [],
@@ -63,6 +63,15 @@
           "EntityName": "AbpUserRoles",
           "OperationType": "GetList",
           "SeedFile": "crud/AbpUserRoles.json"
+        },
+        {
+          "Name": "AbpUserRoles · GetById",
+          "Method": "GET",
+          "Url": "/api/app/crudendpoint/AbpUserRoles/{id}",
+          "ResponsePath": null,
+          "EntityName": "AbpUserRoles",
+          "OperationType": "GetById",
+          "SeedFile": "crud/AbpUserRoles.json"
         }
       ]
     }
diff --git a/configs/seeds/host/wizard/20260818220914_RoleList.json b/configs/seeds/host/wizard/20260819131500_RoleList.json
similarity index 96%
rename from configs/seeds/host/wizard/20260818220914_RoleList.json
rename to configs/seeds/host/wizard/20260819131500_RoleList.json
index 287e5e44..f8ea0c75 100644
--- a/configs/seeds/host/wizard/20260818220914_RoleList.json
+++ b/configs/seeds/host/wizard/20260819131500_RoleList.json
@@ -5,8 +5,8 @@
     "ListFormCode": "App.Wizard.RoleList",
     "MenuCode": "App.Wizard.RoleList",
     "MenuOrder": 1,
-    "CustomComponentName": "RoleListComponent",
-    "MenuUrl": "/admin/roles-list",
+    "CustomComponentName": "RoleComponent",
+    "MenuUrl": "/admin/roles",
     "IsTenant": false,
     "IsBranch": false,
     "IsOrganizationUnit": false,
@@ -134,9 +134,7 @@
     "LanguageKeys": [
       "App.Wizard.RoleList"
     ],
-    "PermissionGroupNames": [
-      "App.Wizard.Sample"
-    ],
+    "PermissionGroupNames": [],
     "PermissionNames": [
       "App.Wizard.RoleList"
     ],