@kopexa/grc 0.0.13 → 0.0.15

package/dist/common/index.js

@@ -24,6 +24,7 @@ __export(common_exports, {
   ComplianceBadges: () => ComplianceBadges,
   ControlChip: () => ControlChip,
   DoraBadge: () => DoraBadge,
+  EditorCard: () => EditorCard,
   ImpactCard: () => ImpactCard,
   MappedControls: () => MappedControls,
   Nis2Badge: () => Nis2Badge,
@@ -32,11 +33,11 @@ __export(common_exports, {
   getRiskLevelFromRating: () => getRiskLevelFromRating,
   getScale: () => getScale,
   impactLevels: () => impactLevels,
-  impactMessages: () => messages3,
+  impactMessages: () => messages4,
   isRatingUnrated: () => isRatingUnrated,
   processScale: () => processScale,
   riskLevelConfig: () => riskLevelConfig,
-  riskMessages: () => messages4,
+  riskMessages: () => messages5,
   riskScale: () => riskScale
 });
 module.exports = __toCommonJS(common_exports);
@@ -239,16 +240,137 @@ function MappedControls({
   ] });
 }
 
-// src/common/impact/impact-card.tsx
-var import_i18n6 = require("@kopexa/i18n");
+// src/common/editor/editor-card.tsx
+var import_i18n5 = require("@kopexa/i18n");
 var import_icons2 = require("@kopexa/icons");
 var import_sight3 = require("@kopexa/sight");
-var import_theme3 = require("@kopexa/theme");
+var import_tiptap = require("@kopexa/tiptap");
 var import_react = require("react");
 
