@kopexa/grc 0.0.22 → 0.0.24

package/dist/common/impact/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/common/impact/index.ts
 var impact_exports = {};
 __export(impact_exports, {
+  ImpactBadge: () => ImpactBadge,
   ImpactCard: () => ImpactCard,
   assetScale: () => assetScale,
   getScale: () => getScale,
@@ -31,12 +32,9 @@ __export(impact_exports, {
 });
 module.exports = __toCommonJS(impact_exports);
 
-// src/common/impact/impact-card.tsx
+// src/common/impact/impact-badge.tsx
 var import_i18n2 = require("@kopexa/i18n");
-var import_icons = require("@kopexa/icons");
-var import_sight = require("@kopexa/sight");
-var import_theme = require("@kopexa/theme");
-var import_react = require("react");
+var import_shared_utils = require("@kopexa/shared-utils");
 
 // src/common/impact/messages.ts
 var import_i18n = require("@kopexa/i18n");
@@ -323,8 +321,44 @@ function getScale(preset) {
   }
 }
 
-// src/common/impact/impact-card.tsx
+// src/common/impact/impact-badge.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+function ImpactBadge({
+  level,
+  scale = "risk",
+  showValue = false,
+  className
+}) {
+  var _a;
+  const intl = (0, import_i18n2.useSafeIntl)();
+  const normalizedLevel = level === null || level === void 0 ? 0 : (_a = Math.min(5, Math.max(0, Math.round(level)))) != null ? _a : 0;
+  const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
+  const config = scaleConfig[normalizedLevel];
+  const isUnrated = normalizedLevel === 0;
+  const label = intl.formatMessage(config.message);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      className: (0, import_shared_utils.cn)(
+        "inline-flex items-center gap-1.5 text-sm font-medium px-2 py-0.5 rounded",
+        isUnrated ? "text-muted-foreground bg-muted" : `${config.color} ${config.bgColor}`,
+        className
+      ),
+      children: [
+        showValue && !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs font-mono opacity-70", children: normalizedLevel }),
+        label
+      ]
+    }
+  );
+}
+
+// src/common/impact/impact-card.tsx
+var import_i18n3 = require("@kopexa/i18n");
+var import_icons = require("@kopexa/icons");
+var import_sight = require("@kopexa/sight");
+var import_theme = require("@kopexa/theme");
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function ImpactItemRow({
   label,
   shortLabel,
@@ -338,28 +372,28 @@ function ImpactItemRow({
   const isUnrated = value === 0;
   const percentage = isUnrated ? 0 : value / 5 * 100;
   const styles = (0, import_theme.impactCard)({ unrated: isUnrated });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.rowContent(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.rowBody(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.rowHeader(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.rowLabel(), children: label }),
-        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.rowContent(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.rowBody(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.rowHeader(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.rowLabel(), children: label }),
+        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           import_sight.Select,
           {
             value: String(value),
             onValueChange: (val) => onLevelChange(Number(val)),
             size: "sm",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Value, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Select.Value, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
                 formatLabel(level)
               ] }) }, level)) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.rowValue(), children: [
-          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.rowValueNumber(), children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.rowValue(), children: [
+          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.rowValueNumber(), children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "span",
             {
               className: styles.rowValueBadge({
@@ -370,7 +404,7 @@ function ImpactItemRow({
           )
         ] })
       ] }),
-      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "div",
         {
           className: styles.progressBar({ className: config.barColor }),
@@ -398,7 +432,7 @@ function ImpactCard({
   needsAttention = false
 }) {
   var _a, _b;
-  const intl = (0, import_i18n2.useSafeIntl)();
+  const intl = (0, import_i18n3.useSafeIntl)();
   const isInline = variant === "inline";
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [editValues, setEditValues] = (0, import_react.useState)(
@@ -475,8 +509,8 @@ function ImpactCard({
   const justificationHint = intl.formatMessage(messages.justification_hint, {
     level: highestLabel
   });
-  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ImpactItemRow,
       {
         label: t.confidentiality,
@@ -488,7 +522,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactConfidentiality")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ImpactItemRow,
       {
         label: t.integrity,
@@ -500,7 +534,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactIntegrity")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ImpactItemRow,
       {
         label: t.availability,
@@ -512,7 +546,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactAvailability")
       }
     ),
-    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       ImpactItemRow,
       {
         label: t.authenticity,
@@ -525,19 +559,19 @@ function ImpactCard({
       }
     )
   ] });
-  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.justificationSection(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "label",
       {
         htmlFor: "impact-justification",
         className: styles.justificationLabel(),
         children: [
           t.justification,
-          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
         ]
       }
     ),
-    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       import_sight.Textarea,
       {
         id: "impact-justification",
@@ -547,43 +581,43 @@ function ImpactCard({
         rows: 3,
         className: "text-sm"
       }
-    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
   ] });
   if (isInline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper(), children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
       impactRows,
       justificationContent
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Card.Root, { className: styles.root(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight.Card.Root, { className: styles.root(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       import_sight.Card.Header,
       {
         className: `flex flex-row items-center justify-between ${needsAttention ? "bg-destructive/10 rounded-t-lg" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
-            isEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Chip, { size: "sm", color: "primary", children: t.edit }),
-            needsAttention && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Chip, { size: "sm", color: "destructive", variant: "solid", children: t.required })
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
+            isEditing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Chip, { size: "sm", color: "primary", children: t.edit }),
+            needsAttention && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Chip, { size: "sm", color: "destructive", variant: "solid", children: t.required })
           ] }),
-          !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "button",
             {
               type: "button",
               onClick: handleStartEdit,
               className: styles.editButton(),
               "aria-label": t.edit,
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EditIcon, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.EditIcon, { className: "size-4" })
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sight.Button, { size: "sm", onClick: handleSave, children: t.save })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight.Button, { size: "sm", onClick: handleSave, children: t.save })
           ] }))
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_sight.Card.Body, { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight.Card.Body, { className: "space-y-3", children: [
       impactRows,
       justificationContent
     ] })
@@ -591,6 +625,7 @@ function ImpactCard({
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ImpactBadge,
   ImpactCard,
   assetScale,
   getScale,

package/dist/common/impact/index.mjs

@@ -1,5 +1,8 @@
 "use client";
-import "../../chunk-GFABGXAO.mjs";
+import "../../chunk-4DMM2HCE.mjs";
+import {
+  ImpactBadge
+} from "../../chunk-VQUPRJG7.mjs";
 import {
   ImpactCard
 } from "../../chunk-C2GUKNBG.mjs";
@@ -14,6 +17,7 @@ import {
   messages
 } from "../../chunk-AXBL7YBB.mjs";
 export {
+  ImpactBadge,
   ImpactCard,
   assetScale,
   getScale,

package/dist/common/index.d.mts

@@ -1,6 +1,7 @@
 export { ComplianceBadges, ComplianceBadgesProps, DoraBadge, DoraBadgeProps, Nis2Badge, Nis2BadgeProps } from './compliance/compliance-badge.mjs';
 export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './control/mapped-controls.mjs';
 export { EditorCard, EditorCardProps } from './editor/editor-card.mjs';
+export { ImpactBadge, ImpactBadgeProps } from './impact/impact-badge.mjs';
 export { ImpactCard, ImpactCardProps, ImpactValue } from './impact/impact-card.mjs';
 export { messages as impactMessages } from './impact/messages.mjs';
 export { ImpactLevel, ImpactLevelConfig, ImpactScaleConfig, ImpactScalePreset, assetScale, getScale, impactLevels, processScale, riskScale } from './impact/scales.mjs';

package/dist/common/index.d.ts

@@ -1,6 +1,7 @@
 export { ComplianceBadges, ComplianceBadgesProps, DoraBadge, DoraBadgeProps, Nis2Badge, Nis2BadgeProps } from './compliance/compliance-badge.js';
 export { ControlChip, ControlChipProps, MappedControls, MappedControlsProps } from './control/mapped-controls.js';
 export { EditorCard, EditorCardProps } from './editor/editor-card.js';
+export { ImpactBadge, ImpactBadgeProps } from './impact/impact-badge.js';
 export { ImpactCard, ImpactCardProps, ImpactValue } from './impact/impact-card.js';
 export { messages as impactMessages } from './impact/messages.js';
 export { ImpactLevel, ImpactLevelConfig, ImpactScaleConfig, ImpactScalePreset, assetScale, getScale, impactLevels, processScale, riskScale } from './impact/scales.js';

package/dist/common/index.js

@@ -25,6 +25,7 @@ __export(common_exports, {
   ControlChip: () => ControlChip,
   DoraBadge: () => DoraBadge,
   EditorCard: () => EditorCard,
+  ImpactBadge: () => ImpactBadge,
   ImpactCard: () => ImpactCard,
   MappedControls: () => MappedControls,
   Nis2Badge: () => Nis2Badge,
@@ -361,12 +362,9 @@ function EditorCard({
   );
 }
 
-// src/common/impact/impact-card.tsx
+// src/common/impact/impact-badge.tsx
 var import_i18n7 = require("@kopexa/i18n");
-var import_icons3 = require("@kopexa/icons");
-var import_sight4 = require("@kopexa/sight");
-var import_theme3 = require("@kopexa/theme");
-var import_react2 = require("react");
+var import_shared_utils = require("@kopexa/shared-utils");
 
 // src/common/impact/messages.ts
 var import_i18n6 = require("@kopexa/i18n");
@@ -653,8 +651,44 @@ function getScale(preset) {
   }
 }
 
-// src/common/impact/impact-card.tsx
+// src/common/impact/impact-badge.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
+function ImpactBadge({
+  level,
+  scale = "risk",
+  showValue = false,
+  className
+}) {
+  var _a;
+  const intl = (0, import_i18n7.useSafeIntl)();
+  const normalizedLevel = level === null || level === void 0 ? 0 : (_a = Math.min(5, Math.max(0, Math.round(level)))) != null ? _a : 0;
+  const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
+  const config = scaleConfig[normalizedLevel];
+  const isUnrated = normalizedLevel === 0;
+  const label = intl.formatMessage(config.message);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "span",
+    {
+      className: (0, import_shared_utils.cn)(
+        "inline-flex items-center gap-1.5 text-sm font-medium px-2 py-0.5 rounded",
+        isUnrated ? "text-muted-foreground bg-muted" : `${config.color} ${config.bgColor}`,
+        className
+      ),
+      children: [
+        showValue && !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs font-mono opacity-70", children: normalizedLevel }),
+        label
+      ]
+    }
+  );
+}
+
+// src/common/impact/impact-card.tsx
+var import_i18n8 = require("@kopexa/i18n");
+var import_icons3 = require("@kopexa/icons");
+var import_sight4 = require("@kopexa/sight");
+var import_theme3 = require("@kopexa/theme");
+var import_react2 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function ImpactItemRow({
   label,
   shortLabel,
@@ -668,28 +702,28 @@ function ImpactItemRow({
   const isUnrated = value === 0;
   const percentage = isUnrated ? 0 : value / 5 * 100;
   const styles = (0, import_theme3.impactCard)({ unrated: isUnrated });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowContent(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowBody(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowHeader(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.rowLabel(), children: label }),
-        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowContent(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowBody(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowHeader(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.rowLabel(), children: label }),
+        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           import_sight4.Select,
           {
             value: String(value),
             onValueChange: (val) => onLevelChange(Number(val)),
             size: "sm",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Value, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Value, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
                 formatLabel(level)
               ] }) }, level)) })
             ]
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.rowValue(), children: [
-          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.rowValueNumber(), children: value }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.rowValue(), children: [
+          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.rowValueNumber(), children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "span",
             {
               className: styles.rowValueBadge({
@@ -700,7 +734,7 @@ function ImpactItemRow({
           )
         ] })
       ] }),
-      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "div",
         {
           className: styles.progressBar({ className: config.barColor }),
@@ -728,7 +762,7 @@ function ImpactCard({
   needsAttention = false
 }) {
   var _a, _b;
-  const intl = (0, import_i18n7.useSafeIntl)();
+  const intl = (0, import_i18n8.useSafeIntl)();
   const isInline = variant === "inline";
   const [isEditing, setIsEditing] = (0, import_react2.useState)(false);
   const [editValues, setEditValues] = (0, import_react2.useState)(
@@ -805,8 +839,8 @@ function ImpactCard({
   const justificationHint = intl.formatMessage(messages4.justification_hint, {
     level: highestLabel
   });
-  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.confidentiality,
@@ -818,7 +852,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactConfidentiality")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.integrity,
@@ -830,7 +864,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactIntegrity")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.availability,
@@ -842,7 +876,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactAvailability")
       }
     ),
-    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       ImpactItemRow,
       {
         label: t.authenticity,
@@ -855,19 +889,19 @@ function ImpactCard({
       }
     )
   ] });
-  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.justificationSection(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "label",
       {
         htmlFor: "impact-justification",
         className: styles.justificationLabel(),
         children: [
           t.justification,
-          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
         ]
       }
     ),
-    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       import_sight4.Textarea,
       {
         id: "impact-justification",
@@ -877,43 +911,43 @@ function ImpactCard({
         rows: 3,
         className: "text-sm"
       }
-    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
   ] });
   if (isInline) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.wrapper(), children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
       impactRows,
       justificationContent
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Root, { className: styles.root(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_sight4.Card.Root, { className: styles.root(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       import_sight4.Card.Header,
       {
         className: `flex flex-row items-center justify-between ${needsAttention ? "bg-destructive/10 rounded-t-lg" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
-            isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Chip, { size: "sm", color: "primary", children: t.edit }),
-            needsAttention && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Chip, { size: "sm", color: "destructive", variant: "solid", children: t.required })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
+            isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Chip, { size: "sm", color: "primary", children: t.edit }),
+            needsAttention && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Chip, { size: "sm", color: "destructive", variant: "solid", children: t.required })
           ] }),
-          !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               type: "button",
               onClick: handleStartEdit,
               className: styles.editButton(),
               "aria-label": t.edit,
-              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.EditIcon, { className: "size-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons3.EditIcon, { className: "size-4" })
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Button, { size: "sm", onClick: handleSave, children: t.save })
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight4.Button, { size: "sm", onClick: handleSave, children: t.save })
           ] }))
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Body, { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_sight4.Card.Body, { className: "space-y-3", children: [
       impactRows,
       justificationContent
     ] })
