@cyvest/cyvest-vis 5.1.1 → 5.1.3

package/README.md

@@ -108,7 +108,7 @@ Access icon components for custom UIs:
 import { getObservableIcon, getInvestigationIcon, GlobeIcon, MailIcon } from "@cyvest/cyvest-vis";
 
 // Get icon by observable type
-const Icon = getObservableIcon("ipv4-addr"); // Returns GlobeIcon
+const Icon = getObservableIcon("ipv4"); // Returns GlobeIcon
 <Icon size={24} color="#3b82f6" />
 
 // Or use icons directly

package/dist/index.cjs

@@ -187,28 +187,6 @@ var MailIcon = ({
     ]
   }
 );
-var EnvelopeIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
-    ]
-  }
-);
 var FileIcon = ({
   size = defaultSize,
   color = defaultColor,
@@ -255,243 +233,6 @@ var HashIcon = ({
     ]
   }
 );
-var UserIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "8", r: "5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 21a8 8 0 1 0-16 0" })
-    ]
-  }
-);
-var IdCardIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "8", cy: "12", r: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 10h4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 14h4" })
-    ]
-  }
-);
-var GearIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
-    ]
-  }
-);
-var AppIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 9h18" })
-    ]
-  }
-);
-var RegistryIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4" })
-  }
-);
-var ThreatActorIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "10", r: "7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "9", cy: "9", r: "1.5", fill: color }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "15", cy: "9", r: "1.5", fill: color }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 17v-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 17v-2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M15 17v-2" })
-    ]
-  }
-);
-var BugIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m8 2 1.88 1.88" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14.12 3.88 16 2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 20v-9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 13H2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M22 13h-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
-    ]
-  }
-);
-var SwordIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "14.5,17.5 3,6 3,3 6,3 17.5,14.5" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "13", y1: "19", x2: "19", y2: "13" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "16", x2: "20", y2: "20" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "19", y1: "21", x2: "21", y2: "19" })
-    ]
-  }
-);
-var TargetIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "2" })
-    ]
-  }
-);
-var AlertIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-    ]
-  }
-);
 var FlaskIcon = ({
   size = defaultSize,
   color = defaultColor,
@@ -515,76 +256,6 @@ var FlaskIcon = ({
     ]
   }
 );
-var CertificateIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Z" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m9.5 15.5-3 3v3l3.5-1.5 3.5 1.5v-3l-3-3" })
-    ]
-  }
-);
-var WifiIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
-    ]
-  }
-);
-var WorldIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M2 12h20" })
-    ]
-  }
-);
 var QuestionIcon = ({
   size = defaultSize,
   color = defaultColor,
@@ -676,40 +347,18 @@ var CrosshairIcon = ({
   }
 );
 var OBSERVABLE_ICON_MAP = {
-  // Network
-  "ipv4-addr": GlobeIcon,
-  "ipv6-addr": GlobeIcon,
-  "domain-name": DomainIcon,
+  // Network (canonical Python enum values)
+  ipv4: GlobeIcon,
+  ipv6: GlobeIcon,
+  domain: DomainIcon,
   url: LinkIcon,
-  "autonomous-system": WorldIcon,
-  "mac-addr": WifiIcon,
+  // Hash
+  hash: HashIcon,
   // Email
-  "email-addr": MailIcon,
-  "email-message": EnvelopeIcon,
+  email: MailIcon,
   // File
   file: FileIcon,
-  "file-hash": HashIcon,
-  "file:hash:md5": HashIcon,
-  "file:hash:sha1": HashIcon,
-  "file:hash:sha256": HashIcon,
-  // User/Identity
-  user: UserIcon,
-  "user-account": UserIcon,
-  identity: IdCardIcon,
-  // Process/System
-  process: GearIcon,
-  software: AppIcon,
-  "windows-registry-key": RegistryIcon,
-  // Threat Intelligence
-  "threat-actor": ThreatActorIcon,
-  malware: BugIcon,
-  "attack-pattern": SwordIcon,
-  campaign: TargetIcon,
-  indicator: AlertIcon,
-  // Artifacts
   artifact: FlaskIcon,
-  certificate: CertificateIcon,
-  "x509-certificate": CertificateIcon,
   // Default
   unknown: QuestionIcon
 };

package/dist/index.d.cts

@@ -15,7 +15,7 @@ interface ObservableNodeData extends Record<string, unknown> {
     label: string;
     /** Full observable value */
     fullValue: string;
-    /** Observable type (e.g., "domain-name", "ipv4-addr") */
+    /** Observable type (e.g., "domain", "ipv4") */
     observableType: string;
     /** Security level */
     level: Level;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ interface ObservableNodeData extends Record<string, unknown> {
     label: string;
     /** Full observable value */
     fullValue: string;
-    /** Observable type (e.g., "domain-name", "ipv4-addr") */
+    /** Observable type (e.g., "domain", "ipv4") */
     observableType: string;
     /** Security level */
     level: Level;

package/dist/index.js

@@ -155,28 +155,6 @@ var MailIcon = ({
     ]
   }
 );
-var EnvelopeIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }),
-      /* @__PURE__ */ jsx("path", { d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" })
-    ]
-  }
-);
 var FileIcon = ({
   size = defaultSize,
   color = defaultColor,
@@ -223,243 +201,6 @@ var HashIcon = ({
     ]
   }
 );
-var UserIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "8", r: "5" }),
-      /* @__PURE__ */ jsx("path", { d: "M20 21a8 8 0 1 0-16 0" })
-    ]
-  }
-);
-var IdCardIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("rect", { x: "2", y: "5", width: "20", height: "14", rx: "2" }),
-      /* @__PURE__ */ jsx("circle", { cx: "8", cy: "12", r: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 10h4" }),
-      /* @__PURE__ */ jsx("path", { d: "M14 14h4" })
-    ]
-  }
-);
-var GearIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" }),
-      /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
-    ]
-  }
-);
-var AppIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 3v18" }),
-      /* @__PURE__ */ jsx("path", { d: "M3 9h18" })
-    ]
-  }
-);
-var RegistryIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: /* @__PURE__ */ jsx("path", { d: "m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4" })
-  }
-);
-var ThreatActorIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "7" }),
-      /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "1.5", fill: color }),
-      /* @__PURE__ */ jsx("circle", { cx: "15", cy: "9", r: "1.5", fill: color }),
-      /* @__PURE__ */ jsx("path", { d: "M9 17v-2" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 17v-2" }),
-      /* @__PURE__ */ jsx("path", { d: "M15 17v-2" })
-    ]
-  }
-);
-var BugIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "m8 2 1.88 1.88" }),
-      /* @__PURE__ */ jsx("path", { d: "M14.12 3.88 16 2" }),
-      /* @__PURE__ */ jsx("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 20v-9" }),
-      /* @__PURE__ */ jsx("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
-      /* @__PURE__ */ jsx("path", { d: "M6 13H2" }),
-      /* @__PURE__ */ jsx("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
-      /* @__PURE__ */ jsx("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
-      /* @__PURE__ */ jsx("path", { d: "M22 13h-4" }),
-      /* @__PURE__ */ jsx("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
-    ]
-  }
-);
-var SwordIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("polyline", { points: "14.5,17.5 3,6 3,3 6,3 17.5,14.5" }),
-      /* @__PURE__ */ jsx("line", { x1: "13", y1: "19", x2: "19", y2: "13" }),
-      /* @__PURE__ */ jsx("line", { x1: "16", y1: "16", x2: "20", y2: "20" }),
-      /* @__PURE__ */ jsx("line", { x1: "19", y1: "21", x2: "21", y2: "19" })
-    ]
-  }
-);
-var TargetIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "6" }),
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "2" })
-    ]
-  }
-);
-var AlertIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-    ]
-  }
-);
 var FlaskIcon = ({
   size = defaultSize,
   color = defaultColor,
@@ -483,76 +224,6 @@ var FlaskIcon = ({
     ]
   }
 );
-var CertificateIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" }),
-      /* @__PURE__ */ jsx("path", { d: "M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6Z" }),
-      /* @__PURE__ */ jsx("path", { d: "m9.5 15.5-3 3v3l3.5-1.5 3.5 1.5v-3l-3-3" })
-    ]
-  }
-);
-var WifiIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("path", { d: "M5 12.55a11 11 0 0 1 14.08 0" }),
-      /* @__PURE__ */ jsx("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
-      /* @__PURE__ */ jsx("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "20", x2: "12.01", y2: "20" })
-    ]
-  }
-);
-var WorldIcon = ({
-  size = defaultSize,
-  color = defaultColor,
-  className
-}) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: color,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    className,
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ jsx("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
-      /* @__PURE__ */ jsx("path", { d: "M2 12h20" })
-    ]
-  }
-);
 var QuestionIcon = ({
   size = defaultSize,
   color = defaultColor,
@@ -644,40 +315,18 @@ var CrosshairIcon = ({
   }
 );
 var OBSERVABLE_ICON_MAP = {
-  // Network
-  "ipv4-addr": GlobeIcon,
-  "ipv6-addr": GlobeIcon,
-  "domain-name": DomainIcon,
+  // Network (canonical Python enum values)
+  ipv4: GlobeIcon,
+  ipv6: GlobeIcon,
+  domain: DomainIcon,
   url: LinkIcon,
-  "autonomous-system": WorldIcon,
-  "mac-addr": WifiIcon,
+  // Hash
+  hash: HashIcon,
   // Email
-  "email-addr": MailIcon,
-  "email-message": EnvelopeIcon,
+  email: MailIcon,
   // File
   file: FileIcon,
-  "file-hash": HashIcon,
-  "file:hash:md5": HashIcon,
-  "file:hash:sha1": HashIcon,
-  "file:hash:sha256": HashIcon,
-  // User/Identity
-  user: UserIcon,
-  "user-account": UserIcon,
-  identity: IdCardIcon,
-  // Process/System
-  process: GearIcon,
-  software: AppIcon,
-  "windows-registry-key": RegistryIcon,
-  // Threat Intelligence
-  "threat-actor": ThreatActorIcon,
-  malware: BugIcon,
-  "attack-pattern": SwordIcon,
-  campaign: TargetIcon,
-  indicator: AlertIcon,
-  // Artifacts
   artifact: FlaskIcon,
-  certificate: CertificateIcon,
-  "x509-certificate": CertificateIcon,
   // Default
   unknown: QuestionIcon
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cyvest/cyvest-vis",
-  "version": "5.1.1",
+  "version": "5.1.3",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -26,7 +26,7 @@
     "@dagrejs/dagre": "^1.1.8",
     "@xyflow/react": "^12.10.0",
     "d3-force": "^3.0.0",
-    "@cyvest/cyvest-js": "5.1.1"
+    "@cyvest/cyvest-js": "5.1.3"
   },
   "devDependencies": {
     "@types/d3-force": "^3.0.10",

package/src/components/Icons.tsx

@@ -652,46 +652,21 @@ export const OBSERVABLE_ICON_MAP: Record<
   string,
   React.FC<IconProps>
 > = {
-  // Network
-  "ipv4-addr": GlobeIcon,
-  "ipv6-addr": GlobeIcon,
-  "domain-name": DomainIcon,
+  // Network (canonical Python enum values)
+  ipv4: GlobeIcon,
+  ipv6: GlobeIcon,
+  domain: DomainIcon,
   url: LinkIcon,
-  "autonomous-system": WorldIcon,
-  "mac-addr": WifiIcon,
+
+  // Hash
+  hash: HashIcon,
 
   // Email
-  "email-addr": MailIcon,
-  "email-message": EnvelopeIcon,
+  email: MailIcon,
 
   // File
   file: FileIcon,
-  "file-hash": HashIcon,
-  "file:hash:md5": HashIcon,
-  "file:hash:sha1": HashIcon,
-  "file:hash:sha256": HashIcon,
-
-  // User/Identity
-  user: UserIcon,
-  "user-account": UserIcon,
-  identity: IdCardIcon,
-
-  // Process/System
-  process: GearIcon,
-  software: AppIcon,
-  "windows-registry-key": RegistryIcon,
-
-  // Threat Intelligence
-  "threat-actor": ThreatActorIcon,
-  malware: BugIcon,
-  "attack-pattern": SwordIcon,
-  campaign: TargetIcon,
-  indicator: AlertIcon,
-
-  // Artifacts
   artifact: FlaskIcon,
-  certificate: CertificateIcon,
-  "x509-certificate": CertificateIcon,
 
   // Default
   unknown: QuestionIcon,

package/src/types.ts

@@ -23,7 +23,7 @@ export interface ObservableNodeData extends Record<string, unknown> {
   label: string;
   /** Full observable value */
   fullValue: string;
-  /** Observable type (e.g., "domain-name", "ipv4-addr") */
+  /** Observable type (e.g., "domain", "ipv4") */
   observableType: string;
   /** Security level */
   level: Level;

package/tests/observables.test.ts

@@ -11,12 +11,12 @@ import {
 describe("observables utils", () => {
   it("returns shapes based on root flag (all non-root nodes are circles)", () => {
     // All non-root nodes are now circles for a cleaner design
-    expect(getObservableShape("domain-name", false)).toBe("circle");
-    expect(getObservableShape("ipv6-addr", false)).toBe("circle");
+    expect(getObservableShape("domain", false)).toBe("circle");
+    expect(getObservableShape("ipv6", false)).toBe("circle");
     expect(getObservableShape("anything-else", false)).toBe("circle");
     // Root nodes get a rectangle (pill shape)
     expect(getObservableShape("anything-else", true)).toBe("rectangle");
-    expect(getObservableShape("domain-name", true)).toBe("rectangle");
+    expect(getObservableShape("domain", true)).toBe("rectangle");
   });
 
   it("truncates long labels in the middle by default", () => {