+// src/common/editor/messages.ts
+var import_react_intl = require("react-intl");
+var messages3 = (0, import_react_intl.defineMessages)({
+  edit: {
+    id: "grc.editor_card.edit",
+    defaultMessage: "Edit"
+  },
+  cancel: {
+    id: "grc.editor_card.cancel",
+    defaultMessage: "Cancel"
+  },
+  save: {
+    id: "grc.editor_card.save",
+    defaultMessage: "Save"
+  },
+  placeholder: {
+    id: "grc.editor_card.placeholder",
+    defaultMessage: "Start typing or press '/' for commands..."
+  },
+  empty: {
+    id: "grc.editor_card.empty",
+    defaultMessage: "No content yet. Click edit to add content."
+  }
+});
+
+// src/common/editor/editor-card.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function EditorCard({
+  value,
+  onChange,
+  title,
+  placeholder,
+  emptyText,
+  readOnly = false,
+  cardVariant = "accent"
+}) {
+  const intl = (0, import_i18n5.useSafeIntl)();
+  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
+  const [draftContent, setDraftContent] = (0, import_react.useState)(
+    value
+  );
+  const t = {
+    edit: intl.formatMessage(messages3.edit),
+    cancel: intl.formatMessage(messages3.cancel),
+    save: intl.formatMessage(messages3.save),
+    placeholder: placeholder != null ? placeholder : intl.formatMessage(messages3.placeholder),
+    empty: emptyText != null ? emptyText : intl.formatMessage(messages3.empty)
+  };
+  const handleStartEdit = () => {
+    setDraftContent(value);
+    setIsEditing(true);
+  };
+  const handleSave = () => {
+    onChange == null ? void 0 : onChange(draftContent);
+    setIsEditing(false);
+  };
+  const handleCancel = () => {
+    setDraftContent(value);
+    setIsEditing(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_sight3.Card.Root,
+    {
+      variant: cardVariant,
+      className: isEditing ? "ring-2 ring-primary overflow-visible" : void 0,
+      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.jsx)(import_sight3.Heading, { level: "h3", className: "text-base", children: title }),
+          !readOnly && (isEditing ? /* @__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,
+              {
+                variant: "solid",
+                color: "primary",
+                size: "sm",
+                onClick: handleSave,
+                children: t.save
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_sight3.Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              isIconOnly: true,
+              onClick: handleStartEdit,
+              "aria-label": t.edit,
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.EditIcon, { className: "size-4" })
+            }
+          ))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_sight3.Card.Body, { className: "p-0", children: isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_tiptap.Editor,
+          {
+            variant: "field",
+            placeholder: t.placeholder,
+            content: draftContent,
+            onChange: setDraftContent
+          }
+        ) : value ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_tiptap.Editor,
+          {
+            variant: "default",
+            bordered: false,
+            content: value,
+            editable: false
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed px-4 py-4", children: t.empty }) })
+      ]
+    }
+  );
+}
+
+// src/common/impact/impact-card.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");
+
 // src/common/impact/messages.ts
-var import_i18n5 = require("@kopexa/i18n");
-var messages3 = (0, import_i18n5.defineMessages)({
+var import_i18n6 = require("@kopexa/i18n");
+var messages4 = (0, import_i18n6.defineMessages)({
   // Card titles
   title_cia: {
     id: "grc.impact.title_cia",
@@ -385,42 +507,42 @@ var messages3 = (0, import_i18n5.defineMessages)({
 // src/common/impact/scales.ts
 var riskScale = {
   0: {
-    message: messages3.risk_0,
+    message: messages4.risk_0,
     fallbackLabel: "Not rated",
     color: "text-muted-foreground",
     bgColor: "bg-muted",
     barColor: "bg-muted"
   },
   1: {
-    message: messages3.risk_1,
+    message: messages4.risk_1,
     fallbackLabel: "Negligible",
     color: "text-green-700",
     bgColor: "bg-green-100",
     barColor: "bg-green-500"
   },
   2: {
-    message: messages3.risk_2,
+    message: messages4.risk_2,
     fallbackLabel: "Low",
     color: "text-lime-700",
     bgColor: "bg-lime-100",
     barColor: "bg-lime-500"
   },
   3: {
-    message: messages3.risk_3,
+    message: messages4.risk_3,
     fallbackLabel: "Medium",
     color: "text-yellow-700",
     bgColor: "bg-yellow-100",
     barColor: "bg-yellow-500"
   },
   4: {
-    message: messages3.risk_4,
+    message: messages4.risk_4,
     fallbackLabel: "High",
     color: "text-orange-700",
     bgColor: "bg-orange-100",
     barColor: "bg-orange-500"
   },
   5: {
-    message: messages3.risk_5,
+    message: messages4.risk_5,
     fallbackLabel: "Critical",
     color: "text-red-700",
     bgColor: "bg-red-100",
@@ -429,42 +551,42 @@ var riskScale = {
 };
 var processScale = {
   0: {
-    message: messages3.process_0,
+    message: messages4.process_0,
     fallbackLabel: "Not rated",
     color: "text-muted-foreground",
     bgColor: "bg-muted",
     barColor: "bg-muted"
   },
   1: {
-    message: messages3.process_1,
+    message: messages4.process_1,
     fallbackLabel: "Insignificant",
     color: "text-green-700",
     bgColor: "bg-green-100",
     barColor: "bg-green-500"
   },
   2: {
-    message: messages3.process_2,
+    message: messages4.process_2,
     fallbackLabel: "Low",
     color: "text-lime-700",
     bgColor: "bg-lime-100",
     barColor: "bg-lime-500"
   },
   3: {
-    message: messages3.process_3,
+    message: messages4.process_3,
     fallbackLabel: "Relevant",
     color: "text-yellow-700",
     bgColor: "bg-yellow-100",
     barColor: "bg-yellow-500"
   },
   4: {
-    message: messages3.process_4,
+    message: messages4.process_4,
     fallbackLabel: "Important",
     color: "text-orange-700",
     bgColor: "bg-orange-100",
     barColor: "bg-orange-500"
   },
   5: {
-    message: messages3.process_5,
+    message: messages4.process_5,
     fallbackLabel: "Vital",
     color: "text-red-700",
     bgColor: "bg-red-100",
@@ -473,42 +595,42 @@ var processScale = {
 };
 var assetScale = {
   0: {
-    message: messages3.asset_0,
+    message: messages4.asset_0,
     fallbackLabel: "Not classified",
     color: "text-muted-foreground",
     bgColor: "bg-muted",
     barColor: "bg-muted"
   },
   1: {
-    message: messages3.asset_1,
+    message: messages4.asset_1,
     fallbackLabel: "Insignificant",
     color: "text-green-700",
     bgColor: "bg-green-100",
     barColor: "bg-green-500"
   },
   2: {
-    message: messages3.asset_2,
+    message: messages4.asset_2,
     fallbackLabel: "Low",
     color: "text-lime-700",
     bgColor: "bg-lime-100",
     barColor: "bg-lime-500"
   },
   3: {
-    message: messages3.asset_3,
+    message: messages4.asset_3,
     fallbackLabel: "Medium",
     color: "text-yellow-700",
     bgColor: "bg-yellow-100",
     barColor: "bg-yellow-500"
   },
   4: {
-    message: messages3.asset_4,
+    message: messages4.asset_4,
     fallbackLabel: "High",
     color: "text-orange-700",
     bgColor: "bg-orange-100",
     barColor: "bg-orange-500"
   },
   5: {
-    message: messages3.asset_5,
+    message: messages4.asset_5,
     fallbackLabel: "Business Critical",
     color: "text-red-700",
     bgColor: "bg-red-100",
@@ -528,7 +650,7 @@ function getScale(preset) {
 }
 
 // src/common/impact/impact-card.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function ImpactItemRow({
   label,
   shortLabel,
@@ -542,28 +664,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_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,
+  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)(
+          import_sight4.Select,
           {
             value: String(value),
             onValueChange: (val) => onLevelChange(Number(val)),
             size: "sm",
             children: [
-              /* @__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 }),
+              /* @__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 }),
                 formatLabel(level)
               ] }) }, level)) })
             ]
           }
-        ) : /* @__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)(
+        ) : /* @__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)(
             "span",
             {
               className: styles.rowValueBadge({
@@ -574,7 +696,7 @@ function ImpactItemRow({
           )
         ] })
       ] }),
-      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      !isUnrated && !isEditing && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: styles.progressContainer(), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "div",
         {
           className: styles.progressBar({ className: config.barColor }),
@@ -601,10 +723,10 @@ function ImpactCard({
   variant = "card"
 }) {
   var _a, _b;
-  const intl = (0, import_i18n6.useSafeIntl)();
+  const intl = (0, import_i18n7.useSafeIntl)();
   const isInline = variant === "inline";
-  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
-  const [editValues, setEditValues] = (0, import_react.useState)(
+  const [isEditing, setIsEditing] = (0, import_react2.useState)(false);
+  const [editValues, setEditValues] = (0, import_react2.useState)(
     value || defaultImpact
   );
   const effectiveIsEditing = isInline ? !readOnly : isEditing;
@@ -615,20 +737,20 @@ function ImpactCard({
     return intl.formatMessage(config.message);
   };
   const t = {
-    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),
+    titleCia: intl.formatMessage(messages4.title_cia),
+    titleCiaa: intl.formatMessage(messages4.title_ciaa),
+    confidentiality: intl.formatMessage(messages4.confidentiality),
+    integrity: intl.formatMessage(messages4.integrity),
+    availability: intl.formatMessage(messages4.availability),
+    authenticity: intl.formatMessage(messages4.authenticity),
+    justification: intl.formatMessage(messages4.justification),
     justificationPlaceholder: intl.formatMessage(
-      messages3.justification_placeholder
+      messages4.justification_placeholder
     ),
-    noJustification: intl.formatMessage(messages3.no_justification),
-    edit: intl.formatMessage(messages3.edit),
-    cancel: intl.formatMessage(messages3.cancel),
-    save: intl.formatMessage(messages3.save)
+    noJustification: intl.formatMessage(messages4.no_justification),
+    edit: intl.formatMessage(messages4.edit),
+    cancel: intl.formatMessage(messages4.cancel),
+    save: intl.formatMessage(messages4.save)
   };
   const defaultTitle = showAuthenticity ? t.titleCiaa : t.titleCia;
   const cardTitle = title != null ? title : defaultTitle;
@@ -674,11 +796,11 @@ function ImpactCard({
     (_a = currentImpact.impactAuthenticity) != null ? _a : 0
   );
   const highestLabel = formatLabel(highestImpact);
-  const justificationHint = intl.formatMessage(messages3.justification_hint, {
+  const justificationHint = intl.formatMessage(messages4.justification_hint, {
     level: highestLabel
   });
-  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  const impactRows = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       ImpactItemRow,
       {
         label: t.confidentiality,
@@ -690,7 +812,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactConfidentiality")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       ImpactItemRow,
       {
         label: t.integrity,
@@ -702,7 +824,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactIntegrity")
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       ImpactItemRow,
       {
         label: t.availability,
@@ -714,7 +836,7 @@ function ImpactCard({
         onLevelChange: handleLevelChange("impactAvailability")
       }
     ),
-    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    showAuthenticity && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       ImpactItemRow,
       {
         label: t.authenticity,
@@ -727,20 +849,20 @@ function ImpactCard({
       }
     )
   ] });
-  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: styles.justificationSection(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  const justificationContent = showJustification && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: styles.justificationSection(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.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 })
+          highestImpact > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: styles.justificationHint(), children: justificationHint })
         ]
       }
     ),
-    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_sight3.Textarea,
+    effectiveIsEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_sight4.Textarea,
       {
         id: "impact-justification",
         value: currentImpact.impactJustification || "",
@@ -749,36 +871,36 @@ function ImpactCard({
         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 })
+    ) : 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 })
   ] });
   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 }) }),
+    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 }) }),
       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 })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Root, { className: styles.root(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Header, { className: "flex flex-row items-center justify-between", 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 })
       ] }),
-      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      !readOnly && (!isEditing ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
           type: "button",
           onClick: handleStartEdit,
           className: styles.editButton(),
           "aria-label": t.edit,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.EditIcon, { className: "size-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.EditIcon, { className: "size-4" })
         }
-      ) : /* @__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_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_runtime3.jsxs)(import_sight3.Card.Body, { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_sight4.Card.Body, { className: "space-y-3", children: [
       impactRows,
       justificationContent
     ] })
@@ -786,8 +908,8 @@ function ImpactCard({
 }
 
 // src/common/risk/messages.ts
-var import_i18n7 = require("@kopexa/i18n");
-var messages4 = (0, import_i18n7.defineMessages)({
+var import_i18n8 = require("@kopexa/i18n");
+var messages5 = (0, import_i18n8.defineMessages)({
   level_unrated: {
     id: "grc.risk.level.unrated",
     defaultMessage: "Not rated"
@@ -827,8 +949,8 @@ var messages4 = (0, import_i18n7.defineMessages)({
 });
 
 // src/common/risk/risk-rating-display.tsx
-var import_i18n8 = require("@kopexa/i18n");
-var import_sight4 = require("@kopexa/sight");
+var import_i18n9 = require("@kopexa/i18n");
+var import_sight5 = require("@kopexa/sight");
 var import_theme4 = require("@kopexa/theme");
 
 // src/common/risk/types.ts
@@ -882,20 +1004,20 @@ var riskLevelConfig = {
 };
 
 // src/common/risk/risk-rating-display.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function RiskRatingDisplay({
   rating,
   showBadge = true,
   showLabel = true,
   size = "md"
 }) {
-  const intl = (0, import_i18n8.useSafeIntl)();
+  const intl = (0, import_i18n9.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 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 })
     ] }) });
   }
   const ratedValue = rating;
@@ -905,28 +1027,28 @@ function RiskRatingDisplay({
     level
   });
   const levelLabelKey = `level_${level}`;
-  const levelLabel = intl.formatMessage(messages4[levelLabelKey]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_sight4.Tooltip,
+  const levelLabel = intl.formatMessage(messages5[levelLabelKey]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_sight5.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),
+      content: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "text-xs space-y-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          intl.formatMessage(messages5.likelihood),
           ": ",
           ratedValue.likelihood,
           "/5"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          intl.formatMessage(messages4.consequence),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+          intl.formatMessage(messages5.consequence),
           ": ",
           ratedValue.consequence,
           "/5"
         ] }),
-        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-muted-foreground", children: ratedValue.comment })
+        ratedValue.comment && /* @__PURE__ */ (0, import_jsx_runtime5.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 })
+      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 })
       ] })
     }
   );
@@ -936,6 +1058,7 @@ function RiskRatingDisplay({
   ComplianceBadges,
   ControlChip,
   DoraBadge,
+  EditorCard,
   ImpactCard,
   MappedControls,
   Nis2Badge,

package/dist/common/index.mjs

@@ -1,5 +1,10 @@
 "use client";
-import "../chunk-HJUSN7FD.mjs";
+import "../chunk-5JULTRFD.mjs";
+import "../chunk-C5OUE3C2.mjs";
+import {
+  EditorCard
+} from "../chunk-EGK6RMOC.mjs";
+import "../chunk-JHGWV2ID.mjs";
 import "../chunk-GFABGXAO.mjs";
 import {
   ImpactCard
@@ -43,6 +48,7 @@ export {
   ComplianceBadges,
   ControlChip,
   DoraBadge,
+  EditorCard,
   ImpactCard,
   MappedControls,
   Nis2Badge,