@@ -921,8 +955,8 @@ function ImpactCard({
 }
 
 // src/common/risk/messages.ts
-var import_i18n8 = require("@kopexa/i18n");
-var messages5 = (0, import_i18n8.defineMessages)({
+var import_i18n9 = require("@kopexa/i18n");
+var messages5 = (0, import_i18n9.defineMessages)({
   level_unrated: {
     id: "grc.risk.level.unrated",
     defaultMessage: "Not rated"
@@ -962,7 +996,7 @@ var messages5 = (0, import_i18n8.defineMessages)({
 });
 
 // src/common/risk/risk-rating-display.tsx
-var import_i18n9 = require("@kopexa/i18n");
+var import_i18n10 = require("@kopexa/i18n");
 var import_sight5 = require("@kopexa/sight");
 var import_theme4 = require("@kopexa/theme");
 
@@ -1017,20 +1051,20 @@ var riskLevelConfig = {
 };
 
 // src/common/risk/risk-rating-display.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function RiskRatingDisplay({
   rating,
   showBadge = true,
   showLabel = true,
   size = "md"
 }) {
-  const intl = (0, import_i18n9.useSafeIntl)();
+  const intl = (0, import_i18n10.useSafeIntl)();
   if (isRatingUnrated(rating)) {
     const styles2 = (0, import_theme4.riskRating)({ size, level: "unrated" });
     const levelLabel2 = intl.formatMessage(messages5.level_unrated);
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_sight5.Tooltip, { content: intl.formatMessage(messages5.not_rated_hint), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles2.base(), children: [
-      showBadge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles2.badge(), children: "\u2014" }),
-      showLabel && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles2.label(), children: levelLabel2 })
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_sight5.Tooltip, { content: intl.formatMessage(messages5.not_rated_hint), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles2.base(), children: [
+      showBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles2.badge(), children: "\u2014" }),
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles2.label(), children: levelLabel2 })
     ] }) });
   }
   const ratedValue = rating;
@@ -1041,27 +1075,27 @@ function RiskRatingDisplay({
   });
   const levelLabelKey = `level_${level}`;
   const levelLabel = intl.formatMessage(messages5[levelLabelKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     import_sight5.Tooltip,
     {
-      content: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-xs space-y-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-xs space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
           intl.formatMessage(messages5.likelihood),
           ": ",
           ratedValue.likelihood,
           "/5"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
           intl.formatMessage(messages5.consequence),
           ": ",
           ratedValue.consequence,
           "/5"
         ] }),
-        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-muted-foreground", children: ratedValue.comment })
+        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "text-muted-foreground", children: ratedValue.comment })
       ] }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: styles.base(), children: [
-        showBadge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: styles.badge(), children: ratedValue.rating }),
-        showLabel && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: styles.label(), children: levelLabel })
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: styles.base(), children: [
+        showBadge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: styles.badge(), children: ratedValue.rating }),
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: styles.label(), children: levelLabel })
       ] })
     }
   );
@@ -1072,6 +1106,7 @@ function RiskRatingDisplay({
   ControlChip,
   DoraBadge,
   EditorCard,
+  ImpactBadge,
   ImpactCard,
   MappedControls,
   Nis2Badge,