meyi-insight-ui-dev 1.0.28 → 1.0.30

package/dist/index.mjs

@@ -7784,9 +7784,9 @@ function Z4(e, t) {
     S.resourceName && c.set(S.resourceName, (c.get(S.resourceName) ?? 0) + 1);
   const u = [...c.values()].filter((S) => S > 1).reduce((S, w) => S + w, 0), p = (S) => {
     if (S.status === "resolved" || S.status === "closed" || !S.createdAt) return !1;
-    const w = (Date.now() - _r(S.createdAt)) / 6e4, T = S.status !== "open", A = String(S.projectTag || "").toLowerCase();
+    const w = (Date.now() - _r(S.createdAt)) / 6e4, T = S.status !== "open", A = String(S.tags?.severity || S.tags?.priority || "").toLowerCase();
     let N = 30, R = 120;
-    return A === "critical" ? (N = 10, R = 60) : A === "high" && (N = 30, R = 120), !T && w > N || w > R;
+    return A === "critical" || S.status === "in_progress" ? (N = 10, R = 60) : A === "high" && (N = 30, R = 120), !T && w > N || w > R;
   }, d = a.filter(p).length, f = a.length ? Math.round(a.filter((S) => S.analysisStatus === "completed").length / a.length * 100) : 0, m = [];
   for (let S = n - 1; S >= 0; S--) {
     const w = /* @__PURE__ */ new Date();
@@ -17228,18 +17228,18 @@ function _R(e) {
   return n < 60 ? `${n}m` : `${Math.floor(n / 60)}h ${n % 60}m`;
 }
 function Xa(e) {
-  const t = String(e.projectTag || "").toUpperCase();
-  return t === "P1" || e.status === "in_progress" ? "P1" : t === "P2" ? "P2" : t === "P3" || e.status === "resolved" || e.status === "closed" ? "P3" : "P2";
+  const t = String(e.tags?.priority || e.tags?.severity || "").toUpperCase();
+  return t === "P1" || t === "CRITICAL" || e.status === "in_progress" ? "P1" : t === "P2" ? "P2" : t === "P3" || t === "LOW" || e.status === "resolved" || e.status === "closed" ? "P3" : "P2";
 }
 function RR(e) {
   const t = String(e || "").toLowerCase();
-  return t === "critical" ? { ack: 10, resolve: 60 } : t === "high" ? { ack: 30, resolve: 120 } : { ack: 30, resolve: 120 };
+  return t === "critical" || t === "p1" ? { ack: 10, resolve: 60 } : t === "high" || t === "p2" ? { ack: 30, resolve: 120 } : { ack: 30, resolve: 120 };
 }
 function $S(e, t) {
   return !e || !t ? null : Math.max(0, Math.floor((new Date(t).getTime() - new Date(e).getTime()) / 6e4));
 }
 function HS(e, t) {
-  const { ack: n, resolve: r } = RR(e.projectTag), a = t === "ack" ? n : r, s = e.status !== "open", o = e.status === "resolved" || e.status === "closed";
+  const { ack: n, resolve: r } = RR(e.tags?.severity || e.tags?.priority), a = t === "ack" ? n : r, s = e.status !== "open", o = e.status === "resolved" || e.status === "closed";
   if (t === "ack" ? s : o) {
     const p = t === "ack" ? e.analysisTriggeredAt || e.updatedAt : e.resolvedAt, d = $S(e.createdAt, p);
     return d == null ? { label: "✓ met", cls: "ok" } : d <= a ? { label: `✓ ${d}m`, cls: "ok" } : { label: `⚠ ${d}m`, cls: "breach" };
@@ -17352,8 +17352,12 @@ function h9({ incident: e }) {
           /* @__PURE__ */ i.jsx("span", { children: e.createdAt ? new Date(e.createdAt).toLocaleString() : "—" })
         ] }),
         /* @__PURE__ */ i.jsxs("div", { className: "im-inc-meta-row", children: [
-          /* @__PURE__ */ i.jsx("span", { children: "Labels" }),
-          /* @__PURE__ */ i.jsx("span", { children: e.projectTag ? /* @__PURE__ */ i.jsx("span", { className: "im-inc-label-chip", children: e.projectTag }) : "—" })
+          /* @__PURE__ */ i.jsx("span", { children: "Tags" }),
+          /* @__PURE__ */ i.jsx("div", { className: "flex flex-wrap gap-1 justify-end", children: e.tags && Object.keys(e.tags).length > 0 ? Object.entries(e.tags).map(([r, a]) => /* @__PURE__ */ i.jsxs("span", { className: "im-inc-label-chip font-mono text-[11px]", children: [
+            r,
+            ":",
+            a
+          ] }, r)) : /* @__PURE__ */ i.jsx("span", { children: "—" }) })
         ] }),
         e.alertId && /* @__PURE__ */ i.jsxs("div", { className: "im-inc-meta-row", children: [
           /* @__PURE__ */ i.jsx("span", { children: "Source alarm" }),
@@ -17882,7 +17886,7 @@ function v9({ incidentId: e, onBack: t, onViewAlert: n }) {
         /* @__PURE__ */ i.jsxs("div", { className: "im-inc-sidebar-section", children: [
           /* @__PURE__ */ i.jsx("div", { className: "im-inc-sidebar-label", children: "SLA" }),
           (() => {
-            const { ack: Y, resolve: J } = RR(s.projectTag), Ce = HS(s, "ack"), pe = HS(s, "resolve");
+            const { ack: Y, resolve: J } = RR(s.tags?.severity || s.tags?.priority), Ce = HS(s, "ack"), pe = HS(s, "resolve");
             return /* @__PURE__ */ i.jsxs("div", { className: "im-inc-sla", children: [
               /* @__PURE__ */ i.jsxs("div", { className: "im-inc-sla-row", children: [
                 /* @__PURE__ */ i.jsxs("span", { children: [
@@ -17927,8 +17931,12 @@ function v9({ incidentId: e, onBack: t, onViewAlert: n }) {
           )) })
         ] }),
         /* @__PURE__ */ i.jsxs("div", { className: "im-inc-sidebar-section", children: [
-          /* @__PURE__ */ i.jsx("div", { className: "im-inc-sidebar-label", children: "Labels" }),
-          s.projectTag ? /* @__PURE__ */ i.jsx("span", { className: "im-inc-label-chip", children: s.projectTag }) : /* @__PURE__ */ i.jsx("div", { style: { fontSize: 12, color: "var(--im-fg-subtle)" }, children: "None" })
+          /* @__PURE__ */ i.jsx("div", { className: "im-inc-sidebar-label", children: "Tags" }),
+          s.tags && Object.keys(s.tags).length > 0 ? /* @__PURE__ */ i.jsx("div", { className: "flex flex-wrap gap-1 mt-1", children: Object.entries(s.tags).map(([Y, J]) => /* @__PURE__ */ i.jsxs("span", { className: "im-inc-label-chip font-mono text-[11px]", children: [
+            Y,
+            ":",
+            J
+          ] }, Y)) }) : /* @__PURE__ */ i.jsx("div", { style: { fontSize: 12, color: "var(--im-fg-subtle)" }, children: "None" })
         ] }),
         /* @__PURE__ */ i.jsxs("div", { className: "im-inc-sidebar-section", children: [
           /* @__PURE__ */ i.jsx("div", { className: "im-inc-sidebar-label", children: "Quick actions" }),
@@ -19044,7 +19052,7 @@ function X$({ open: e, incident: t, submitting: n, onClose: r, onSubmit: a }) {
   Ue(() => {
     if (e) {
       if (t) {
-        o(t.name || ""), c(t.downMessage || ""), p(t.source || "Manual"), f(t.priority || "P2"), h(t.resourceName || ""), b(t.status || "open");
+        o(t.name || ""), c(t.downMessage || ""), p(t.source || "Manual"), f(t.tags?.priority || t.priority || "P2"), h(t.resourceName || ""), b(t.status || "open");
         return;
       }
       o(""), c(""), p("Manual"), f("P1"), h(""), b("open");
@@ -19059,10 +19067,11 @@ function X$({ open: e, incident: t, submitting: n, onClose: r, onSubmit: a }) {
       re.error("Affected resource is required");
       return;
     }
+    const w = t?.tags || {};
     a({
       name: s.trim(),
       downMessage: l.trim() || void 0,
-      projectTag: d,
+      tags: { ...w, priority: d },
       source: u.trim() || "Manual",
       resourceName: m.trim() || t?.resourceName,
       resourceType: "service",
@@ -21219,11 +21228,21 @@ const GH = (e) => [
     }
   },
   {
-    accessorKey: "projectTag",
-    header: ({ column: t }) => /* @__PURE__ */ i.jsx(mt, { column: t, title: "Project Tag" }),
+    id: "tags",
+    header: ({ column: t }) => /* @__PURE__ */ i.jsx(mt, { column: t, title: "Tags" }),
     cell: ({ row: t }) => {
-      const n = t.getValue("projectTag");
-      return n ? /* @__PURE__ */ i.jsx(qt, { variant: "secondary", children: n }) : /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-xs", children: "—" });
+      const n = t.original.tags || {}, r = Object.entries(n);
+      return r.length === 0 ? /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-xs", children: "—" }) : /* @__PURE__ */ i.jsxs("div", { className: "flex flex-wrap gap-1 max-w-[200px]", children: [
+        r.slice(0, 2).map(([a, s]) => /* @__PURE__ */ i.jsxs(qt, { variant: "secondary", className: "text-[10px] px-1.5 py-0 font-mono truncate", children: [
+          a,
+          ":",
+          s
+        ] }, a)),
+        r.length > 2 && /* @__PURE__ */ i.jsxs("span", { className: "text-[10px] text-muted-foreground self-center", children: [
+          "+",
+          r.length - 2
+        ] })
+      ] });
     }
   },
   {
@@ -22769,8 +22788,8 @@ function mG({
   ] });
 }
 function hG(e) {
-  const t = String(e.projectTag || "").toUpperCase();
-  return t === "P1" || e.status === "in_progress" ? "P1" : t === "P3" || e.status === "resolved" ? "P3" : "P2";
+  const t = String(e.tags?.priority || e.tags?.severity || "").toUpperCase();
+  return t === "P1" || t === "CRITICAL" || e.status === "in_progress" ? "P1" : t === "P3" || t === "LOW" || e.status === "resolved" ? "P3" : "P2";
 }
 function gG({ onViewResult: e, sourceTypes: t }) {
   const [n, r] = M([]), [a, s] = M(0), [o, l] = M(!0), [c, u] = M(1), [p, d] = M(""), [f, m] = M(""), [h, g] = M(() => fG()), [b, y] = M(null), [S, w] = M(!1), [T, A] = M(!1), { userId: N } = hr(), [R, D] = M(10);
@@ -22811,7 +22830,7 @@ function gG({ onViewResult: e, sourceTypes: t }) {
         resourceName: z.resourceName,
         resourceType: z.resourceType || "service",
         downMessage: z.downMessage,
-        projectTag: z.projectTag
+        tags: z.tags || {}
       }), re.success("Incident created")), w(!1), y(null), C();
     } catch (j) {
       re.error(j?.response?.data?.error || "Failed to save incident");
@@ -29573,17 +29592,16 @@ const bw = [
     id: "tags",
     header: ({ column: e }) => /* @__PURE__ */ i.jsx(mt, { column: e, title: "Tags" }),
     cell: ({ row: e }) => {
-      const t = e.original, n = t.additionalConfiguration?.tags || t.tags || {}, r = Object.entries(n);
-      return r.length === 0 && !t.projectTag ? /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-xs", children: "—" }) : /* @__PURE__ */ i.jsxs("div", { className: "flex flex-wrap gap-1 max-w-[220px]", children: [
-        t.projectTag && /* @__PURE__ */ i.jsx("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded text-[11px] bg-primary/10 text-primary font-medium", children: t.projectTag }),
-        r.slice(0, 2).map(([a, s]) => /* @__PURE__ */ i.jsxs("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded text-[11px] bg-secondary text-secondary-foreground font-mono", children: [
+      const t = e.original, n = t.tags || t.additionalConfiguration?.tags || {}, r = Object.entries(n);
+      return r.length === 0 ? /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground text-xs", children: "—" }) : /* @__PURE__ */ i.jsxs("div", { className: "flex flex-wrap gap-1 max-w-[220px]", children: [
+        r.slice(0, 3).map(([a, s]) => /* @__PURE__ */ i.jsxs("span", { className: "inline-flex items-center px-1.5 py-0.5 rounded text-[11px] bg-secondary text-secondary-foreground font-mono", children: [
           a,
           ":",
           s
         ] }, a)),
-        r.length > 2 && /* @__PURE__ */ i.jsxs("span", { className: "text-[10px] text-muted-foreground self-center", children: [
+        r.length > 3 && /* @__PURE__ */ i.jsxs("span", { className: "text-[10px] text-muted-foreground self-center", children: [
           "+",
-          r.length - 2
+          r.length - 3
         ] })
       ] });
     }
@@ -32304,9 +32322,13 @@ function $I({
         /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground", children: "Type" }),
         /* @__PURE__ */ i.jsx("span", { children: e.resourceType })
       ] }),
-      e.projectTag && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-1.5 mt-2", children: [
-        /* @__PURE__ */ i.jsx(id, { size: 12, className: "text-muted-foreground" }),
-        /* @__PURE__ */ i.jsx("code", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: e.projectTag })
+      e.tags && Object.keys(e.tags).length > 0 && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-1.5 mt-2 flex-wrap", children: [
+        /* @__PURE__ */ i.jsx(id, { size: 12, className: "text-muted-foreground shrink-0" }),
+        Object.entries(e.tags).map(([s, o]) => /* @__PURE__ */ i.jsxs("code", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: [
+          s,
+          ":",
+          o
+        ] }, s))
       ] })
     ] }),
     /* @__PURE__ */ i.jsxs(Vt, { children: [
@@ -32341,10 +32363,34 @@ function HI({
 function zI({ open: e, alert: t, submitting: n, onClose: r, onSubmit: a }) {
   const [s, o] = M(""), [l, c] = M(""), [u, p] = M(""), [d, f] = M("");
   Ue(() => {
-    e && t && (o(t.alertName || ""), c(t.description || ""), p(t.severity || ""), f(t.projectTag || ""));
+    if (e && t) {
+      o(t.alertName || ""), c(t.description || ""), p(t.severity || "");
+      const g = t.tags || {};
+      f(Object.entries(g).map(([b, y]) => `${b}: ${y}`).join(", "));
+    }
   }, [e, t]);
-  const m = (h) => {
-    if (h.preventDefault(), !s.trim()) {
+  const m = (g) => {
+    const b = {};
+    if (!g.trim()) return b;
+    if (g.trim().startsWith("{"))
+      try {
+        const y = JSON.parse(g);
+        if (typeof y == "object" && y !== null) {
+          for (const [S, w] of Object.entries(y))
+            b[S] = String(w);
+          return b;
+        }
+      } catch {
+      }
+    return g.split(",").forEach((y) => {
+      const S = y.includes(":") ? y.split(":") : y.split("=");
+      if (S.length >= 2) {
+        const w = S[0].trim(), T = S.slice(1).join(":").trim();
+        w && (b[w] = T);
+      }
+    }), b;
+  }, h = (g) => {
+    if (g.preventDefault(), !s.trim()) {
       re.error("Name is required");
       return;
     }
@@ -32352,12 +32398,12 @@ function zI({ open: e, alert: t, submitting: n, onClose: r, onSubmit: a }) {
       alertName: s.trim(),
       description: l.trim() || void 0,
       severity: u.trim() || void 0,
-      projectTag: d.trim() || void 0
+      tags: m(d)
     });
   };
-  return /* @__PURE__ */ i.jsx(Lt, { open: e, onOpenChange: (h) => !h && !n && r(), children: /* @__PURE__ */ i.jsxs(jt, { className: "max-w-md", children: [
+  return /* @__PURE__ */ i.jsx(Lt, { open: e, onOpenChange: (g) => !g && !n && r(), children: /* @__PURE__ */ i.jsxs(jt, { className: "max-w-md", children: [
     /* @__PURE__ */ i.jsx(Bt, { children: /* @__PURE__ */ i.jsx(Ut, { children: "Edit Alert" }) }),
-    /* @__PURE__ */ i.jsxs("form", { id: "alert-form", onSubmit: m, className: "flex flex-col gap-4 mt-2", children: [
+    /* @__PURE__ */ i.jsxs("form", { id: "alert-form", onSubmit: h, className: "flex flex-col gap-4 mt-2", children: [
       /* @__PURE__ */ i.jsxs("div", { className: "space-y-4", children: [
         /* @__PURE__ */ i.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ i.jsxs(Fe, { children: [
@@ -32369,7 +32415,7 @@ function zI({ open: e, alert: t, submitting: n, onClose: r, onSubmit: a }) {
             {
               id: "alert-name",
               value: s,
-              onChange: (h) => o(h.target.value),
+              onChange: (g) => o(g.target.value),
               placeholder: "e.g. CPU Spike on API Server",
               disabled: n
             }
@@ -32381,7 +32427,7 @@ function zI({ open: e, alert: t, submitting: n, onClose: r, onSubmit: a }) {
             Qe,
             {
               value: l,
-              onChange: (h) => c(h.target.value),
+              onChange: (g) => c(g.target.value),
               placeholder: "Description",
               disabled: n
             }
@@ -32407,17 +32453,18 @@ function zI({ open: e, alert: t, submitting: n, onClose: r, onSubmit: a }) {
           )
         ] }),
         /* @__PURE__ */ i.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ i.jsx(Fe, { children: "Project Tag" }),
+          /* @__PURE__ */ i.jsx(Fe, { children: "Tags" }),
           /* @__PURE__ */ i.jsx(
             Qe,
             {
               value: d,
-              onChange: (h) => f(h.target.value),
-              placeholder: "e.g. checkout-api",
+              onChange: (g) => f(g.target.value),
+              placeholder: "project: meyiconnect, env: dev",
               disabled: n,
-              className: "font-mono"
+              className: "font-mono text-xs"
             }
-          )
+          ),
+          /* @__PURE__ */ i.jsx("p", { className: "text-[11px] text-muted-foreground", children: "Format: key: value, key: value" })
         ] })
       ] }),
       /* @__PURE__ */ i.jsxs(Vt, { children: [
@@ -32568,11 +32615,21 @@ const TY = (e) => [
     }
   },
   {
-    accessorKey: "projectTag",
-    header: ({ column: t }) => /* @__PURE__ */ i.jsx(mt, { column: t, title: "Project Tag" }),
+    id: "tags",
+    header: ({ column: t }) => /* @__PURE__ */ i.jsx(mt, { column: t, title: "Tags" }),
     cell: ({ row: t }) => {
-      const n = t.getValue("projectTag");
-      return n ? /* @__PURE__ */ i.jsx("code", { className: "text-xs bg-muted px-1.5 py-0.5 rounded", children: n }) : /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground", children: "—" });
+      const n = t.original.tags || {}, r = Object.entries(n);
+      return r.length === 0 ? /* @__PURE__ */ i.jsx("span", { className: "text-muted-foreground", children: "—" }) : /* @__PURE__ */ i.jsxs("div", { className: "flex flex-wrap gap-1 max-w-[200px]", children: [
+        r.slice(0, 2).map(([a, s]) => /* @__PURE__ */ i.jsxs("span", { className: "text-[11px] bg-muted px-1.5 py-0.5 rounded font-mono truncate", children: [
+          a,
+          ":",
+          s
+        ] }, a)),
+        r.length > 2 && /* @__PURE__ */ i.jsxs("span", { className: "text-[10px] text-muted-foreground self-center", children: [
+          "+",
+          r.length - 2
+        ] })
+      ] });
     }
   },
   {
@@ -33019,19 +33076,15 @@ function DY({ alert: e }) {
           /* @__PURE__ */ i.jsx("span", { children: new Date(e.createdAt).toLocaleString() })
         ] }),
         /* @__PURE__ */ i.jsxs("div", { className: "im-inc-meta-row", children: [
-          /* @__PURE__ */ i.jsx("span", { children: "Project Tag" }),
-          /* @__PURE__ */ i.jsx("span", { children: e.projectTag ? /* @__PURE__ */ i.jsx("span", { className: "im-inc-label-chip", children: e.projectTag }) : "—" })
-        ] }),
-        a && /* @__PURE__ */ i.jsxs("div", { className: "im-inc-meta-row", children: [
           /* @__PURE__ */ i.jsx("span", { children: "Tags" }),
-          /* @__PURE__ */ i.jsx("div", { className: "flex flex-wrap gap-1.5 justify-end", children: Object.entries(r).map(([s, o]) => /* @__PURE__ */ i.jsxs("span", { className: "inline-flex items-center px-2 py-0.5 rounded text-xs bg-secondary text-secondary-foreground font-mono", children: [
+          a ? /* @__PURE__ */ i.jsx("div", { className: "flex flex-wrap gap-1.5 justify-end", children: Object.entries(r).map(([s, o]) => /* @__PURE__ */ i.jsxs("span", { className: "inline-flex items-center px-2 py-0.5 rounded text-xs bg-secondary text-secondary-foreground font-mono", children: [
             /* @__PURE__ */ i.jsxs("span", { className: "text-muted-foreground mr-1", children: [
               s,
               ":"
             ] }),
             " ",
             String(o)
-          ] }, s)) })
+          ] }, s)) }) : /* @__PURE__ */ i.jsx("span", { children: "—" })
         ] }),
         e.additionalConfiguration?.groupName && /* @__PURE__ */ i.jsxs("div", { className: "im-inc-meta-row", children: [
           /* @__PURE__ */ i.jsx("span", { children: "Group Name" }),
@@ -33154,7 +33207,7 @@ function jY({
         const B = await Rr.create({
           title: `SOP: ${a.alertName}`,
           alertType: a.resourceType,
-          service: a.projectTag || void 0,
+          service: a.tags?.project || a.tags?.service || void 0,
           status: "generating",
           alert_id: a.id,
           alert_name: a.alertName,

package/dist/services/insight.d.ts

@@ -81,7 +81,7 @@ export declare const insightService: {
         resourceName: string;
         resourceType: string;
         downMessage?: string;
-        projectTag?: string;
+        tags?: Record<string, string>;
         downTime?: string;
         alertId?: string | null;
         assigneeIds?: string[];
@@ -95,7 +95,7 @@ export declare const insightService: {
     updateIncident: (id: string, data: {
         name?: string;
         downMessage?: string;
-        projectTag?: string;
+        tags?: Record<string, string>;
         downTime?: string;
         status?: string;
         statusMessage?: string;
@@ -146,7 +146,7 @@ export declare const insightService: {
         alertName?: string;
         description?: string;
         severity?: string;
-        projectTag?: string;
+        tags?: Record<string, string>;
     }) => Promise<any>;
     deleteAlert(id: string): Promise<any>;
     listSources: (params?: {

package/dist/types.d.ts

@@ -413,7 +413,6 @@ export type InsightAlert = {
     resourceName: string;
     resourceType: string;
     accountId?: string | null;
-    projectTag?: string;
     tags?: Record<string, string>;
     severity: InsightAlertSeverity;
     alertName: string;
@@ -483,7 +482,7 @@ export type InsightIncident = {
     resourceType: string;
     downMessage?: string;
     description?: string | null;
-    projectTag?: string;
+    tags?: Record<string, string>;
     downTime: string | null;
     accountId?: string | null;
     resolvedAt?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "meyi-insight-ui-dev",
   "private": false,
-  "version": "1.0.28",
+  "version": "1.0.30",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",