feature/fwf-6183:Added error screens styles by fahad-aot · Pull Request #1146 · AOT-Technologies/forms-flow-ai-micro-front-ends

fahad-aot · 2026-03-19T09:27:54Z

User description

📝 Pull Request Summary

Description:
styles added for the error screens

Related Jira Ticket:
https://aottech.atlassian.net/browse/FWF-6183

Type of Change:

🧩 Microfrontends Affected

Please select all microfrontends or modules that are part of this change:

Details (if Others selected):

🧠 Summary of Changes

🧪 Testing Details

Testing Performed:

Screenshots (if applicable):

✅ Checklist

👥 Reviewer Notes

PR Type

Enhancement

Description

Add icons for error states
Style guide panel URL errors
Style API error text blocks
Clean SmallSearchIcon formatting

Diagram Walkthrough

flowchart LR
  A["`SvgIcons/index.tsx`"] 
  B["Error-state icons"]
  C["`_aiFormBuilder.scss`"]
  D["URL and API error styles"]
  A -- "adds" --> B
  C -- "styles" --> D
  B -- "supports" --> D

File Walkthrough

Relevant files

Enhancement

index.tsx `Add reusable icons for error screens` forms-flow-components/src/components/SvgIcons/index.tsx Reformat `SmallSearchIcon` for readability Add `AccessRestrictedIcon` SVG component Add `CautionIcon` SVG component Provide reusable visuals for error screens	+60/-4
_aiFormBuilder.scss `Add AI builder error screen styles` forms-flow-theme/scss/v8-scss/_aiFormBuilder.scss Add `$font-weight-medium` token mapping Introduce `$gray-darkest-90` helper color Add guide panel URL error container styles Add URL and API error text styles	+42/-5

github-actions · 2026-03-19T09:29:15Z

PR Reviewer Guide 🔍

