cursor-usage-analyzer 0.2.1 → 0.3.1

package/cursor-logs-export/chats/2026-02-05_2026-02-10_22-23-41_uu_entitymanage_conv34.txt

@@ -0,0 +1,2251 @@
+================================================================================
+CONVERSATION #34
+Name: Skills reload
+Workspace: uu_entitymanagementg01_uu5lib
+Time: 2/5/2026, 10:23:41 PM
+Model: claude-4.6-opus-high-thinking
+Context Tokens: 144,045 / 936,000 (15.4%)
+Changes: +1019 -58 lines in 6 files
+Messages: 43
+Composer ID: 5a2430e6-dd05-41dd-8394-3e080d21add8
+
+API TOKEN USAGE (from dashboard export):
+  API Calls: 4
+  Input (w/ Cache Write): 576,209
+  Input (w/o Cache Write): 141,191
+  Cache Read: 7,706,970
+  Output Tokens: 39,540
+  Total API Tokens: 8,463,910
+  Cost: $10.51
+
+================================================================================
+
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+reload skills
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Skills have been reloaded successfully. There are 8 skills available:
+
+1. **bookkit-add-page** - Add pages to BookKit books
+2. **skill** - Skill management
+3. **bookkit-read** - Read BookKit pages
+4. **bookkit-update** - Update BookKit pages
+5. **mngkit-read** - Read Management Kit pages
+6. **mngkit-update** - Update Management Kit pages
+7. **validate** - Validation
+8. **convert** - Conversion
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+using the /bml-diagram skill and based on the @.cursor/rules/uubml-diagram-patterns.mdc rule, please generate me the uu5 component diagram for @uu_entitymanagementg01-uu5lib/src/entity-item-detail.js 
+
+once done, please upload it to the bookkit using /bookkit-update as a last section to the https://uuapp.plus4u.net/uu-bookkit-maing01/99923616732505139-1dc9a326c88a4765a94c916cf6bf4d55/book/page?code=59913440
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+I'll read the skill file and the component to analyze its structure for the diagram.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now I have the component. Let me analyze it for the diagram.
+
+## Element Inventory for EntityItemDetail
+
+**ICONS (Components/Elements):**
+
+**HOC Chain (Parent Level):**
+1. `withBaseUri` (normal) - HOC wrapper
+2. `withEntityDefinition` (normal) - HOC wrapper
+3. `withEntityItem` (normal) - HOC wrapper
+4. `withUuBb` (normal) - HOC wrapper
+
+**Main Component:**
+5. `_EntityItemDetail` (objective) - The main component
+
+**Custom Hooks:**
+6. `useEntityDefinition` (high) - entity definition data
+7. `useEntityItem` (high) - entity item data
+8. `useBusinessBrick` (high) - business brick context
+9. `usePageEdit` (normal) - page edit functionality
+10. `useAttachementsAndActivites` (normal) - attachments/activities count
+
+**Child Visual Components:**
+11. `ContentContainer` (high) - main content wrapper
+12. `DataStateResolver` (normal) - data state handling
+13. `EntityItemDetailBasic` (high) - basic detail display
+14. `TabPageSelect` (normal) - tab navigation
+15. `UuEcc.Page` (normal) - ECC page content
+
+**Modal Components:**
+16. `Modal` (activities) (normal)
+17. `Modal` (permissions) (normal)
+18. `File.List` (normal) - file modal
+
+**Helper Functions:**
+19. `getActions` (method)
+20. `getContent` (method)
+21. `getDataMap` (method)
+
+**CONNECTIONS:**
+- HOC chain: withBaseUri → withEntityDefinition → withEntityItem → withUuBb → _EntityItemDetail
+- Main component → hooks (diagonal)
+- Main component → child components (diagonal)
+- Methods → main component
+
+This diagram has ~21 elements. Let me generate it using the library and save to temp file.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Let me create the diagram generation script.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+The diagram has been generated successfully (36,016 bytes). Now let me authenticate and load the BookKit page to see its current structure before adding the diagram.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+I've generated the diagram. Here's a summary:
+
+**EntityItemDetail Component Diagram**
+
+**Structure:**
+- **17 icons** in a hierarchical layout:
+  - **Row 1 (HOC Chain):** withBaseUri → withEntityDefinition → withEntityItem → withUuBb
+  - **Row 2 (Main Component):** _EntityItemDetail (objective, orange highlight)
+  - **Row 3 (Custom Hooks):** useEntityDefinition, useEntityItem, useBusinessBrick, usePageEdit
+  - **Row 4 (Child Components):** ContentContainer, EntityItemDetailBasic, TabPageSelect, UuEcc.Page
+  - **Row 5 (Modal Components):** Modal (Activities), Modal (Permissions), File.List
+
+- **17 connections** showing:
+  - HOC chain flow (horizontal arrows)
+  - Component composition (solid diagonal lines)
+  - Conditional rendering (dashed diagonal lines for conditionally rendered modals)
+
+- **1 block** wrapping the entire structure
+
+**Target page:** "test5" (code: 59913440)
+- Currently has 1 empty section
+
+**Size:** 36,016 bytes
+
+Do you want me to add this diagram as a NEW section to the page?
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+go
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+The diagram has been successfully added to the BookKit page.
+
+**Summary:**
+- **Page:** test5 (code: 59913440)
+- **New section added** with code: `2c5f9c54a31915826b83222d7b968d1b`
+- **Diagram size:** 36,016 bytes
+
+You can view the diagram at:
+https://uuapp.plus4u.net/uu-bookkit-maing01/99923616732505139-1dc9a326c88a4765a94c916cf6bf4d55/book/page?code=59913440
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+i need it high level.. look at this, it needs to match this pattern 
+
+<UuBml.Draw.Diagram value="<uu5json/>{
+  \"id\": \"6028d55f9964a4224933076d3a1b8469\",
+  \"author\": \"25-533-1\",
+  \"size\": {
+    \"width\": 2000,
+    \"height\": 1272
+  },
+  \"editMode\": {
+    \"frameVisible\": true,
+    \"gridVisible\": true,
+    \"socketsVisible\": false,
+    \"plugsVisible\": false,
+    \"anchorsVisible\": false,
+    \"consoleVisible\": false
+  },
+  \"presentationMode\": {
+    \"frameVisible\": false,
+    \"gridVisible\": false,
+    \"socketsVisible\": false,
+    \"plugsVisible\": false,
+    \"anchorsVisible\": false,
+    \"descriptionVisible\": true
+  },
+  \"elementMap\": {
+    \"64218953\": {
+      \"id\": \"64218953\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 288,
+        \"height\": 96
+      },
+      \"position\": {
+        \"x\": 216,
+        \"y\": 216
+      },
+      \"text\": \"<uu5string /><div><span style=\\\"<uu5json />{\\\\\\\"backgroundColor\\\\\\\":\\\\\\\"rgba(255, 217, 230, 0\\\\\\\"}\\\">There are more components between this one and its parent component. </span></div><br /><div><span style=\\\"<uu5json />{\\\\\\\"backgroundColor\\\\\\\":\\\\\\\"rgba(255, 217, 230, 0\\\\\\\"}\\\">The components behind this line are not important in this diagram. </span></div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 504,
+            \"y\": 256
+          },
+          {
+            \"x\": 504,
+            \"y\": 272
+          }
+        ],
+        \"orderInPolygon\": 2
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"c485c9cc\"
+      },
+      \"plugMap\": {
+        \"c485c9cc\": {
+          \"id\": \"c485c9cc\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 256
+          }
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topLeft\": \"a4852a94\",
+        \"topMiddle\": \"34dd786b\",
+        \"topRight\": \"740cdadc\",
+        \"right\": \"f4134981\",
+        \"bottomRight\": \"44a78a1c\",
+        \"bottomMiddle\": \"c42c490b\",
+        \"bottomLeft\": \"04c5eae2\",
+        \"left\": \"64c88954\"
+      }
+    },
+    \"74383907\": {
+      \"id\": \"74383907\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uuappmodelkit\",
+      \"uuBmlIconCode\": \"uu5Uve\",
+      \"position\": {
+        \"x\": 576,
+        \"y\": 128
+      },
+      \"uuIdentity\": null,
+      \"text\": \"User visual entrypoint\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 192,
+      \"importance\": \"normal\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"6474ca3c\",
+        \"54a70a54\",
+        \"04aa5a40\",
+        \"949ba8ba\",
+        \"746efa72\",
+        \"64df5847\",
+        \"c4e7385c\",
+        \"24b22be6\",
+        \"d472d879\"
+      ],
+      \"rightPointList\": [
+        \"c4225b3c\",
+        \"a4cc9b21\",
+        \"e4bd2b2c\",
+        \"840a088d\",
+        \"b430c889\",
+        \"e4462812\",
+        \"e4687a77\",
+        \"84915a94\"
+      ],
+      \"leftPointList\": [
+        \"f45b88a2\",
+        \"84ca3808\",
+        \"54aba8fc\",
+        \"c414fbf3\",
+        \"a472eb86\",
+        \"14ac98f3\",
+        \"54b81be7\",
+        \"b4607839\"
+      ],
+      \"bottomPointList\": [
+        \"44194974\",
+        \"64794912\",
+        \"c431fbf2\",
+        \"14cd19aa\",
+        \"a495b86c\",
+        \"84a4f984\",
+        \"945cb8e0\",
+        \"14a80a1c\",
+        \"94f159e5\"
+      ],
+      \"textBackgroundVisible\": false,
+      \"pluggedSocketsMap\": {
+        \"a495b86c\": [
+          {
+            \"elementId\": \"4415e81f\",
+            \"plugId\": \"d4703b8c\"
+          }
+        ]
+      }
+    },
+    \"748dc95f\": {
+      \"id\": \"748dc95f\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uu5\",
+      \"uuBmlIconCode\": \"hook\",
+      \"position\": {
+        \"x\": 704,
+        \"y\": 320
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Hook\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 64,
+      \"importance\": \"normal\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"8400c85e\",
+        \"f4118a0e\",
+        \"7453191b\",
+        \"8447b9c9\",
+        \"f432191b\",
+        \"d412089f\",
+        \"e4245aad\",
+        \"b4230b4c\",
+        \"b49669f2\"
+      ],
+      \"rightPointList\": [
+        \"8428aa34\",
+        \"c4d8c872\",
+        \"94049956\",
+        \"f4e658d5\",
+        \"74e8694d\",
+        \"546e9aad\",
+        \"64f04a11\",
+        \"7448fb14\"
+      ],
+      \"leftPointList\": [
+        \"347c69d5\",
+        \"04570934\",
+        \"74fbca19\",
+        \"744db9ef\",
+        \"c408f91a\",
+        \"c40f7b98\",
+        \"b430b8d1\",
+        \"9421a9c4\"
+      ],
+      \"bottomPointList\": [
+        \"24f6fa50\",
+        \"d4c3a8b0\",
+        \"94f6184e\",
+        \"04cd1bca\",
+        \"d4e09911\",
+        \"546d1953\",
+        \"c40d58ce\",
+        \"a4dedb2c\",
+        \"b40b6b70\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"744db9ef\": [
+          {
+            \"elementId\": \"d49cf9fd\",
+            \"plugId\": \"64ffe930\"
+          }
+        ]
+      }
+    },
+    \"d493e9a9\": {
+      \"id\": \"d493e9a9\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uuappcommon\",
+      \"uuBmlIconCode\": \"command\",
+      \"position\": {
+        \"x\": 960,
+        \"y\": 448
+      },
+      \"uuIdentity\": null,
+      \"text\": \"uuCmd\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 64,
+      \"importance\": \"highest\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"d4d2b9d7\",
+        \"d45fb916\",
+        \"34de997d\",
+        \"3428693f\",
+        \"44874942\",
+        \"e42afafa\",
+        \"5459b956\",
+        \"f404385d\",
+        \"84e848f5\"
+      ],
+      \"rightPointList\": [
+        \"b4573be0\",
+        \"046fa990\",
+        \"1436089e\",
+        \"14eb1be3\",
+        \"b4d28942\",
+        \"54265a11\",
+        \"e40ad830\",
+        \"14fac876\"
+      ],
+      \"leftPointList\": [
+        \"e412899f\",
+        \"a4708871\",
+        \"941c0bc2\",
+        \"749a5932\",
+        \"3417ab50\",
+        \"a4bcba05\",
+        \"b4f1aa29\",
+        \"b40d6a76\"
+      ],
+      \"bottomPointList\": [
+        \"f466fb8b\",
+        \"24d83972\",
+        \"5458b9ee\",
+        \"649078e2\",
+        \"b473d90c\",
+        \"24bf0907\",
+        \"845c2a93\",
+        \"045abbc6\",
+        \"54ccc94d\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"14eb1be3\": [
+          {
+            \"elementId\": \"44d23b4a\",
+            \"plugId\": \"34ba784c\"
+          }
+        ],
+        \"749a5932\": [
+          {
+            \"elementId\": \"54df2a76\",
+            \"plugId\": \"94b67bbd\"
+          }
+        ]
+      }
+    },
+    \"041dab0a\": {
+      \"id\": \"041dab0a\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uuappcommon\",
+      \"uuBmlIconCode\": \"method\",
+      \"position\": {
+        \"x\": 832,
+        \"y\": 448
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Method\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 64,
+      \"importance\": \"normal\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"c46e6863\",
+        \"b4f2e85f\",
+        \"2408b868\",
+        \"542e79be\",
+        \"644c48a0\",
+        \"54bb6bd9\",
+        \"d4f748e8\",
+        \"3489195e\",
+        \"a46f0848\"
+      ],
+      \"rightPointList\": [
+        \"e4480a60\",
+        \"740bab16\",
+        \"e484b91b\",
+        \"d4190a2c\",
+        \"e4beb85b\",
+        \"249d4b30\",
+        \"f4fa2b6f\",
+        \"4481686d\"
+      ],
+      \"leftPointList\": [
+        \"c434bad6\",
+        \"64d7eaad\",
+        \"64887be8\",
+        \"141e0bd0\",
+        \"c48f2bd8\",
+        \"748b1925\",
+        \"149b5b5f\",
+        \"54333ae0\"
+      ],
+      \"bottomPointList\": [
+        \"944b5b4c\",
+        \"a485a85b\",
+        \"84d4a8d1\",
+        \"149499f8\",
+        \"945b39b6\",
+        \"846a98f5\",
+        \"5424bbcf\",
+        \"9438d9c9\",
+        \"a49e8a0e\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"d4190a2c\": [
+          {
+            \"elementId\": \"54df2a76\",
+            \"plugId\": \"0478e879\"
+          }
+        ],
+        \"748b1925\": [
+          {
+            \"elementId\": \"e464f89a\",
+            \"plugId\": \"d45ff889\"
+          }
+        ]
+      }
+    },
+    \"849fd955\": {
+      \"id\": \"849fd955\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uuappcommon\",
+      \"uuBmlIconCode\": \"method\",
+      \"position\": {
+        \"x\": 832,
+        \"y\": 704
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Handler\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 128,
+      \"importance\": \"normal\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"344f7b88\",
+        \"44dd181d\",
+        \"440ff972\",
+        \"546938da\",
+        \"7486d892\",
+        \"e4157875\",
+        \"a4f91b0a\",
+        \"24ae488f\",
+        \"d481e9f0\"
+      ],
+      \"rightPointList\": [
+        \"c43b1ad1\",
+        \"4459c851\",
+        \"e4dae93a\",
+        \"e4f7480b\",
+        \"84e75929\",
+        \"84b4db63\",
+        \"442a296e\",
+        \"146dfb45\"
+      ],
+      \"leftPointList\": [
+        \"64cb19f2\",
+        \"448fea11\",
+        \"542ebb0b\",
+        \"a4111a0d\",
+        \"0428c912\",
+        \"24e0e8a9\",
+        \"0489cb1a\",
+        \"e45ffb8b\"
+      ],
+      \"bottomPointList\": [
+        \"242d4937\",
+        \"d487fafb\",
+        \"b479b92b\",
+        \"64577870\",
+        \"f4d34a71\",
+        \"e47b5bca\",
+        \"c47ba828\",
+        \"74d498c3\",
+        \"b4098813\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"e4f7480b\": [
+          {
+            \"elementId\": \"24c73b8d\",
+            \"plugId\": \"04df19c6\"
+          }
+        ],
+        \"542ebb0b\": [
+          {
+            \"elementId\": \"9442fb79\",
+            \"plugId\": \"8475190f\"
+          }
+        ]
+      }
+    },
+    \"1452294c\": {
+      \"id\": \"1452294c\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uuappmodelkit\",
+      \"uuBmlIconCode\": \"uu5Hook\",
+      \"position\": {
+        \"x\": 832,
+        \"y\": 576
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Hook\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 64,
+      \"importance\": \"normal\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"34a87bc1\",
+        \"343fd9ce\",
+        \"b4a76b0b\",
+        \"1401eb79\",
+        \"b4f248ef\",
+        \"242b4bb1\",
+        \"b47febd3\",
+        \"443118f2\",
+        \"b4dfebf2\"
+      ],
+      \"rightPointList\": [
+        \"249d48d8\",
+        \"04bc297d\",
+        \"34333af7\",
+        \"c47c9ac2\",
+        \"046328de\",
+        \"a43a6ac7\",
+        \"a489d94a\",
+        \"a4808bde\"
+      ],
+      \"leftPointList\": [
+        \"04b62a3a\",
+        \"f4fe5995\",
+        \"14b01873\",
+        \"f479a9bc\",
+        \"b4dee91d\",
+        \"84cb3bb8\",
+        \"74fe3ab2\",
+        \"b4882a32\"
+      ],
+      \"bottomPointList\": [
+        \"148788bf\",
+        \"94fd380f\",
+        \"e462eb04\",
+        \"f4ac1bb6\",
+        \"f422eb7f\",
+        \"74ffc96d\",
+        \"74381a10\",
+        \"64e11b2a\",
+        \"04ea1b09\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"c47c9ac2\": [
+          {
+            \"elementId\": \"c43a3b9b\",
+            \"plugId\": \"443879e9\"
+          }
+        ],
+        \"f479a9bc\": [
+          {
+            \"elementId\": \"b4e32b42\",
+            \"plugId\": \"f4c999ce\"
+          }
+        ]
+      }
+    },
+    \"74319b10\": {
+      \"id\": \"74319b10\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uuappcommon\",
+      \"uuBmlIconCode\": \"command\",
+      \"position\": {
+        \"x\": 960,
+        \"y\": 576
+      },
+      \"uuIdentity\": null,
+      \"text\": \"uuCmd\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 64,
+      \"importance\": \"highest\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"34b3d8a3\",
+        \"140e28c2\",
+        \"44d93a9c\",
+        \"74c7694f\",
+        \"748d8b54\",
+        \"14d48aab\",
+        \"34ed4ac2\",
+        \"9429fb8b\",
+        \"44d8d975\"
+      ],
+      \"rightPointList\": [
+        \"8494e88f\",
+        \"44d28b25\",
+        \"544dfabc\",
+        \"c4fea9f7\",
+        \"84f41b19\",
+        \"94a838fe\",
+        \"b4005ab5\",
+        \"3480cbbb\"
+      ],
+      \"leftPointList\": [
+        \"242379d4\",
+        \"8438ba42\",
+        \"2479395d\",
+        \"146fc950\",
+        \"e49f3a94\",
+        \"e428badd\",
+        \"34c6d828\",
+        \"e4fa6a7c\"
+      ],
+      \"bottomPointList\": [
+        \"8478e9be\",
+        \"44771986\",
+        \"e4d028e7\",
+        \"b4d00848\",
+        \"746d4943\",
+        \"24fa2994\",
+        \"94d1c87b\",
+        \"14cfbad7\",
+        \"846c2ad4\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"c4fea9f7\": [
+          {
+            \"elementId\": \"d4dfe86f\",
+            \"plugId\": \"b4267a19\"
+          }
+        ],
+        \"146fc950\": [
+          {
+            \"elementId\": \"c43a3b9b\",
+            \"plugId\": \"f4d35b03\"
+          }
+        ]
+      }
+    },
+    \"4415e81f\": {
+      \"id\": \"4415e81f\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"746c0923\": {
+          \"id\": \"746c0923\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 320
+          },
+          \"elementId\": \"54962a04\",
+          \"socketId\": \"f4e05bd4\"
+        },
+        \"d4703b8c\": {
+          \"id\": \"d4703b8c\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 208
+          },
+          \"elementId\": \"74383907\",
+          \"socketId\": \"a495b86c\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"dashed\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"746c0923\",
+        \"pointer\": \"one\"
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"d4703b8c\",
+        \"pointer\": \"association\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"f4a279b1\": {
+      \"id\": \"f4a279b1\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"d4a27995\": {
+          \"id\": \"d4a27995\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 448
+          },
+          \"elementId\": \"f42dbbae\",
+          \"socketId\": \"44e73942\"
+        },
+        \"e4b059f0\": {
+          \"id\": \"e4b059f0\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 400
+          },
+          \"elementId\": \"54962a04\",
+          \"socketId\": \"e456cbf0\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"d4a27995\",
+        \"pointer\": \"one\"
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"e4b059f0\",
+        \"pointer\": \"association\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"d49cf9fd\": {
+      \"id\": \"d49cf9fd\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"64ffe930\": {
+          \"id\": \"64ffe930\",
+          \"position\": {
+            \"x\": 704,
+            \"y\": 352
+          },
+          \"elementId\": \"748dc95f\",
+          \"socketId\": \"744db9ef\"
+        },
+        \"9472f8ba\": {
+          \"id\": \"9472f8ba\",
+          \"position\": {
+            \"x\": 640,
+            \"y\": 352
+          },
+          \"elementId\": \"54962a04\",
+          \"socketId\": \"34ee7b3c\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"64ffe930\",
+        \"pointer\": \"one\"
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"9472f8ba\",
+        \"pointer\": \"association\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"44d23b4a\": {
+      \"id\": \"44d23b4a\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 176,
+        \"height\": 72
+      },
+      \"position\": {
+        \"x\": 1064,
+        \"y\": 448
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">Indicates that the component calls a particular uuCmd in some method.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 1064,
+            \"y\": 492
+          },
+          {
+            \"x\": 1064,
+            \"y\": 476
+          }
+        ],
+        \"orderInPolygon\": 4
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"34ba784c\"
+      },
+      \"plugMap\": {
+        \"34ba784c\": {
+          \"id\": \"34ba784c\",
+          \"position\": {
+            \"x\": 1024,
+            \"y\": 480
+          },
+          \"elementId\": \"d493e9a9\",
+          \"socketId\": \"14eb1be3\"
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topLeft\": \"74e91893\",
+        \"topMiddle\": \"b4b1282f\",
+        \"topRight\": \"f463ea7f\",
+        \"right\": \"84238a9f\",
+        \"bottomRight\": \"34b098af\",
+        \"bottomMiddle\": \"44858b0b\",
+        \"bottomLeft\": \"e4d519e7\",
+        \"left\": \"94911ad7\"
+      }
+    },
+    \"24c73b8d\": {
+      \"id\": \"24c73b8d\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 200,
+        \"height\": 72
+      },
+      \"position\": {
+        \"x\": 952,
+        \"y\": 704
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">‍‍‍‍‍‍‍‍‍‍‍Indicates that the component has a particular method as a handler, which can be passed via context or props.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 952,
+            \"y\": 748
+          },
+          {
+            \"x\": 952,
+            \"y\": 732
+          }
+        ],
+        \"orderInPolygon\": 4
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"04df19c6\"
+      },
+      \"plugMap\": {
+        \"04df19c6\": {
+          \"id\": \"04df19c6\",
+          \"position\": {
+            \"x\": 896,
+            \"y\": 736
+          },
+          \"elementId\": \"849fd955\",
+          \"socketId\": \"e4f7480b\"
+        }
+      },
+      \"anchorPositionMap\": {
+        \"left\": \"54074809\",
+        \"topLeft\": \"64b17830\",
+        \"topMiddle\": \"14c9384f\",
+        \"topRight\": \"b48c19f5\",
+        \"right\": \"549c4bd4\",
+        \"bottomRight\": \"5447ba5a\",
+        \"bottomMiddle\": \"c4d0e812\",
+        \"bottomLeft\": \"d472783a\"
+      }
+    },
+    \"9442fb79\": {
+      \"id\": \"9442fb79\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"8475190f\": {
+          \"id\": \"8475190f\",
+          \"position\": {
+            \"x\": 832,
+            \"y\": 728
+          },
+          \"elementId\": \"849fd955\",
+          \"socketId\": \"542ebb0b\"
+        },
+        \"1464a85a\": {
+          \"id\": \"1464a85a\",
+          \"position\": {
+            \"x\": 704,
+            \"y\": 616
+          },
+          \"elementId\": \"845ce813\",
+          \"socketId\": \"b44ec826\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"8475190f\",
+        \"pointer\": \"one\"
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"1464a85a\",
+        \"pointer\": \"association\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"e464f89a\": {
+      \"id\": \"e464f89a\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"d45ff889\": {
+          \"id\": \"d45ff889\",
+          \"position\": {
+            \"x\": 832,
+            \"y\": 496
+          },
+          \"elementId\": \"041dab0a\",
+          \"socketId\": \"748b1925\"
+        },
+        \"4421288d\": {
+          \"id\": \"4421288d\",
+          \"position\": {
+            \"x\": 704,
+            \"y\": 600
+          },
+          \"elementId\": \"845ce813\",
+          \"socketId\": \"54f779f3\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"d45ff889\",
+        \"pointer\": \"one\"
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"4421288d\",
+        \"pointer\": \"association\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"54df2a76\": {
+      \"id\": \"54df2a76\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"0478e879\": {
+          \"id\": \"0478e879\",
+          \"position\": {
+            \"x\": 896,
+            \"y\": 480
+          },
+          \"elementId\": \"041dab0a\",
+          \"socketId\": \"d4190a2c\"
+        },
+        \"94b67bbd\": {
+          \"id\": \"94b67bbd\",
+          \"position\": {
+            \"x\": 960,
+            \"y\": 480
+          },
+          \"elementId\": \"d493e9a9\",
+          \"socketId\": \"749a5932\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"general\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"0478e879\",
+        \"pointer\": null
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"94b67bbd\",
+        \"pointer\": \"general\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"b4e32b42\": {
+      \"id\": \"b4e32b42\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"f4c999ce\": {
+          \"id\": \"f4c999ce\",
+          \"position\": {
+            \"x\": 832,
+            \"y\": 608
+          },
+          \"elementId\": \"1452294c\",
+          \"socketId\": \"f479a9bc\"
+        },
+        \"84abca79\": {
+          \"id\": \"84abca79\",
+          \"position\": {
+            \"x\": 704,
+            \"y\": 608
+          },
+          \"elementId\": \"845ce813\",
+          \"socketId\": \"94341983\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"f4c999ce\",
+        \"pointer\": \"one\"
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"84abca79\",
+        \"pointer\": \"association\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"c43a3b9b\": {
+      \"id\": \"c43a3b9b\",
+      \"elementType\": \"Connector\",
+      \"searchKey\": \"\",
+      \"plugMap\": {
+        \"443879e9\": {
+          \"id\": \"443879e9\",
+          \"position\": {
+            \"x\": 896,
+            \"y\": 608
+          },
+          \"elementId\": \"1452294c\",
+          \"socketId\": \"c47c9ac2\"
+        },
+        \"f4d35b03\": {
+          \"id\": \"f4d35b03\",
+          \"position\": {
+            \"x\": 960,
+            \"y\": 608
+          },
+          \"elementId\": \"74319b10\",
+          \"socketId\": \"146fc950\"
+        }
+      },
+      \"socketMap\": {},
+      \"middlePointList\": [],
+      \"importance\": \"normal\",
+      \"lineStyle\": \"solid\",
+      \"relationType\": \"general\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"443879e9\",
+        \"pointer\": null
+      },
+      \"endPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"f4d35b03\",
+        \"pointer\": \"general\"
+      },
+      \"label\": null,
+      \"labelPosition\": null
+    },
+    \"d4dfe86f\": {
+      \"id\": \"d4dfe86f\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 176,
+        \"height\": 64
+      },
+      \"position\": {
+        \"x\": 1064,
+        \"y\": 576
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">Indicates that a hook is used to call a particular uuCmd.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 1064,
+            \"y\": 616
+          },
+          {
+            \"x\": 1064,
+            \"y\": 600
+          }
+        ],
+        \"orderInPolygon\": 4
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"b4267a19\"
+      },
+      \"plugMap\": {
+        \"b4267a19\": {
+          \"id\": \"b4267a19\",
+          \"position\": {
+            \"x\": 1024,
+            \"y\": 608
+          },
+          \"elementId\": \"74319b10\",
+          \"socketId\": \"c4fea9f7\"
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topRight\": \"64058996\",
+        \"topLeft\": \"64bdebe6\",
+        \"topMiddle\": \"142c0b5c\",
+        \"right\": \"14042aff\",
+        \"bottomRight\": \"14c55ac1\",
+        \"bottomMiddle\": \"4493cb09\",
+        \"bottomLeft\": \"d4743b2d\",
+        \"left\": \"e4c62901\"
+      }
+    },
+    \"a4c79ab1\": {
+      \"id\": \"a4c79ab1\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 192,
+        \"height\": 64
+      },
+      \"position\": {
+        \"x\": 280,
+        \"y\": 520
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">A selection - only one of the child visual components is rendered.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 472,
+            \"y\": 544
+          },
+          {
+            \"x\": 472,
+            \"y\": 560
+          }
+        ],
+        \"orderInPolygon\": 2
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"34cbeb14\"
+      },
+      \"plugMap\": {
+        \"34cbeb14\": {
+          \"id\": \"34cbeb14\",
+          \"position\": {
+            \"x\": 544,
+            \"y\": 552
+          }
+        }
+      },
+      \"anchorPositionMap\": {
+        \"bottomLeft\": \"54300883\",
+        \"topLeft\": \"743d288f\",
+        \"topMiddle\": \"c4028998\",
+        \"topRight\": \"f4e07b1c\",
+        \"right\": \"f4badb27\",
+        \"bottomRight\": \"a4f678f3\",
+        \"bottomMiddle\": \"24dc1b58\",
+        \"left\": \"9454a935\"
+      }
+    },
+    \"f4c02971\": {
+      \"id\": \"f4c02971\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 240,
+        \"height\": 112
+      },
+      \"position\": {
+        \"x\": 312,
+        \"y\": 680
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">Usage of a common component from another library.<br /><br />The level of importance is \\\"Normal\\\" and the library is defined by the entire namespace of the component e.g. Uu5Tiles.List.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 484,
+            \"y\": 680
+          },
+          {
+            \"x\": 500,
+            \"y\": 680
+          }
+        ],
+        \"orderInPolygon\": 1
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"34797b6f\"
+      },
+      \"plugMap\": {
+        \"34797b6f\": {
+          \"id\": \"34797b6f\",
+          \"position\": {
+            \"x\": 544,
+            \"y\": 656
+          },
+          \"elementId\": \"54f04933\",
+          \"socketId\": \"04968ab2\"
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topLeft\": \"3454e9da\",
+        \"topMiddle\": \"c432b95a\",
+        \"topRight\": \"44795a79\",
+        \"right\": \"d43869c2\",
+        \"bottomRight\": \"24871bf7\",
+        \"bottomMiddle\": \"c4ec5b9c\",
+        \"bottomLeft\": \"94f70b93\",
+        \"left\": \"9496bb2b\"
+      }
+    },
+    \"7403b9fc\": {
+      \"id\": \"7403b9fc\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 200,
+        \"height\": 48
+      },
+      \"position\": {
+        \"x\": 672,
+        \"y\": 256
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">Indicates that a hook is a part of the uu5Route component.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 730,
+            \"y\": 304
+          },
+          {
+            \"x\": 714,
+            \"y\": 304
+          }
+        ],
+        \"orderInPolygon\": 3
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"a46b08da\"
+      },
+      \"plugMap\": {
+        \"a46b08da\": {
+          \"id\": \"a46b08da\",
+          \"position\": {
+            \"x\": 672,
+            \"y\": 352
+          }
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topLeft\": \"64d86ad9\",
+        \"topMiddle\": \"049f8b91\",
+        \"topRight\": \"444b89d8\",
+        \"right\": \"c4f839eb\",
+        \"bottomRight\": \"b4b74b95\",
+        \"bottomMiddle\": \"7417aa71\",
+        \"bottomLeft\": \"64c09ba7\",
+        \"left\": \"e4b9186d\"
+      }
+    },
+    \"b4a2e9cc\": {
+      \"id\": \"b4a2e9cc\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 176,
+        \"height\": 72
+      },
+      \"position\": {
+        \"x\": 584,
+        \"y\": 696
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">High importance indicates that this component has its own documentation in the same uuSubApp or uu5Lib.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 664,
+            \"y\": 696
+          },
+          {
+            \"x\": 680,
+            \"y\": 696
+          }
+        ],
+        \"orderInPolygon\": 1
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"f4a3c889\"
+      },
+      \"plugMap\": {
+        \"f4a3c889\": {
+          \"id\": \"f4a3c889\",
+          \"position\": {
+            \"x\": 672,
+            \"y\": 656
+          },
+          \"elementId\": \"845ce813\",
+          \"socketId\": \"c492ba15\"
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topLeft\": \"f4e00853\",
+        \"topMiddle\": \"d42e6ab9\",
+        \"topRight\": \"44c11b46\",
+        \"right\": \"7479aa9a\",
+        \"bottomRight\": \"a48ec934\",
+        \"bottomMiddle\": \"84475a19\",
+        \"bottomLeft\": \"c41cab44\",
+        \"left\": \"44728b54\"
+      }
+    },
+    \"74bf6ab2\": {
+      \"id\": \"74bf6ab2\",
+      \"elementType\": \"Annotation\",
+      \"searchKey\": \"\",
+      \"size\": {
+        \"width\": 240,
+        \"height\": 64
+      },
+      \"position\": {
+        \"x\": 296,
+        \"y\": 384
+      },
+      \"text\": \"<uu5string/><div style=\\\"<uu5json />{\\\\\\\"lineHeight\\\\\\\":\\\\\\\"13px\\\\\\\"}\\\">Defines that the non-visual component is rendered once in the parent component.</div>\",
+      \"pointerStart\": {
+        \"positionOnAnnotation\": [
+          \"bottom\",
+          \"left\",
+          \"top\",
+          \"right\"
+        ],
+        \"pointList\": [
+          {
+            \"x\": 536,
+            \"y\": 408
+          },
+          {
+            \"x\": 536,
+            \"y\": 424
+          }
+        ],
+        \"orderInPolygon\": 2
+      },
+      \"pointerEnd\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"04adb8bc\"
+      },
+      \"plugMap\": {
+        \"04adb8bc\": {
+          \"id\": \"04adb8bc\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 424
+          }
+        }
+      },
+      \"anchorPositionMap\": {
+        \"topLeft\": \"94192afb\",
+        \"topMiddle\": \"344d4a21\",
+        \"topRight\": \"240d1a8d\",
+        \"right\": \"744938a3\",
+        \"bottomRight\": \"84f1781a\",
+        \"bottomMiddle\": \"74b07989\",
+        \"bottomLeft\": \"64bbf9dc\",
+        \"left\": \"c4c2bab7\"
+      }
+    },
+    \"741359d4\": {
+      \"id\": \"741359d4\",
+      \"elementType\": \"MultiConnector\",
+      \"plugMap\": {
+        \"94dd5963\": {
+          \"id\": \"94dd5963\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 528
+          },
+          \"elementId\": \"f42dbbae\",
+          \"socketId\": \"a496790c\"
+        },
+        \"c493ca9f\": {
+          \"id\": \"c493ca9f\",
+          \"position\": {
+            \"x\": 672,
+            \"y\": 576
+          },
+          \"elementId\": \"845ce813\",
+          \"socketId\": \"b4f56b95\"
+        },
+        \"746c2bc5\": {
+          \"id\": \"746c2bc5\",
+          \"position\": {
+            \"x\": 544,
+            \"y\": 576
+          },
+          \"elementId\": \"54f04933\",
+          \"socketId\": \"e47ff83a\"
+        }
+      },
+      \"socketMap\": {},
+      \"anchorMap\": {
+        \"e499c907\": {
+          \"id\": \"e499c907\",
+          \"positionOnMultiConnector\": \"vertical\",
+          \"position\": {
+            \"x\": 608,
+            \"y\": 552
+          }
+        }
+      },
+      \"importance\": \"normal\",
+      \"direction\": \"vertical\",
+      \"bidirectional\": false,
+      \"inverted\": true,
+      \"lineStyle\": \"solid\",
+      \"searchKey\": \"\",
+      \"relationType\": \"association1\",
+      \"startPoint\": {
+        \"pointType\": \"Plug\",
+        \"id\": \"94dd5963\",
+        \"pointer\": \"association\"
+      },
+      \"endPointList\": [
+        {
+          \"pointType\": \"Plug\",
+          \"id\": \"c493ca9f\",
+          \"label\": \"\",
+          \"pointer\": \"one\"
+        },
+        {
+          \"pointType\": \"Plug\",
+          \"id\": \"746c2bc5\",
+          \"label\": \"\",
+          \"pointer\": \"one\"
+        }
+      ]
+    },
+    \"54f04933\": {
+      \"id\": \"54f04933\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uu5\",
+      \"uuBmlIconCode\": \"visualComponent\",
+      \"position\": {
+        \"x\": 512,
+        \"y\": 576
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Visual component\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 192,
+      \"importance\": \"normal\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"84183a23\",
+        \"24b858c1\",
+        \"241eeb31\",
+        \"3404ea13\",
+        \"e47ff83a\",
+        \"9456d9c3\",
+        \"e4919a64\",
+        \"f409da88\",
+        \"4481890a\"
+      ],
+      \"rightPointList\": [
+        \"f412fb7a\",
+        \"b4272afc\",
+        \"d4d4c903\",
+        \"646319cb\",
+        \"c4e1b96c\",
+        \"d4554aba\",
+        \"94243b22\",
+        \"84bf4bb5\"
+      ],
+      \"leftPointList\": [
+        \"e4a1f9b6\",
+        \"94c48afb\",
+        \"448d4888\",
+        \"f42e38e3\",
+        \"24260b53\",
+        \"44c82a1a\",
+        \"04cde963\",
+        \"d4bb3bf8\"
+      ],
+      \"bottomPointList\": [
+        \"c469bb7f\",
+        \"74304800\",
+        \"1481595c\",
+        \"640c4b92\",
+        \"04968ab2\",
+        \"c47e49cf\",
+        \"b4d33b30\",
+        \"74464925\",
+        \"b4e4a929\"
+      ],
+      \"textBackgroundVisible\": false,
+      \"pluggedSocketsMap\": {
+        \"e47ff83a\": [
+          {
+            \"elementId\": \"741359d4\",
+            \"plugId\": \"746c2bc5\"
+          }
+        ],
+        \"04968ab2\": [
+          {
+            \"elementId\": \"f4c02971\",
+            \"plugId\": \"34797b6f\"
+          }
+        ]
+      }
+    },
+    \"845ce813\": {
+      \"id\": \"845ce813\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uu5\",
+      \"uuBmlIconCode\": \"visualComponent\",
+      \"position\": {
+        \"x\": 640,
+        \"y\": 576
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Visual component\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 192,
+      \"importance\": \"high\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"247cab83\",
+        \"84916946\",
+        \"848ac9a1\",
+        \"0429e8e6\",
+        \"b4f56b95\",
+        \"a483d802\",
+        \"d4132bac\",
+        \"d4404b6c\",
+        \"f4508bd2\"
+      ],
+      \"rightPointList\": [
+        \"943c5802\",
+        \"44818b2b\",
+        \"54f779f3\",
+        \"94341983\",
+        \"b44ec826\",
+        \"642f58ac\",
+        \"d4287a59\",
+        \"a45be977\"
+      ],
+      \"leftPointList\": [
+        \"7481baca\",
+        \"b4cceb2f\",
+        \"b41cf8b8\",
+        \"54e66841\",
+        \"248b187d\",
+        \"1435a815\",
+        \"944a3a31\",
+        \"5414cb83\"
+      ],
+      \"bottomPointList\": [
+        \"941219a5\",
+        \"24972930\",
+        \"f4c9a974\",
+        \"747c3b3e\",
+        \"c492ba15\",
+        \"b414ab9f\",
+        \"24ccfb0f\",
+        \"8436e8b9\",
+        \"2470ea0e\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"94341983\": [
+          {
+            \"elementId\": \"b4e32b42\",
+            \"plugId\": \"84abca79\"
+          }
+        ],
+        \"b4f56b95\": [
+          {
+            \"elementId\": \"741359d4\",
+            \"plugId\": \"c493ca9f\"
+          }
+        ],
+        \"54f779f3\": [
+          {
+            \"elementId\": \"e464f89a\",
+            \"plugId\": \"4421288d\"
+          }
+        ],
+        \"b44ec826\": [
+          {
+            \"elementId\": \"9442fb79\",
+            \"plugId\": \"1464a85a\"
+          }
+        ],
+        \"c492ba15\": [
+          {
+            \"elementId\": \"b4a2e9cc\",
+            \"plugId\": \"f4a3c889\"
+          }
+        ]
+      }
+    },
+    \"f42dbbae\": {
+      \"id\": \"f42dbbae\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uu5\",
+      \"uuBmlIconCode\": \"nonVisualComponent\",
+      \"position\": {
+        \"x\": 576,
+        \"y\": 448
+      },
+      \"uuIdentity\": null,
+      \"text\": \"Non-visual component\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 192,
+      \"importance\": \"high\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"34bcbb0c\",
+        \"7459cb3f\",
+        \"c44d1812\",
+        \"942289e9\",
+        \"44e73942\",
+        \"04298bd1\",
+        \"14874893\",
+        \"a4ec0a5e\",
+        \"94fc7b46\"
+      ],
+      \"rightPointList\": [
+        \"649939cf\",
+        \"a4d3ebf5\",
+        \"94458976\",
+        \"d4f8da89\",
+        \"34cfa98e\",
+        \"b413d999\",
+        \"94a2cbe6\",
+        \"34ab6ad8\"
+      ],
+      \"leftPointList\": [
+        \"7445596b\",
+        \"24011862\",
+        \"b431c8f0\",
+        \"c46fd915\",
+        \"a456688b\",
+        \"742dc8c8\",
+        \"a4bd8830\",
+        \"c45bea6e\"
+      ],
+      \"bottomPointList\": [
+        \"f446ab26\",
+        \"6411996f\",
+        \"54dc0ae4\",
+        \"14e11b2d\",
+        \"a496790c\",
+        \"c418db1a\",
+        \"d4d98a20\",
+        \"a429e8b2\",
+        \"64291a12\"
+      ],
+      \"textBackgroundVisible\": false,
+      \"pluggedSocketsMap\": {
+        \"44e73942\": [
+          {
+            \"elementId\": \"f4a279b1\",
+            \"plugId\": \"d4a27995\"
+          }
+        ],
+        \"a496790c\": [
+          {
+            \"elementId\": \"741359d4\",
+            \"plugId\": \"94dd5963\"
+          }
+        ]
+      }
+    },
+    \"54962a04\": {
+      \"id\": \"54962a04\",
+      \"elementType\": \"Icon\",
+      \"sourceUuBmlStencil\": \"uu5\",
+      \"uuBmlIconCode\": \"route\",
+      \"position\": {
+        \"x\": 576,
+        \"y\": 320
+      },
+      \"uuIdentity\": null,
+      \"text\": \"route\",
+      \"searchKey\": \"\",
+      \"textHidden\": false,
+      \"textWidth\": 192,
+      \"importance\": \"objective\",
+      \"plural\": false,
+      \"state\": {},
+      \"label\": {},
+      \"topPointList\": [
+        \"b40d8901\",
+        \"44936b20\",
+        \"84713bd4\",
+        \"64ae98de\",
+        \"f4e05bd4\",
+        \"d4818872\",
+        \"942f1b2d\",
+        \"a4649a1b\",
+        \"e4d14849\"
+      ],
+      \"rightPointList\": [
+        \"44274a63\",
+        \"54eeca10\",
+        \"7468a8ca\",
+        \"34ee7b3c\",
+        \"64f16b6c\",
+        \"64502b17\",
+        \"44fa0b4b\",
+        \"0432594d\"
+      ],
+      \"leftPointList\": [
+        \"046c2ba2\",
+        \"745d89bb\",
+        \"144f290b\",
+        \"a4511bfd\",
+        \"f4e4aa66\",
+        \"d432ca4d\",
+        \"24136b28\",
+        \"44f6da8f\"
+      ],
+      \"bottomPointList\": [
+        \"8473e871\",
+        \"147ec8fa\",
+        \"8451baa6\",
+        \"2449e873\",
+        \"e456cbf0\",
+        \"64d1fa9b\",
+        \"5497eb68\",
+        \"f42cfb35\",
+        \"1411e8cb\"
+      ],
+      \"pluggedSocketsMap\": {
+        \"f4e05bd4\": [
+          {
+            \"elementId\": \"4415e81f\",
+            \"plugId\": \"746c0923\"
+          }
+        ],
+        \"34ee7b3c\": [
+          {
+            \"elementId\": \"d49cf9fd\",
+            \"plugId\": \"9472f8ba\"
+          }
+        ],
+        \"e456cbf0\": [
+          {
+            \"elementId\": \"f4a279b1\",
+            \"plugId\": \"e4b059f0\"
+          }
+        ]
+      }
+    }
+  },
+  \"elementZOrderList\": [
+    \"4415e81f\",
+    \"f4a279b1\",
+    \"748dc95f\",
+    \"d493e9a9\",
+    \"d49cf9fd\",
+    \"44d23b4a\",
+    \"041dab0a\",
+    \"849fd955\",
+    \"24c73b8d\",
+    \"1452294c\",
+    \"9442fb79\",
+    \"e464f89a\",
+    \"54df2a76\",
+    \"b4e32b42\",
+    \"c43a3b9b\",
+    \"74319b10\",
+    \"d4dfe86f\",
+    \"a4c79ab1\",
+    \"f4c02971\",
+    \"7403b9fc\",
+    \"b4a2e9cc\",
+    \"74bf6ab2\",
+    \"741359d4\",
+    \"74383907\",
+    \"64218953\",
+    \"54f04933\",
+    \"845ce813\",
+    \"f42dbbae\",
+    \"54962a04\"
+  ],
+  \"underConstruction\": false
+}"/>
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+I understand now. You want a high-level diagram following the official UU5 component diagram pattern with:
+- Route/parent at top
+- Main component (objective)
+- Hooks on the right
+- Child components with selection pattern (MultiConnector)
+- Proper stencils (`uu5`, `uuappmodelkit`)
+
+Let me create a simplified diagram matching that exact pattern.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Generated (13,582 bytes - much smaller). Let me read the page to update the existing diagram section.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now I'll update the existing section with the new high-level diagram.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Done. The diagram has been updated to a high-level version matching the UU5 component diagram pattern:
+
+**Updated structure:**
+- **8 icons** (vs 17 before):
+  - Route (parent, normal importance) at top
+  - EntityItemDetail (objective, orange) - the main component
+  - useEntityItem hook (connected horizontally)
+  - ContentContainer (high importance) - non-visual wrapper
+  - EntityItemDetailBasic & UuEcc.Page - **selection pattern with MultiConnector** (only one rendered)
+  - useEntityDefinition & useBusinessBrick hooks on the right
+
+- **Key patterns used:**
+  - Dashed line from main component to parent Route (intermediate HOCs omitted)
+  - MultiConnector with `inverted: true` for selection (either Basic or ECC.Page is rendered)
+  - Hooks connected horizontally to their parent components
+  - Proper `uu5` and `uuappmodelkit` stencils
+
+- **Size:** 13,582 bytes (down from 36KB)
+
+View at: https://uuapp.plus4u.net/uu-bookkit-maing01/99923616732505139-1dc9a326c88a4765a94c916cf6bf4d55/book/page?code=59913440
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+that is almost nice, but look at the icons used in the example, use themaccordingly too
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+You're right. Looking at the example, the correct icons are:
+
+- **Parent**: `uuappmodelkit` / `uu5Uve` (User visual entrypoint)
+- **Main component**: `uu5` / `route` (objective)
+- **Hooks**: `uu5` / `hook` or `uuappmodelkit` / `uu5Hook`
+- **Non-visual**: `uu5` / `nonVisualComponent`
+- **Visual components**: `uu5` / `visualComponent`
+
+Let me fix the script with the correct stencils.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now let me update the BookKit page with the corrected diagram.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+I see the issue - the library is using incorrect stencil/icon mappings. Let me check the bml-generator library to understand the correct parameter names.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+I see the issue. The library's `createIcon` function accepts a `type` parameter that can be either a key from `STENCILS` or a custom `{stencil, icon}` object. Let me update the script to pass the correct stencil/icon combinations.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now let me update the BookKit page with the corrected diagram.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+The diagram has been updated with the correct icon stencils matching your example:
+
+- **Route** (parent): `uuappmodelkit` / `uu5Uve`
+- **EntityItemDetail** (main): `uu5` / `route` (objective = blue)
+- **useEntityItem** (hook): `uu5` / `hook`
+- **ContentContainer**: `uu5` / `nonVisualComponent` (high = green)
+- **EntityItemDetailBasic**, **UuEcc.Page**: `uu5` / `visualComponent`
+- **useEntityDefinition**, **useBusinessBrick**: `uuappmodelkit` / `uu5Hook`
+
+View at: https://uuapp.plus4u.net/uu-bookkit-maing01/99923616732505139-1dc9a326c88a4765a94c916cf6bf4d55/book/page?code=59913440
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+tohle mám feedback 
+
+Lepší než to bylo
+
+ty objekty ještě trošku roztáhni do šířky
+
+A ještě nějaký callouty
+
+
+
+víš co s tim? callouty tam nejaky nechybi? to by bylo volání nejakeho uucmd..
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Rozumím. Potřebuji:
+1. Roztáhnout objekty do šířky
+2. Přidat callouts (uuCmd) - volání příkazů
+
+Nejdřív se podívám do komponenty, jaké příkazy volá.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Našel jsem tyto uuCmd volání v komponentě:
+- `entityItem/get` - načtení entity item
+- `entityItem/update` - aktualizace entity item  
+- `entityDefinition/get` - načtení entity definition
+
+Teď upravím diagram - rozšířím do šířky a přidám callouts.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Diagram aktualizován:
+
+**Rozšířeno do šířky:**
+- Canvas 1600px (místo 1400px)
+- Větší mezery mezi elementy
+
+**Přidány uuCmd callouts (žluté - highest importance):**
+- `entityItem/get` → připojeno k `useEntityItem`
+- `entityItem/update` → připojeno k `useEntityItem`
+- `entityDefinition/get` → připojeno k `useEntityDefinition`
+
+View at: https://uuapp.plus4u.net/uu-bookkit-maing01/99923616732505139-1dc9a326c88a4765a94c916cf6bf4d55/book/page?code=59913440
+
+--------------------------------------------------------------------------------
+[USER] 10:23:41 PM
+--------------------------------------------------------------------------------
+now i need you to update the @.cursor/rules/uubml-diagram-patterns.mdc so it immediately generates these types of the outputs to my initial prompt in the future , take the learning from this conversation
+
+from my side the important point is the usage of icons, have the diagram wider, having the callouts displayed if they exist, also proide the template i provided you right to the rule, that helps in the future
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Let me first review the current rule and the transcript to gather all the learnings.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now let me find the template/example diagram JSON you provided earlier in the transcript.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now I have enough context. Let me extract the key icon types from the example and search for all of them.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now I have all the learnings. Let me update the rule file with the new sections.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+The section numbers in the ToC already match. Now I need to renumber the actual section headers in the body. Let me check what's there now.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+I see - sections 4-9 need to be renumbered to 5-10. Also need to add section 10 (Reference Template).
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now update sections 8 and 9, and add section 10.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now update the remaining section references (Importance subsections from 3.x to 4.x and Layout subsections).
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now update the Layout section subsection reference in the text.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+It was already updated. Let me verify the final state.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+All sections are properly numbered. Now let me also update the layout section to reflect the wider default canvas.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now let me also update the Y position table in section 6.2 to include uuCmd callouts.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Now update the example layout in section 6.2 to match the new pattern.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+Let me verify the final file looks clean.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+The file looks clean. Let me verify there are no issues with the overall structure.
+
+--------------------------------------------------------------------------------
+[ASSISTANT] 10:23:41 PM
+--------------------------------------------------------------------------------
+The rule has been updated from 345 to 554 lines. Here's a summary of what was added:
+
+**New Section 3 - Icon Stencil Reference:**
+- Mandatory stencil/icon code lookup table with exact `type: { stencil, icon }` syntax for the generator
+- When to use `uu5`/`hook` vs `uuappmodelkit`/`uu5Hook`
+- uuCommand callout rules: always trace hooks → providers → `Calls.*` to find commands, always yellow (`highest`), place to the right
+
+**Updated Section 2.4 - Simplicity:**
+- Added "generate HIGH-LEVEL diagrams by default" principle
+- Don't include every import or helper
+- Group HOC chains into a single parent concept
+
+**Updated Section 6.2 - Client-Side Component Diagram:**
+- Updated level table with correct stencil references
+- Updated example to show the full pattern including hooks, callouts, and correct icon types
+
+**Updated Section 6.4 - General Positioning:**
+- Canvas width minimum **1600px**
+- Wider horizontal spacing (**256px**)
+- Layout zones: hierarchy left-center, hooks right, callouts far right
+
+**New Section 9 - Best Practices (expanded):**
+- High-level by default, wide layout, always include callouts
+- Correct icon stencils emphasis
+- **Component Analysis Checklist** (7-step process for analyzing a component)
+
+**New Section 10 - Reference Template:**
+- Complete generator script template ready to copy-paste and customize
+- Typical layout positions table for a 1600px canvas
+
+================================================================================
+End of conversation
+================================================================================