examples/overflow-test/model.c4 (1)

72-105: Consider adding one no-whitespace technology token to harden the regression case.

Current technology samples are long, but mostly space-delimited. Adding one intentionally unbroken long token (e.g., a single FQN-style string) would better validate worst-case wrapping/overflow behavior for kind/technology rendering.

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@examples/overflow-test/model.c4` around lines 72 - 105, Add a single
no-whitespace, very long token to one of the technology strings to exercise
wrapping/overflow (for example in the technology value on the outputSelector ->
objectDetector edge or any other outputSelector mapping shown). Locate the
technology lines such as the ones in the edges rawFrameDecoder ->
outputSelector, outputSelector -> objectDetector, or outputSelector ->
sceneClassifier and append or replace with a hard-to-break token (a long
FQN-style string with no spaces) in the quoted technology value so the renderer
must handle an unbroken token.

styled-system/preset/src/globalCss.ts (1)

76-87: Consider consolidating duplicated clamp rules into one selector.

Both blocks are identical; combining them will reduce maintenance overhead without changing behavior.

♻️ Proposed refactor

-    '.likec4-relationship-details .likec4-edge-label__text': {
-      display: '-webkit-box!',
-      WebkitBoxOrient: 'vertical!',
-      WebkitLineClamp: '1!',
-      overflow: 'hidden!',
-    },
-    '.likec4-relationship-details .likec4-edge-label__technology': {
+    '.likec4-relationship-details :is(.likec4-edge-label__text, .likec4-edge-label__technology)': {
       display: '-webkit-box!',
       WebkitBoxOrient: 'vertical!',
       WebkitLineClamp: '1!',
       overflow: 'hidden!',
     },

🤖 Prompt for AI Agents

Verify each finding against the current code and only fix it if needed.

In `@styled-system/preset/src/globalCss.ts` around lines 76 - 87, Consolidate the
duplicated CSS rule blocks for the selectors '.likec4-relationship-details
.likec4-edge-label__text' and '.likec4-relationship-details
.likec4-edge-label__technology' into a single rule that targets both selectors
(e.g. comma-separated selector list) and keep the same declarations (display,
WebkitBoxOrient, WebkitLineClamp, overflow) so behavior doesn't change; update
the single rule where these selectors are defined in globalCss.ts (preserve the
existing property values and any special tokens like the trailing '!' if they
are meaningful).