@kopexa/grc 0.0.2 → 0.0.4

package/dist/common/index.js

@@ -22,14 +22,21 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var common_exports = {};
 __export(common_exports, {
   ComplianceBadges: () => ComplianceBadges,
+  ControlChip: () => ControlChip,
   DoraBadge: () => DoraBadge,
   ImpactCard: () => ImpactCard,
+  MappedControls: () => MappedControls,
   Nis2Badge: () => Nis2Badge,
+  RiskRatingDisplay: () => RiskRatingDisplay,
   assetScale: () => assetScale,
+  getRiskLevelFromRating: () => getRiskLevelFromRating,
   getScale: () => getScale,
   impactLevels: () => impactLevels,
-  impactMessages: () => messages2,
+  impactMessages: () => messages3,
+  isRatingUnrated: () => isRatingUnrated,
   processScale: () => processScale,
+  riskLevelConfig: () => riskLevelConfig,
+  riskMessages: () => messages4,
   riskScale: () => riskScale
 });
 module.exports = __toCommonJS(common_exports);
@@ -104,16 +111,144 @@ function ComplianceBadges({
   ] });
 }
 
-// src/common/impact/impact-card.tsx
+// src/common/control/mapped-controls.tsx
 var import_i18n4 = require("@kopexa/i18n");
-var import_icons2 = require("@kopexa/icons");
+var import_krn = require("@kopexa/krn");
 var import_sight2 = require("@kopexa/sight");
 var import_theme2 = require("@kopexa/theme");
-var import_react = require("react");
 