(Review updated until commit `c95fe28`)

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ Recommended focus areas for review Props dropped `AccessRestrictedIcon` and `CautionIcon` accept `...props` but never pass them to the root `<svg>`. Any caller-provided `className`, `style`, `data-testid`, `aria-`, or event handlers will be silently ignored, which makes these icons hard to style, test, or mark up accessibly when they are rendered in the new error screens. export const AccessRestrictedIcon = ({ color, ...props }) => ( <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="3.92045" cy="3.92045" r="3.59375" fill="#525254" stroke="#525254" strokeWidth="0.653409" /> </svg> ); export const CautionIcon = ({ color, ...props }) => ( <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" > <g clipPath="url(#clip0_19032_2318)"> <path d="M16 30C12.287 30 8.72601 28.525 6.1005 25.8995C3.475 23.274 2 19.713 2 16C2 12.287 3.475 8.72601 6.1005 6.1005C8.72601 3.475 12.287 2 16 2C19.713 2 23.274 3.475 25.8995 6.1005C28.525 8.72601 30 12.287 30 16C30 19.713 28.525 23.274 25.8995 25.8995C23.274 28.525 19.713 30 16 30ZM16 32C20.2435 32 24.3131 30.3143 27.3137 27.3137C30.3143 24.3131 32 20.2435 32 16C32 11.7565 30.3143 7.68687 27.3137 4.68629C24.3131 1.68571 20.2435 0 16 0C11.7565 0 7.68687 1.68571 4.68629 4.68629C1.68571 7.68687 0 11.7565 0 16C0 20.2435 1.68571 24.3131 4.68629 27.3137C7.68687 30.3143 11.7565 32 16 32Z" fill="#FF9100" fillOpacity="0.5" /> <path d="M14.0039 22.0002C14.0039 21.7376 14.0556 21.4775 14.1561 21.2349C14.2567 20.9922 14.404 20.7717 14.5897 20.586C14.7754 20.4003 14.9959 20.253 15.2385 20.1525C15.4812 20.052 15.7413 20.0002 16.0039 20.0002C16.2666 20.0002 16.5266 20.052 16.7693 20.1525C17.0119 20.253 17.2324 20.4003 17.4181 20.586C17.6038 20.7717 17.7512 20.9922 17.8517 21.2349C17.9522 21.4775 18.0039 21.7376 18.0039 22.0002C18.0039 22.5307 17.7932 23.0394 17.4181 23.4144C17.043 23.7895 16.5343 24.0002 16.0039 24.0002C15.4735 24.0002 14.9648 23.7895 14.5897 23.4144C14.2146 23.0394 14.0039 22.5307 14.0039 22.0002ZM14.1999 9.99023C14.1733 9.73792 14.2 9.48282 14.2783 9.24149C14.3566 9.00016 14.4848 8.778 14.6545 8.58941C14.8243 8.40082 15.0318 8.25002 15.2635 8.1468C15.4953 8.04358 15.7462 7.99023 15.9999 7.99023C16.2536 7.99023 16.5045 8.04358 16.7363 8.1468C16.9681 8.25002 17.1755 8.40082 17.3453 8.58941C17.515 8.778 17.6432 9.00016 17.7215 9.24149C17.7998 9.48282 17.8265 9.73792 17.7999 9.99023L17.0999 17.0042C17.0764 17.2798 16.9503 17.5365 16.7466 17.7235C16.5429 17.9106 16.2765 18.0143 15.9999 18.0143C15.7234 18.0143 15.4569 17.9106 15.2532 17.7235C15.0495 17.5365 14.9234 17.2798 14.8999 17.0042L14.1999 9.99023Z" fill="#FF9100" fillOpacity="0.5" /> </g> <defs> <clipPath id="clip0_19032_2318"> <rect width="32" height="32" fill="white" /> </clipPath> </defs> </svg> Color ignored* Both new icon components take a `color` prop but hardcode their fill/stroke values instead of using it. If a screen tries to reuse these icons with a different theme color or state color, the icon will always render in the fixed palette from this file. export const AccessRestrictedIcon = ({ color, ...props }) => ( <svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="3.92045" cy="3.92045" r="3.59375" fill="#525254" stroke="#525254" strokeWidth="0.653409" /> </svg> ); export const CautionIcon = ({ color, ...props }) => ( <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" > <g clipPath="url(#clip0_19032_2318)"> <path d="M16 30C12.287 30 8.72601 28.525 6.1005 25.8995C3.475 23.274 2 19.713 2 16C2 12.287 3.475 8.72601 6.1005 6.1005C8.72601 3.475 12.287 2 16 2C19.713 2 23.274 3.475 25.8995 6.1005C28.525 8.72601 30 12.287 30 16C30 19.713 28.525 23.274 25.8995 25.8995C23.274 28.525 19.713 30 16 30ZM16 32C20.2435 32 24.3131 30.3143 27.3137 27.3137C30.3143 24.3131 32 20.2435 32 16C32 11.7565 30.3143 7.68687 27.3137 4.68629C24.3131 1.68571 20.2435 0 16 0C11.7565 0 7.68687 1.68571 4.68629 4.68629C1.68571 7.68687 0 11.7565 0 16C0 20.2435 1.68571 24.3131 4.68629 27.3137C7.68687 30.3143 11.7565 32 16 32Z" fill="#FF9100" fillOpacity="0.5" /> <path d="M14.0039 22.0002C14.0039 21.7376 14.0556 21.4775 14.1561 21.2349C14.2567 20.9922 14.404 20.7717 14.5897 20.586C14.7754 20.4003 14.9959 20.253 15.2385 20.1525C15.4812 20.052 15.7413 20.0002 16.0039 20.0002C16.2666 20.0002 16.5266 20.052 16.7693 20.1525C17.0119 20.253 17.2324 20.4003 17.4181 20.586C17.6038 20.7717 17.7512 20.9922 17.8517 21.2349C17.9522 21.4775 18.0039 21.7376 18.0039 22.0002C18.0039 22.5307 17.7932 23.0394 17.4181 23.4144C17.043 23.7895 16.5343 24.0002 16.0039 24.0002C15.4735 24.0002 14.9648 23.7895 14.5897 23.4144C14.2146 23.0394 14.0039 22.5307 14.0039 22.0002ZM14.1999 9.99023C14.1733 9.73792 14.2 9.48282 14.2783 9.24149C14.3566 9.00016 14.4848 8.778 14.6545 8.58941C14.8243 8.40082 15.0318 8.25002 15.2635 8.1468C15.4953 8.04358 15.7462 7.99023 15.9999 7.99023C16.2536 7.99023 16.5045 8.04358 16.7363 8.1468C16.9681 8.25002 17.1755 8.40082 17.3453 8.58941C17.515 8.778 17.6432 9.00016 17.7215 9.24149C17.7998 9.48282 17.8265 9.73792 17.7999 9.99023L17.0999 17.0042C17.0764 17.2798 16.9503 17.5365 16.7466 17.7235C16.5429 17.9106 16.2765 18.0143 15.9999 18.0143C15.7234 18.0143 15.4569 17.9106 15.2532 17.7235C15.0495 17.5365 14.9234 17.2798 14.8999 17.0042L14.1999 9.99023Z" fill="#FF9100" fillOpacity="0.5" /> </g> <defs> <clipPath id="clip0_19032_2318"> <rect width="32" height="32" fill="white" /> </clipPath> </defs> </svg>

github-actions · 2026-03-19T09:30:18Z

PR Code Suggestions ✨

Latest suggestions up to c95fe28
Explore these optional code suggestions:

Category Suggestion Impact

General

Forward icon customization props

AccessRestrictedIcon destructures color and props but never applies them, so callers
cannot override the icon color or pass accessibility and test attributes to the
rendered SVG. Forward {...props} to the and use color as the source of both fill
and stroke with a default fallback.

forms-flow-components/src/components/SvgIcons/index.tsx [1808-1825]

-export const AccessRestrictedIcon = ({ color, ...props }) => (
+export const AccessRestrictedIcon = ({ color = "#525254", ...props }) => (
   <svg
     width="8"
     height="8"
     viewBox="0 0 8 8"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
+    {...props}
   >
     <circle
       cx="3.92045"
       cy="3.92045"
       r="3.59375"
-      fill="#525254"
-      stroke="#525254"
+      fill={color}
+      stroke={color}
       strokeWidth="0.653409"
     />
   </svg>
 );

Suggestion importance[1-10]: 6

__

Why: The suggestion is accurate because AccessRestrictedIcon currently ignores both color and props, which prevents callers from customizing the icon or passing SVG attributes like accessibility and test props. This improves reusability in forms-flow-components/src/components/SvgIcons/index.tsx, but it is not a critical correctness issue.

Low

Possible issue

Remove shared SVG id

The fixed clipPath id will collide when multiple CautionIcon instances are mounted,
and because the clip just covers the full canvas it is unnecessary anyway. Remove
the wrapper and defs entirely, then forward {...props} and use color so the icon
remains customizable without shared DOM ids.

forms-flow-components/src/components/SvgIcons/index.tsx [1827-1853]

-export const CautionIcon = ({ color, ...props }) => (
+export const CautionIcon = ({ color = "#FF9100", ...props }) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="32"
     height="32"
     viewBox="0 0 32 32"
     fill="none"
+    {...props}
   >
-    <g clipPath="url(#clip0_19032_2318)">
-      <path
-        d="M16 30C12.287 30 8.72601 28.525 6.1005 25.8995C3.475 23.274 2 19.713 2 16C2 12.287 3.475 8.72601 6.1005 6.1005C8.72601 3.475 12.287 2 16 2C19.713 2 23.274 3.475 25.8995 6.1005C28.525 8.72601 30 12.287 30 16C30 19.713 28.525 23.274 25.8995 25.8995C23.274 28.525 19.713 30 16 30ZM16 32C20.2435 32 24.3131 30.3143 27.3137 27.3137C30.3143 24.3131 32 20.2435 32 16C32 11.7565 30.3143 7.68687 27.3137 4.68629C24.3131 1.68571 20.2435 0 16 0C11.7565 0 7.68687 1.68571 4.68629 4.68629C1.68571 7.68687 0 11.7565 0 16C0 20.2435 1.68571 24.3131 4.68629 27.3137C7.68687 30.3143 11.7565 32 16 32Z"
-        fill="#FF9100"
-        fillOpacity="0.5"
-      />
-      <path
-        d="M14.0039 22.0002C14.0039 21.7376 14.0556 21.4775 14.1561 21.2349C14.2567 20.9922 14.404 20.7717 14.5897 20.586C14.7754 20.4003 14.9959 20.253 15.2385 20.1525C15.4812 20.052 15.7413 20.0002 16.0039 20.0002C16.2666 20.0002 16.5266 20.052 16.7693 20.1525C17.0119 20.253 17.2324 20.4003 17.4181 20.586C17.6038 20.7717 17.7512 20.9922 17.8517 21.2349C17.9522 21.4775 18.0039 21.7376 18.0039 22.0002C18.0039 22.5307 17.7932 23.0394 17.4181 23.4144C17.043 23.7895 16.5343 24.0002 16.0039 24.0002C15.4735 24.0002 14.9648 23.7895 14.5897 23.4144C14.2146 23.0394 14.0039 22.5307 14.0039 22.0002ZM14.1999 9.99023C14.1733 9.73792 14.2 9.48282 14.2783 9.24149C14.3566 9.00016 14.4848 8.778 14.6545 8.58941C14.8243 8.40082 15.0318 8.25002 15.2635 8.1468C15.4953 8.04358 15.7462 7.99023 15.9999 7.99023C16.2536 7.99023 16.5045 8.04358 16.7363 8.1468C16.9681 8.25002 17.1755 8.40082 17.3453 8.58941C17.515 8.778 17.6432 9.00016 17.7215 9.24149C17.7998 9.48282 17.8265 9.73792 17.7999 9.99023L17.0999 17.0042C17.0764 17.2798 16.9503 17.5365 16.7466 17.7235C16.5429 17.9106 16.2765 18.0143 15.9999 18.0143C15.7234 18.0143 15.4569 17.9106 15.2532 17.7235C15.0495 17.5365 14.9234 17.2798 14.8999 17.0042L14.1999 9.99023Z"
-        fill="#FF9100"
-        fillOpacity="0.5"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_19032_2318">
-        <rect width="32" height="32" fill="white" />
-      </clipPath>
-    </defs>
+    <path
+      d="M16 30C12.287 30 8.72601 28.525 6.1005 25.8995C3.475 23.274 2 19.713 2 16C2 12.287 3.475 8.72601 6.1005 6.1005C8.72601 3.475 12.287 2 16 2C19.713 2 23.274 3.475 25.8995 6.1005C28.525 8.72601 30 12.287 30 16C30 19.713 28.525 23.274 25.8995 25.8995C23.274 28.525 19.713 30 16 30ZM16 32C20.2435 32 24.3131 30.3143 27.3137 27.3137C30.3143 24.3131 32 20.2435 32 16C32 11.7565 30.3143 7.68687 27.3137 4.68629C24.3131 1.68571 20.2435 0 16 0C11.7565 0 7.68687 1.68571 4.68629 4.68629C1.68571 7.68687 0 11.7565 0 16C0 20.2435 1.68571 24.3131 4.68629 27.3137C7.68687 30.3143 11.7565 32 16 32Z"
+      fill={color}
+      fillOpacity="0.5"
+    />
+    <path
+      d="M14.0039 22.0002C14.0039 21.7376 14.0556 21.4775 14.1561 21.2349C14.2567 20.9922 14.404 20.7717 14.5897 20.586C14.7754 20.4003 14.9959 20.253 15.2385 20.1525C15.4812 20.052 15.7413 20.0002 16.0039 20.0002C16.2666 20.0002 16.5266 20.052 16.7693 20.1525C17.0119 20.253 17.2324 20.4003 17.4181 20.586C17.6038 20.7717 17.7512 20.9922 17.8517 21.2349C17.9522 21.4775 18.0039 21.7376 18.0039 22.0002C18.0039 22.5307 17.7932 23.0394 17.4181 23.4144C17.043 23.7895 16.5343 24.0002 16.0039 24.0002C15.4735 24.0002 14.9648 23.7895 14.5897 23.4144C14.2146 23.0394 14.0039 22.5307 14.0039 22.0002ZM14.1999 9.99023C14.1733 9.73792 14.2 9.48282 14.2783 9.24149C14.3566 9.00016 14.4848 8.778 14.6545 8.58941C14.8243 8.40082 15.0318 8.25002 15.2635 8.1468C15.4953 8.04358 15.7462 7.99023 15.9999 7.99023C16.2536 7.99023 16.5045 8.04358 16.7363 8.1468C16.9681 8.25002 17.1755 8.40082 17.3453 8.58941C17.515 8.778 17.6432 9.00016 17.7215 9.24149C17.7998 9.48282 17.8265 9.73792 17.7999 9.99023L17.0999 17.0042C17.0764 17.2798 16.9503 17.5365 16.7466 17.7235C16.5429 17.9106 16.2765 18.0143 15.9999 18.0143C15.7234 18.0143 15.4569 17.9106 15.2532 17.7235C15.0495 17.5365 14.9234 17.2798 14.8999 17.0042L14.1999 9.99023Z"
+      fill={color}
+      fillOpacity="0.5"
+    />
   </svg>
 );

Suggestion importance[1-10]: 5

__

Why: The suggestion is mostly correct: CautionIcon uses a fixed clipPath id and also ignores color and props, while the full-canvas clip appears unnecessary. The id collision risk is fairly low here because the clip definition is identical, so this is a moderate robustness and customization improvement rather than an important bug fix.

Low

Previous suggestions

Suggestions up to commit 6259828

Category Suggestion Impact

Possible issue

Normalize JSX SVG attributes

Convert the SVG attributes to React's camelCase equivalents. clip-path and
fill-opacity are invalid JSX prop names, so the clipping and transparency can fail
when this icon renders.

forms-flow-components/src/components/SvgIcons/index.tsx [1835-1846]

-<g clip-path="url(#clip0_19032_2318)">
+<g clipPath="url(#clip0_19032_2318)">
   <path
     d="M16 30C12.287 30 8.72601 28.525 6.1005 25.8995C3.475 23.274 2 19.713 2 16C2 12.287 3.475 8.72601 6.1005 6.1005C8.72601 3.475 12.287 2 16 2C19.713 2 23.274 3.475 25.8995 6.1005C28.525 8.72601 30 12.287 30 16C30 19.713 28.525 23.274 25.8995 25.8995C23.274 28.525 19.713 30 16 30ZM16 32C20.2435 32 24.3131 30.3143 27.3137 27.3137C30.3143 24.3131 32 20.2435 32 16C32 11.7565 30.3143 7.68687 27.3137 4.68629C24.3131 1.68571 20.2435 0 16 0C11.7565 0 7.68687 1.68571 4.68629 4.68629C1.68571 7.68687 0 11.7565 0 16C0 20.2435 1.68571 24.3131 4.68629 27.3137C7.68687 30.3143 11.7565 32 16 32Z"
     fill="#FF9100"
-    fill-opacity="0.5"
+    fillOpacity="0.5"
   />
   <path
     d="M14.0039 22.0002C14.0039 21.7376 14.0556 21.4775 14.1561 21.2349C14.2567 20.9922 14.404 20.7717 14.5897 20.586C14.7754 20.4003 14.9959 20.253 15.2385 20.1525C15.4812 20.052 15.7413 20.0002 16.0039 20.0002C16.2666 20.0002 16.5266 20.052 16.7693 20.1525C17.0119 20.253 17.2324 20.4003 17.4181 20.586C17.6038 20.7717 17.7512 20.9922 17.8517 21.2349C17.9522 21.4775 18.0039 21.7376 18.0039 22.0002C18.0039 22.5307 17.7932 23.0394 17.4181 23.4144C17.043 23.7895 16.5343 24.0002 16.0039 24.0002C15.4735 24.0002 14.9648 23.7895 14.5897 23.4144C14.2146 23.0394 14.0039 22.5307 14.0039 22.0002ZM14.1999 9.99023C14.1733 9.73792 14.2 9.48282 14.2783 9.24149C14.3566 9.00016 14.4848 8.778 14.6545 8.58941C14.8243 8.40082 15.0318 8.25002 15.2635 8.1468C15.4953 8.04358 15.7462 7.99023 15.9999 7.99023C16.2536 7.99023 16.5045 8.04358 16.7363 8.1468C16.9681 8.25002 17.1755 8.40082 17.3453 8.58941C17.515 8.778 17.6432 9.00016 17.7215 9.24149C17.7998 9.48282 17.8265 9.73792 17.7999 9.99023L17.0999 17.0042C17.0764 17.2798 16.9503 17.5365 16.7466 17.7235C16.5429 17.9106 16.2765 18.0143 15.9999 18.0143C15.7234 18.0143 15.4569 17.9106 15.2532 17.7235C15.0495 17.5365 14.9234 17.2798 14.8999 17.0042L14.1999 9.99023Z"
     fill="#FF9100"
-    fill-opacity="0.5"
+    fillOpacity="0.5"
   />
 </g>

Suggestion importance[1-10]: 7

__

Why: This correctly identifies multiple JSX-incompatible SVG attributes in CautionIcon, including clip-path and fill-opacity, and the improved_code matches the intended fix. It can prevent invalid DOM property warnings and potential issues with clipping/transparency, so it has moderate impact.

Medium

Fix invalid SVG prop

Replace the kebab-case SVG prop with the JSX-safe camelCase form. Using stroke-width
in React can be ignored or trigger invalid DOM property warnings, which would leave
the icon stroke rendering incorrectly.

forms-flow-components/src/components/SvgIcons/index.tsx [1816-1823]

 <circle
   cx="3.92045"
   cy="3.92045"
   r="3.59375"
   fill="#525254"
   stroke="#525254"
-  stroke-width="0.653409"
+  strokeWidth="0.653409"
 />

Suggestion importance[1-10]: 6

__

Why: The suggestion is accurate: stroke-width should be strokeWidth in React JSX for the AccessRestrictedIcon SVG. This is a real rendering/console-warning issue, but it is limited in scope to a single icon prop.

Low

Bonymol-aot · 2026-03-19T11:01:51Z

Please resolve the issues from sonar cloud in new icons @fahad-aot

sonarqubecloud · 2026-03-23T09:55:15Z

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

github-actions · 2026-03-23T09:55:39Z

Persistent review updated to latest commit c95fe28

feature/fwf-6183:Added error screens styles

6259828

fahad-aot requested review from a team as code owners March 19, 2026 09:27

github-actions bot added the Review effort 2/5 label Mar 19, 2026

resolved sonar issues

c95fe28

github-actions bot added Review effort 1/5 and removed Review effort 2/5 labels Mar 23, 2026

Ajay-aot approved these changes Mar 23, 2026

View reviewed changes

arun-s-aot approved these changes Mar 24, 2026

View reviewed changes

arun-s-aot merged commit 1372a7d into AOT-Technologies:develop Mar 24, 2026
3 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feature/fwf-6183:Added error screens styles#1146

feature/fwf-6183:Added error screens styles#1146
arun-s-aot merged 2 commits intoAOT-Technologies:developfrom
fahad-aot:feature/fwf-6183-error-screen-styles

fahad-aot commented Mar 19, 2026 •

edited by github-actions bot

Loading

Uh oh!

github-actions bot commented Mar 19, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Mar 19, 2026 •

edited

Loading

Uh oh!

Bonymol-aot commented Mar 19, 2026 •

edited

Loading

Uh oh!

sonarqubecloud bot commented Mar 23, 2026

Uh oh!

github-actions bot commented Mar 23, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Conversation

fahad-aot commented Mar 19, 2026 • edited by github-actions bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

User description

📝 Pull Request Summary

🧩 Microfrontends Affected

🧠 Summary of Changes

🧪 Testing Details

✅ Checklist

👥 Reviewer Notes

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

github-actions bot commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Reviewer Guide 🔍

(Review updated until commit c95fe28)

Uh oh!

github-actions bot commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Code Suggestions ✨

Previous suggestions

Uh oh!

Bonymol-aot commented Mar 19, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

sonarqubecloud bot commented Mar 23, 2026

Quality Gate passed

Uh oh!

github-actions bot commented Mar 23, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

fahad-aot commented Mar 19, 2026 •

edited by github-actions bot

Loading

github-actions bot commented Mar 19, 2026 •

edited

Loading

(Review updated until commit `c95fe28`)

github-actions bot commented Mar 19, 2026 •

edited

Loading

Bonymol-aot commented Mar 19, 2026 •

edited

Loading