-// src/common/impact/messages.ts
+// src/common/control/messages.ts
 var import_i18n3 = require("@kopexa/i18n");
 var messages2 = (0, import_i18n3.defineMessages)({
+  more_controls: {
+    id: "grc.control.mapped.more",
+    defaultMessage: "+{count} more"
+  },
+  view_all: {
+    id: "grc.control.mapped.view_all",
+    defaultMessage: "View all {count} controls"
+  },
+  no_controls: {
+    id: "grc.control.mapped.no_controls",
+    defaultMessage: "No mapped controls"
+  }
+});
+
+// src/common/control/mapped-controls.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function formatControlKrn(krnString) {
+  const parsed = import_krn.KRN.tryParse(krnString);
+  if (!parsed) {
+    return { framework: null, controlId: krnString, full: krnString };
+  }
+  const framework = parsed.tryResourceId("frameworks");
+  const control = parsed.tryResourceId("controls");
+  if (framework && control) {
+    return {
+      framework,
+      controlId: control,
+      full: `${framework}:${control}`
+    };
+  }
+  const basename = parsed.basename();
+  return {
+    framework: null,
+    controlId: basename || krnString,
+    full: basename || krnString
+  };
+}
+function ControlChip({
+  krn,
+  size = "md",
+  interactive = false,
+  onClick,
+  className
+}) {
+  const styles = (0, import_theme2.relatedControlChip)({ size, interactive });
+  const { controlId, full } = formatControlKrn(krn);
+  const displayId = controlId.toUpperCase();
+  const content = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.chipId(), children: displayId });
+  const chip = interactive && onClick ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      className: styles.chip({ className }),
+      onClick,
+      children: content
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.chip({ className }), children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Tooltip, { content: full, children: chip });
+}
+function MappedControls({
+  controls,
+  maxVisible = 2,
+  size = "md",
+  interactive = false,
+  onControlClick,
+  showEmpty = false,
+  className,
+  ...rest
+}) {
+  const intl = (0, import_i18n4.useSafeIntl)();
+  const styles = (0, import_theme2.relatedControlChip)({ size, interactive });
+  if (controls.length === 0) {
+    if (!showEmpty) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-xs text-muted-foreground", children: intl.formatMessage(messages2.no_controls) });
+  }
+  const visibleControls = controls.slice(0, maxVisible);
+  const hiddenCount = controls.length - maxVisible;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.root({ className }), ...rest, children: [
+    visibleControls.map((krn) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ControlChip,
+      {
+        krn,
+        size,
+        interactive,
+        onClick: onControlClick ? () => onControlClick(krn) : void 0
+      },
+      krn
+    )),
+    hiddenCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Popover.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Popover.Trigger, { className: styles.overflow(), children: intl.formatMessage(messages2.more_controls, {
+        count: hiddenCount
+      }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        import_sight2.Popover.Content,
+        {
+          align: "start",
+          className: "p-2 max-w-xs",
+          showArrow: false,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: intl.formatMessage(messages2.view_all, {
+              count: controls.length
+            }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-wrap gap-1", children: controls.map((krn) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              ControlChip,
+              {
+                krn,
+                size,
+                interactive,
+                onClick: onControlClick ? () => onControlClick(krn) : void 0
+              },
+              krn
+            )) })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/common/impact/impact-card.tsx
+var import_i18n6 = require("@kopexa/i18n");
+var import_icons2 = require("@kopexa/icons");
+var import_sight3 = require("@kopexa/sight");
+var import_theme3 = require("@kopexa/theme");
+var import_react = require("react");
+
+// src/common/impact/messages.ts
+var import_i18n5 = require("@kopexa/i18n");
+var messages3 = (0, import_i18n5.defineMessages)({
   // Card titles
   title_cia: {
     id: "grc.impact.title_cia",
@@ -250,42 +385,42 @@ var messages2 = (0, import_i18n3.defineMessages)({
 // src/common/impact/scales.ts
 var riskScale = {
   0: {
-    message: messages2.risk_0,
+    message: messages3.risk_0,
     fallbackLabel: "Not rated",
     color: "text-muted-foreground",
     bgColor: "bg-muted",
     barColor: "bg-muted"
   },
   1: {
-    message: messages2.risk_1,
+    message: messages3.risk_1,
     fallbackLabel: "Negligible",
     color: "text-green-700",
     bgColor: "bg-green-100",
     barColor: "bg-green-500"
   },
   2: {
-    message: messages2.risk_2,
+    message: messages3.risk_2,
     fallbackLabel: "Low",
     color: "text-lime-700",
     bgColor: "bg-lime-100",
     barColor: "bg-lime-500"
   },
   3: {
-    message: messages2.risk_3,
+    message: messages3.risk_3,
     fallbackLabel: "Medium",
     color: "text-yellow-700",
     bgColor: "bg-yellow-100",
     barColor: "bg-yellow-500"
   },
   4: {
-    message: messages2.risk_4,
+    message: messages3.risk_4,
     fallbackLabel: "High",
     color: "text-orange-700",
     bgColor: "bg-orange-100",
     barColor: "bg-orange-500"
   },
   5: {
-    message: messages2.risk_5,
+    message: messages3.risk_5,
     fallbackLabel: "Critical",
     color: "text-red-700",
     bgColor: "bg-red-100",
@@ -294,42 +429,42 @@ var riskScale = {
 };
 var processScale = {
   0: {
-    message: messages2.process_0,
+    message: messages3.process_0,
     fallbackLabel: "Not rated",
     color: "text-muted-foreground",
     bgColor: "bg-muted",
     barColor: "bg-muted"
   },
   1: {
-    message: messages2.process_1,
+    message: messages3.process_1,
     fallbackLabel: "Insignificant",
     color: "text-green-700",
     bgColor: "bg-green-100",
     barColor: "bg-green-500"
   },
   2: {
-    message: messages2.process_2,
+    message: messages3.process_2,
     fallbackLabel: "Low",
     color: "text-lime-700",
     bgColor: "bg-lime-100",
     barColor: "bg-lime-500"
   },
   3: {
-    message: messages2.process_3,
+    message: messages3.process_3,
     fallbackLabel: "Relevant",
     color: "text-yellow-700",
     bgColor: "bg-yellow-100",
     barColor: "bg-yellow-500"
   },
   4: {
-    message: messages2.process_4,
+    message: messages3.process_4,
     fallbackLabel: "Important",
     color: "text-orange-700",
     bgColor: "bg-orange-100",
     barColor: "bg-orange-500"
   },
   5: {
-    message: messages2.process_5,
+    message: messages3.process_5,
     fallbackLabel: "Vital",
     color: "text-red-700",
     bgColor: "bg-red-100",
@@ -338,42 +473,42 @@ var processScale = {
 };
 var assetScale = {
   0: {
-    message: messages2.asset_0,
+    message: messages3.asset_0,
     fallbackLabel: "Not classified",
     color: "text-muted-foreground",
     bgColor: "bg-muted",
     barColor: "bg-muted"
   },
   1: {
-    message: messages2.asset_1,
+    message: messages3.asset_1,
     fallbackLabel: "Insignificant",
     color: "text-green-700",
     bgColor: "bg-green-100",
     barColor: "bg-green-500"
   },
   2: {
-    message: messages2.asset_2,
+    message: messages3.asset_2,
     fallbackLabel: "Low",
     color: "text-lime-700",
     bgColor: "bg-lime-100",
     barColor: "bg-lime-500"
   },
   3: {
-    message: messages2.asset_3,
+    message: messages3.asset_3,
     fallbackLabel: "Medium",
     color: "text-yellow-700",
     bgColor: "bg-yellow-100",
     barColor: "bg-yellow-500"
   },
   4: {
-    message: messages2.asset_4,
+    message: messages3.asset_4,
     fallbackLabel: "High",
     color: "text-orange-700",
     bgColor: "bg-orange-100",
     barColor: "bg-orange-500"
   },
   5: {
-    message: messages2.asset_5,
+    message: messages3.asset_5,
     fallbackLabel: "Business Critical",
     color: "text-red-700",
     bgColor: "bg-red-100",
@@ -393,7 +528,7 @@ function getScale(preset) {
 }
 
 // src/common/impact/impact-card.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function ImpactItemRow({
   label,
   shortLabel,
@@ -406,29 +541,29 @@ function ImpactItemRow({
   const config = scale[value];
   const isUnrated = value === 0;
   const percentage = isUnrated ? 0 : value / 5 * 100;
-  const styles = (0, import_theme2.impactCard)({ unrated: isUnrated });
-  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_sight2.Select,
+  const styles = (0, import_theme3.impactCard)({ unrated: isUnrated });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.row(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.rowContent(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.rowIcon(), children: shortLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.rowBody(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.rowHeader(), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.rowLabel(), children: label }),
+        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_sight3.Select,
           {
             value: String(value),
             onValueChange: (val) => onLevelChange(Number(val)),
             size: "sm",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Value, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.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 }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Select.Trigger, { className: "w-36", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Select.Value, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Select.Content, { children: impactLevels.map((level) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Select.Item, { value: String(level), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-xs text-muted-foreground w-3", children: level }),
                 formatLabel(level)
               ] }) }, level)) })
             ]
           }
-        ) : /* @__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)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.rowValue(), children: [
+          !isUnrated && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.rowValueNumber(), children: value }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "span",
             {
               className: styles.rowValueBadge({
@@ -439,7 +574,7 @@ function ImpactItemRow({
           )
         ] })
       ] }),
-      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           className: styles.progressBar({ className: config.barColor }),
@@ -462,35 +597,38 @@ function ImpactCard({
   showAuthenticity = false,
   readOnly = false,
   scale = "risk",
-  title
+  title,
+  variant = "card"
 }) {
   var _a, _b;
-  const intl = (0, import_i18n4.useSafeIntl)();
+  const intl = (0, import_i18n6.useSafeIntl)();
+  const isInline = variant === "inline";
   const [isEditing, setIsEditing] = (0, import_react.useState)(false);
   const [editValues, setEditValues] = (0, import_react.useState)(
     value || defaultImpact
   );
-  const styles = (0, import_theme2.impactCard)({ editing: isEditing });
+  const effectiveIsEditing = isInline ? !readOnly : isEditing;
+  const styles = (0, import_theme3.impactCard)({ editing: !isInline && isEditing });
   const scaleConfig = typeof scale === "string" ? getScale(scale) : scale;
   const formatLabel = (level) => {
     const config = scaleConfig[level];
     return intl.formatMessage(config.message);
   };
   const t = {
-    titleCia: intl.formatMessage(messages2.title_cia),
-    titleCiaa: intl.formatMessage(messages2.title_ciaa),
-    confidentiality: intl.formatMessage(messages2.confidentiality),
-    integrity: intl.formatMessage(messages2.integrity),
-    availability: intl.formatMessage(messages2.availability),
-    authenticity: intl.formatMessage(messages2.authenticity),
-    justification: intl.formatMessage(messages2.justification),
+    titleCia: intl.formatMessage(messages3.title_cia),
+    titleCiaa: intl.formatMessage(messages3.title_ciaa),
+    confidentiality: intl.formatMessage(messages3.confidentiality),
+    integrity: intl.formatMessage(messages3.integrity),
+    availability: intl.formatMessage(messages3.availability),
+    authenticity: intl.formatMessage(messages3.authenticity),
+    justification: intl.formatMessage(messages3.justification),
     justificationPlaceholder: intl.formatMessage(
-      messages2.justification_placeholder
+      messages3.justification_placeholder
     ),
-    noJustification: intl.formatMessage(messages2.no_justification),
-    edit: intl.formatMessage(messages2.edit),
-    cancel: intl.formatMessage(messages2.cancel),
-    save: intl.formatMessage(messages2.save)
+    noJustification: intl.formatMessage(messages3.no_justification),
+    edit: intl.formatMessage(messages3.edit),
+    cancel: intl.formatMessage(messages3.cancel),
+    save: intl.formatMessage(messages3.save)
   };
   const defaultTitle = showAuthenticity ? t.titleCiaa : t.titleCia;
   const cardTitle = title != null ? title : defaultTitle;
@@ -506,18 +644,28 @@ function ImpactCard({
     setEditValues(value || defaultImpact);
     setIsEditing(true);
   };
-  const currentImpact = isEditing ? editValues : value || defaultImpact;
+  const currentImpact = isInline ? value || defaultImpact : isEditing ? editValues : value || defaultImpact;
   const handleLevelChange = (key) => (level) => {
-    setEditValues((prev) => ({
-      ...prev,
+    const newValues = {
+      ...isInline ? value || defaultImpact : editValues,
       [key]: level
-    }));
+    };
+    if (isInline) {
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setEditValues(newValues);
+    }
   };
   const handleJustificationChange = (justification) => {
-    setEditValues((prev) => ({
-      ...prev,
+    const newValues = {
+      ...isInline ? value || defaultImpact : editValues,
       impactJustification: justification || void 0
-    }));
+    };
+    if (isInline) {
+      onChange == null ? void 0 : onChange(newValues);
+    } else {
+      setEditValues(newValues);
+    }
   };
   const highestImpact = Math.max(
     currentImpact.impactConfidentiality,
@@ -526,115 +674,280 @@ function ImpactCard({
     (_a = currentImpact.impactAuthenticity) != null ? _a : 0
   );
   const highestLabel = formatLabel(highestImpact);
-  const justificationHint = intl.formatMessage(messages2.justification_hint, {
+  const justificationHint = intl.formatMessage(messages3.justification_hint, {
     level: highestLabel
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Card.Root, { className: styles.root(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Card.Header, { className: "flex flex-row items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
-        isEditing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Chip, { size: "sm", color: "primary", children: t.edit })
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.confidentiality,
+        shortLabel: "C",
+        value: currentImpact.impactConfidentiality,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactConfidentiality")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.integrity,
+        shortLabel: "I",
+        value: currentImpact.impactIntegrity,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactIntegrity")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.availability,
+        shortLabel: "A",
+        value: currentImpact.impactAvailability,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAvailability")
+      }
+    ),
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      ImpactItemRow,
+      {
+        label: t.authenticity,
+        shortLabel: "Au",
+        value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
+        isEditing: effectiveIsEditing,
+        scale: scaleConfig,
+        formatLabel,
+        onLevelChange: handleLevelChange("impactAuthenticity")
+      }
+    )
+  ] });
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "label",
+      {
+        htmlFor: "impact-justification",
+        className: styles.justificationLabel(),
+        children: [
+          t.justification,
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
+        ]
+      }
+    ),
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_sight3.Textarea,
+      {
+        id: "impact-justification",
+        value: currentImpact.impactJustification || "",
+        onChange: (e) => handleJustificationChange(e.target.value),
+        placeholder: t.justificationPlaceholder,
+        rows: 3,
+        className: "text-sm"
+      }
+    ) : currentImpact.impactJustification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: styles.justificationText(), children: currentImpact.impactJustification }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: styles.justificationEmpty(), children: t.noJustification })
+  ] });
+  if (isInline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.wrapper(), children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.inlineHeader(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Heading, { level: "h4", className: "text-sm font-medium", children: title }) }),
+      impactRows,
+      justificationContent
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sight3.Card.Root, { className: styles.root(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sight3.Card.Header, { className: "flex flex-row items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Heading, { level: "h4", className: "text-sm font-medium", children: cardTitle }),
+        isEditing && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Chip, { size: "sm", color: "primary", children: t.edit })
       ] }),
-      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "button",
         {
           type: "button",
           onClick: handleStartEdit,
           className: styles.editButton(),
           "aria-label": t.edit,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons2.EditIcon, { className: "size-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.EditIcon, { className: "size-4" })
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_sight2.Button, { size: "sm", onClick: handleSave, children: t.save })
+      ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Button, { variant: "ghost", size: "sm", onClick: handleCancel, children: t.cancel }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Button, { size: "sm", onClick: handleSave, children: t.save })
       ] }))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_sight2.Card.Body, { className: "space-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        ImpactItemRow,
-        {
-          label: t.confidentiality,
-          shortLabel: "C",
-          value: currentImpact.impactConfidentiality,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactConfidentiality")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        ImpactItemRow,
-        {
-          label: t.integrity,
-          shortLabel: "I",
-          value: currentImpact.impactIntegrity,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactIntegrity")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        ImpactItemRow,
-        {
-          label: t.availability,
-          shortLabel: "A",
-          value: currentImpact.impactAvailability,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAvailability")
-        }
-      ),
-      showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        ImpactItemRow,
-        {
-          label: t.authenticity,
-          shortLabel: "Au",
-          value: (_b = currentImpact.impactAuthenticity) != null ? _b : 0,
-          isEditing,
-          scale: scaleConfig,
-          formatLabel,
-          onLevelChange: handleLevelChange("impactAuthenticity")
-        }
-      ),
-      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_runtime2.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
-            ]
-          }
-        ),
-        isEditing ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_sight2.Textarea,
-          {
-            id: "impact-justification",
-            value: currentImpact.impactJustification || "",
-            onChange: (e) => handleJustificationChange(e.target.value),
-            placeholder: t.justificationPlaceholder,
-            rows: 3,
-            className: "text-sm"
-          }
-        ) : 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 })
-      ] })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_sight3.Card.Body, { className: "space-y-3", children: [
+      impactRows,
+      justificationContent
     ] })
   ] });
 }
+
+// src/common/risk/messages.ts
+var import_i18n7 = require("@kopexa/i18n");
+var messages4 = (0, import_i18n7.defineMessages)({
+  level_unrated: {
+    id: "grc.risk.level.unrated",
+    defaultMessage: "Not rated"
+  },
+  level_low: {
+    id: "grc.risk.level.low",
+    defaultMessage: "Low"
+  },
+  level_medium: {
+    id: "grc.risk.level.medium",
+    defaultMessage: "Medium"
+  },
+  level_high: {
+    id: "grc.risk.level.high",
+    defaultMessage: "High"
+  },
+  level_critical: {
+    id: "grc.risk.level.critical",
+    defaultMessage: "Critical"
+  },
+  likelihood: {
+    id: "grc.risk.likelihood",
+    defaultMessage: "Likelihood"
+  },
+  consequence: {
+    id: "grc.risk.consequence",
+    defaultMessage: "Consequence"
+  },
+  rating: {
+    id: "grc.risk.rating",
+    defaultMessage: "Rating"
+  },
+  not_rated_hint: {
+    id: "grc.risk.not_rated_hint",
+    defaultMessage: "Risk has not been assessed yet"
+  }
+});
+
+// src/common/risk/risk-rating-display.tsx
+var import_i18n8 = require("@kopexa/i18n");
+var import_sight4 = require("@kopexa/sight");
+var import_theme4 = require("@kopexa/theme");
+
+// src/common/risk/types.ts
+function getRiskLevelFromRating(rating) {
+  if (rating === 0) return "unrated";
+  if (rating <= 4) return "low";
+  if (rating <= 9) return "medium";
+  if (rating <= 16) return "high";
+  return "critical";
+}
+function isRatingUnrated(rating) {
+  if (!rating) return true;
+  return rating.rating === 0 || rating.likelihood === 0 || rating.consequence === 0;
+}
+var riskLevelConfig = {
+  unrated: {
+    label: "Nicht bewertet",
+    bgColor: "bg-muted",
+    textColor: "text-muted-foreground",
+    iconBgColor: "bg-muted/50",
+    iconTextColor: "text-muted-foreground"
+  },
+  low: {
+    label: "Niedrig",
+    bgColor: "bg-success",
+    textColor: "text-success",
+    iconBgColor: "bg-success/10",
+    iconTextColor: "text-success"
+  },
+  medium: {
+    label: "Mittel",
+    bgColor: "bg-warning",
+    textColor: "text-warning",
+    iconBgColor: "bg-warning/10",
+    iconTextColor: "text-warning"
+  },
+  high: {
+    label: "Hoch",
+    bgColor: "bg-orange-500",
+    textColor: "text-orange-500",
+    iconBgColor: "bg-orange-500/10",
+    iconTextColor: "text-orange-500"
+  },
+  critical: {
+    label: "Kritisch",
+    bgColor: "bg-destructive",
+    textColor: "text-destructive",
+    iconBgColor: "bg-destructive/10",
+    iconTextColor: "text-destructive"
+  }
+};
+
+// src/common/risk/risk-rating-display.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function RiskRatingDisplay({
+  rating,
+  showBadge = true,
+  showLabel = true,
+  size = "md"
+}) {
+  const intl = (0, import_i18n8.useSafeIntl)();
+  if (isRatingUnrated(rating)) {
+    const styles2 = (0, import_theme4.riskRating)({ size, level: "unrated" });
+    const levelLabel2 = intl.formatMessage(messages4.level_unrated);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_sight4.Tooltip, { content: intl.formatMessage(messages4.not_rated_hint), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles2.base(), children: [
+      showBadge && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles2.badge(), children: "\u2014" }),
+      showLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles2.label(), children: levelLabel2 })
+    ] }) });
+  }
+  const ratedValue = rating;
+  const level = getRiskLevelFromRating(ratedValue.rating);
+  const styles = (0, import_theme4.riskRating)({
+    size,
+    level
+  });
+  const levelLabelKey = `level_${level}`;
+  const levelLabel = intl.formatMessage(messages4[levelLabelKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_sight4.Tooltip,
+    {
+      content: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "text-xs space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          intl.formatMessage(messages4.likelihood),
+          ": ",
+          ratedValue.likelihood,
+          "/5"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+          intl.formatMessage(messages4.consequence),
+          ": ",
+          ratedValue.consequence,
+          "/5"
+        ] }),
+        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-muted-foreground", children: ratedValue.comment })
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.base(), children: [
+        showBadge && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.badge(), children: ratedValue.rating }),
+        showLabel && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.label(), children: levelLabel })
+      ] })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ComplianceBadges,
+  ControlChip,
   DoraBadge,
   ImpactCard,
+  MappedControls,
   Nis2Badge,
+  RiskRatingDisplay,
   assetScale,
+  getRiskLevelFromRating,
   getScale,
   impactLevels,
   impactMessages,
+  isRatingUnrated,
   processScale,
+  riskLevelConfig,
+  riskMessages,
   riskScale
 });