@parto-system-design/ui 1.1.4 → 1.1.7

package/dist/chunk-HYZ6BQPS.cjs

@@ -0,0 +1,425 @@
+'use strict';
+
+var chunkHJPDZOMJ_cjs = require('./chunk-HJPDZOMJ.cjs');
+var chunkS5IPJQZ3_cjs = require('./chunk-S5IPJQZ3.cjs');
+var chunkCAJKSTXX_cjs = require('./chunk-CAJKSTXX.cjs');
+var chunkGKRAZGDI_cjs = require('./chunk-GKRAZGDI.cjs');
+var chunkZ2TY4A75_cjs = require('./chunk-Z2TY4A75.cjs');
+var chunkNV4JOKWL_cjs = require('./chunk-NV4JOKWL.cjs');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function calcPercents(data) {
+  const total = chunkZ2TY4A75_cjs.FLOW_KEYS.reduce((s, k) => s + (data[k] ?? 0), 0);
+  const result = Object.fromEntries(chunkZ2TY4A75_cjs.FLOW_KEYS.map((k) => [k, 0]));
+  if (total === 0) return result;
+  const floats = chunkZ2TY4A75_cjs.FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).map((k) => {
+    const v = (data[k] ?? 0) / total * 100;
+    return { k, floor: Math.floor(v), rem: v - Math.floor(v) };
+  });
+  const remaining = 100 - floats.reduce((s, f) => s + f.floor, 0);
+  const sorted = [...floats].sort((a, b) => b.rem - a.rem);
+  sorted.slice(0, remaining).forEach((f) => f.floor++);
+  floats.forEach(({ k, floor }) => result[k] = floor);
+  return result;
+}
+var STACKED_ORDER = [
+  "pro-gov",
+  "internal-critic",
+  "internal-opponent",
+  "external-opponent",
+  "grey"
+];
+function tokenVar(key) {
+  return `--flow-${key}`;
+}
+var FlowDistribution = React__namespace.forwardRef(
+  ({
+    className,
+    data,
+    variant = "stacked",
+    showCounts = false,
+    showPercent = true,
+    locale = "fa",
+    isLoading = false,
+    ...props
+  }, ref) => {
+    const labels = chunkZ2TY4A75_cjs.flowLabels[locale] ?? chunkZ2TY4A75_cjs.flowLabels.fa;
+    const percents = calcPercents(data);
+    const percentSign = locale === "en" ? "%" : "\u066A";
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "flow-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: variant === "stacked" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-full rounded-full bg-muted animate-pulse" }) : variant === "compact" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-20 rounded-full bg-muted animate-pulse" }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-16 rounded bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 flex-1 rounded-full bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-8 rounded bg-muted animate-pulse" })
+      ] }, i)) }) });
+    }
+    if (variant === "stacked") {
+      const active = STACKED_ORDER.filter((k) => (data[k] ?? 0) > 0);
+      const srLabel = active.map((k) => `${labels[k]} ${chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale)}${percentSign}`).join("\u060C ");
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-slot": "flow-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-3 w-full overflow-hidden rounded-full bg-muted", role: "img", "aria-label": srLabel, children: active.map((k) => /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "transition-all duration-500",
+            style: { width: `${percents[k]}%`, backgroundColor: `hsl(var(${tokenVar(k)}))` }
+          },
+          k
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: active.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "inline-block h-2 w-2 rounded-full",
+              style: { backgroundColor: `hsl(var(${tokenVar(k)}))` }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground-light", children: labels[k] }),
+          showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-medium tabular-nums", style: { color: `hsl(var(${tokenVar(k)}))` }, children: [
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale),
+            percentSign
+          ] }),
+          showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
+            "(",
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(data[k] ?? 0, locale),
+            ")"
+          ] })
+        ] }, k)) })
+      ] });
+    }
+    if (variant === "compact") {
+      const active = chunkZ2TY4A75_cjs.FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0));
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "flow-distribution",
+          className: chunkNV4JOKWL_cjs.cn("inline-flex flex-wrap gap-2", className),
+          ...props,
+          children: active.map((k) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 rounded-full px-2 py-0.5",
+              style: {
+                backgroundColor: `hsl(var(${tokenVar(k)}) / 0.12)`,
+                color: `hsl(var(${tokenVar(k)}))`
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium", children: labels[k] }),
+                showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs font-bold tabular-nums", children: [
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale),
+                  percentSign
+                ] }),
+                showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
+                  "(",
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers(data[k] ?? 0, locale),
+                  ")"
+                ] })
+              ]
+            },
+            k
+          ))
+        }
+      );
+    }
+    const sorted = chunkZ2TY4A75_cjs.FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0));
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "flow-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-1.5", className), ...props, children: sorted.map((k) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-24 shrink-0 text-xs text-foreground-light text-end", children: labels[k] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "absolute inset-y-0 start-0 rounded-full transition-all duration-500",
+          style: {
+            width: `${percents[k]}%`,
+            backgroundColor: `hsl(var(${tokenVar(k)}))`
+          },
+          role: "progressbar",
+          "aria-valuenow": percents[k],
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-label": `${labels[k]}: ${percents[k]}%`
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "w-12 shrink-0 text-xs font-medium tabular-nums text-start",
+          style: { color: `hsl(var(${tokenVar(k)}))` },
+          children: showCounts ? chunkNV4JOKWL_cjs.convertToLocalNumbers((data[k] ?? 0).toLocaleString(), locale) : `${chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[k], locale)}${percentSign}`
+        }
+      )
+    ] }, k)) });
+  }
+);
+FlowDistribution.displayName = "FlowDistribution";
+var LABELS = {
+  fa: { positive: "\u0645\u062B\u0628\u062A", negative: "\u0645\u0646\u0641\u06CC", neutral: "\u062E\u0646\u062B\u06CC", mixed: "\u062A\u0631\u06A9\u06CC\u0628\u06CC" },
+  ar: { positive: "\u0625\u064A\u062C\u0627\u0628\u064A", negative: "\u0633\u0644\u0628\u064A", neutral: "\u0645\u062D\u0627\u064A\u062F", mixed: "\u0645\u062E\u062A\u0644\u0637" },
+  en: { positive: "Positive", negative: "Negative", neutral: "Neutral", mixed: "Mixed" }
+};
+var SENTIMENT_STYLES = {
+  positive: {
+    bar: "bg-[hsl(var(--sentiment-positive))]",
+    text: "text-[hsl(var(--sentiment-positive))]",
+    bg: "bg-[hsl(var(--sentiment-positive)/0.12)]"
+  },
+  negative: {
+    bar: "bg-[hsl(var(--sentiment-negative))]",
+    text: "text-[hsl(var(--sentiment-negative))]",
+    bg: "bg-[hsl(var(--sentiment-negative)/0.12)]"
+  },
+  neutral: {
+    bar: "bg-[hsl(var(--sentiment-neutral))]",
+    text: "text-[hsl(var(--sentiment-neutral))]",
+    bg: "bg-[hsl(var(--sentiment-neutral)/0.12)]"
+  },
+  mixed: {
+    bar: "bg-[hsl(var(--sentiment-mixed))]",
+    text: "text-[hsl(var(--sentiment-mixed))]",
+    bg: "bg-[hsl(var(--sentiment-mixed)/0.12)]"
+  }
+};
+function calcPercents2(data) {
+  const keys = ["positive", "negative", "neutral", "mixed"].filter((k) => (data[k] ?? 0) > 0);
+  const total = ["positive", "negative", "neutral", "mixed"].reduce((sum, k) => sum + (data[k] ?? 0), 0);
+  if (total === 0) return { positive: 0, negative: 0, neutral: 0, mixed: 0 };
+  const floats = keys.map((k) => ({ k, v: (data[k] ?? 0) / total * 100 }));
+  const floors = floats.map(({ k, v }) => ({ k, floor: Math.floor(v), rem: v - Math.floor(v) }));
+  const remaining = 100 - floors.reduce((s, f) => s + f.floor, 0);
+  const sorted = [...floors].sort((a, b) => b.rem - a.rem);
+  sorted.slice(0, remaining).forEach((f) => f.floor++);
+  const result = { positive: 0, negative: 0, neutral: 0, mixed: 0 };
+  sorted.forEach(({ k, floor }) => result[k] = floor);
+  return result;
+}
+var SENTIMENT_ORDER = ["positive", "neutral", "mixed", "negative"];
+var SentimentDistribution = React__namespace.forwardRef(
+  ({
+    className,
+    data,
+    variant = "bars",
+    showCounts = false,
+    showPercent = true,
+    locale = "fa",
+    isLoading = false,
+    ...props
+  }, ref) => {
+    const labels = LABELS[locale] ?? LABELS.fa;
+    const percents = calcPercents2(data);
+    const activeOrder = SENTIMENT_ORDER.filter((key) => (data[key] ?? 0) > 0);
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "sentiment-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: variant === "stacked" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-full rounded-full bg-muted animate-pulse" }) : variant === "compact" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-16 rounded bg-muted animate-pulse" }, i)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-12 rounded bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-2 flex-1 rounded-full bg-muted animate-pulse" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-3 w-8 rounded bg-muted animate-pulse" })
+      ] }, i)) }) });
+    }
+    if (variant === "stacked") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, "data-slot": "sentiment-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-2", className), ...props, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "flex h-3 w-full overflow-hidden rounded-full bg-muted",
+            role: "img",
+            "aria-label": `${labels.positive} ${percents.positive}\u066A\u060C ${labels.negative} ${percents.negative}\u066A\u060C ${labels.neutral} ${percents.neutral}\u066A`,
+            children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunkNV4JOKWL_cjs.cn("transition-all duration-500", SENTIMENT_STYLES[key].bar),
+                style: { width: `${percents[key]}%` }
+              },
+              key
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-x-3 gap-y-1", children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("inline-block h-2 w-2 rounded-full", SENTIMENT_STYLES[key].bar) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-foreground-light", children: labels[key] }),
+          showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("text-xs font-medium", SENTIMENT_STYLES[key].text), children: [
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[key], locale),
+            locale === "en" ? "%" : "\u066A"
+          ] }),
+          showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted", children: [
+            "(",
+            chunkNV4JOKWL_cjs.convertToLocalNumbers(data[key] ?? 0, locale),
+            ")"
+          ] })
+        ] }, key)) })
+      ] });
+    }
+    if (variant === "compact") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "sentiment-distribution",
+          className: chunkNV4JOKWL_cjs.cn("inline-flex flex-wrap gap-2", className),
+          ...props,
+          children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: chunkNV4JOKWL_cjs.cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5", SENTIMENT_STYLES[key].bg),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNV4JOKWL_cjs.cn("text-xs font-medium", SENTIMENT_STYLES[key].text), children: labels[key] }),
+                showPercent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkNV4JOKWL_cjs.cn("text-xs font-bold tabular-nums", SENTIMENT_STYLES[key].text), children: [
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[key], locale),
+                  locale === "en" ? "%" : "\u066A"
+                ] }),
+                showCounts && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-foreground-muted tabular-nums", children: [
+                  "(",
+                  chunkNV4JOKWL_cjs.convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale),
+                  ")"
+                ] })
+              ]
+            },
+            key
+          ))
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "sentiment-distribution", className: chunkNV4JOKWL_cjs.cn("space-y-1.5", className), ...props, children: activeOrder.map((key) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-10 shrink-0 text-xs text-foreground-light text-end", children: labels[key] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-1 h-2 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkNV4JOKWL_cjs.cn(
+            "absolute inset-y-0 start-0 rounded-full transition-all duration-500",
+            SENTIMENT_STYLES[key].bar
+          ),
+          style: { width: `${percents[key]}%` },
+          role: "progressbar",
+          "aria-valuenow": percents[key],
+          "aria-valuemin": 0,
+          "aria-valuemax": 100,
+          "aria-label": `${labels[key]}: ${percents[key]}%`
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: chunkNV4JOKWL_cjs.cn("w-10 shrink-0 text-xs font-medium tabular-nums text-start", SENTIMENT_STYLES[key].text),
+          children: showCounts ? chunkNV4JOKWL_cjs.convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale) : `${chunkNV4JOKWL_cjs.convertToLocalNumbers(percents[key], locale)}${locale === "en" ? "%" : "\u066A"}`
+        }
+      )
+    ] }, key)) });
+  }
+);
+SentimentDistribution.displayName = "SentimentDistribution";
+var ConceptCard = React__namespace.forwardRef(
+  ({
+    className,
+    title,
+    subtitle,
+    status,
+    severity,
+    flow,
+    sentiment,
+    trend,
+    aiSummary,
+    totalCount,
+    comparison,
+    interactive = false,
+    locale = "fa",
+    onClick,
+    ...props
+  }, ref) => {
+    const isClickable = interactive || !!onClick;
+    const handleClick = isClickable ? (e) => {
+      const target = e.target;
+      if (target && target.closest('[data-slot="concept-card-comparison"]')) return;
+      onClick?.(e);
+    } : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "concept-card",
+        "data-status": status,
+        "data-severity": severity,
+        role: isClickable ? "button" : "article",
+        tabIndex: isClickable ? 0 : void 0,
+        onClick: handleClick,
+        onKeyDown: isClickable ? (e) => {
+          if ((e.key === "Enter" || e.key === " ") && e.target === e.currentTarget) {
+            e.preventDefault();
+            e.currentTarget.click();
+          }
+        } : void 0,
+        className: chunkNV4JOKWL_cjs.cn(
+          "group/concept-card flex flex-col gap-3 rounded-lg border border-border bg-background p-4 transition-colors",
+          isClickable && "cursor-pointer hover:border-strong hover:bg-surface-100/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-foreground truncate", children: title }),
+                status && /* @__PURE__ */ jsxRuntime.jsx(chunkHJPDZOMJ_cjs.StatusBadge, { status, size: "sm", animated: true, locale }),
+                severity && /* @__PURE__ */ jsxRuntime.jsx(chunkGKRAZGDI_cjs.SeverityBadge, { severity, size: "sm", locale })
+              ] }),
+              subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-xs text-foreground-lighter truncate", children: subtitle })
+            ] }),
+            comparison && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-comparison", className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkCAJKSTXX_cjs.Checkbox,
+              {
+                checked: comparison.selected,
+                onCheckedChange: (next) => comparison.onSelectionChange(next === true),
+                "aria-label": typeof comparison.label === "string" ? comparison.label : locale === "fa" ? "\u0627\u0646\u062A\u062E\u0627\u0628 \u0628\u0631\u0627\u06CC \u0645\u0642\u0627\u06CC\u0633\u0647" : locale === "ar" ? "\u062A\u062D\u062F\u064A\u062F \u0644\u0644\u0645\u0642\u0627\u0631\u0646\u0629" : "Select for comparison"
+              }
+            ) })
+          ] }),
+          aiSummary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground leading-relaxed", children: aiSummary }),
+          (flow || sentiment) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+            flow && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-flow", children: /* @__PURE__ */ jsxRuntime.jsx(FlowDistribution, { data: flow, variant: "stacked", showCounts: false, showPercent: true, locale }) }),
+            sentiment && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-sentiment", children: /* @__PURE__ */ jsxRuntime.jsx(
+              SentimentDistribution,
+              {
+                data: sentiment,
+                variant: "stacked",
+                showCounts: false,
+                showPercent: true,
+                locale
+              }
+            ) })
+          ] }),
+          (trend || typeof totalCount === "number") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end justify-between gap-3 pt-1 border-t border-border mt-auto", children: [
+            trend && trend.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "concept-card-trend", children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5IPJQZ3_cjs.Sparkline, { data: trend, variant: "area", width: 120, height: 28 }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+            typeof totalCount === "number" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-end", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-foreground-lighter", children: locale === "fa" ? "\u0645\u062C\u0645\u0648\u0639" : locale === "ar" ? "\u0627\u0644\u0625\u062C\u0645\u0627\u0644\u064A" : "Total" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold tabular-nums text-foreground", children: chunkNV4JOKWL_cjs.convertToLocalNumbers(totalCount, locale) })
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+ConceptCard.displayName = "ConceptCard";
+
+exports.ConceptCard = ConceptCard;
+exports.FlowDistribution = FlowDistribution;
+exports.SentimentDistribution = SentimentDistribution;
+//# sourceMappingURL=chunk-HYZ6BQPS.cjs.map
+//# sourceMappingURL=chunk-HYZ6BQPS.cjs.map

package/dist/chunk-HYZ6BQPS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/flow-distribution.tsx","../src/components/ui/sentiment-distribution.tsx","../src/components/ui/concept-card.tsx"],"names":["FLOW_KEYS","React","flowLabels","jsx","cn","jsxs","convertToLocalNumbers","calcPercents","React2","React3","StatusBadge","SeverityBadge","Checkbox","Sparkline"],"mappings":"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","file":"chunk-HYZ6BQPS.cjs","sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\nimport { flowLabels, FLOW_KEYS, type FlowKey } from '@/lib/i18n'\n\nexport type FlowData = Partial<Record<FlowKey, number>>\n\nexport interface FlowDistributionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Flow counts (auto-normalized). Missing keys treated as 0. */\n  data: FlowData\n  /** Display mode */\n  variant?: 'bars' | 'stacked' | 'compact'\n  /** Show numeric counts alongside percent */\n  showCounts?: boolean\n  /** Show percentages */\n  showPercent?: boolean\n  /** Locale */\n  locale?: SupportedLocale\n  /** Loading skeleton */\n  isLoading?: boolean\n}\n\nfunction calcPercents(data: FlowData): Record<FlowKey, number> {\n  const total = FLOW_KEYS.reduce((s, k) => s + (data[k] ?? 0), 0)\n  const result = Object.fromEntries(FLOW_KEYS.map((k) => [k, 0])) as Record<FlowKey, number>\n  if (total === 0) return result\n\n  const floats = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).map((k) => {\n    const v = ((data[k] ?? 0) / total) * 100\n    return { k, floor: Math.floor(v), rem: v - Math.floor(v) }\n  })\n  const remaining = 100 - floats.reduce((s, f) => s + f.floor, 0)\n  const sorted = [...floats].sort((a, b) => b.rem - a.rem)\n  sorted.slice(0, remaining).forEach((f) => f.floor++)\n  floats.forEach(({ k, floor }) => (result[k] = floor))\n  return result\n}\n\n/** Visual reading order for stacked bar — aligned → opposed → undefined. */\nconst STACKED_ORDER: readonly FlowKey[] = [\n  'pro-gov',\n  'internal-critic',\n  'internal-opponent',\n  'external-opponent',\n  'grey',\n] as const\n\nfunction tokenVar(key: FlowKey): string {\n  return `--flow-${key}`\n}\n\nconst FlowDistribution = React.forwardRef<HTMLDivElement, FlowDistributionProps>(\n  (\n    {\n      className,\n      data,\n      variant = 'stacked',\n      showCounts = false,\n      showPercent = true,\n      locale = 'fa',\n      isLoading = false,\n      ...props\n    },\n    ref\n  ) => {\n    const labels = flowLabels[locale] ?? flowLabels.fa\n    const percents = calcPercents(data)\n    const percentSign = locale === 'en' ? '%' : '٪'\n\n    if (isLoading) {\n      return (\n        <div ref={ref} data-slot=\"flow-distribution\" className={cn('space-y-2', className)} {...props}>\n          {variant === 'stacked' ? (\n            <div className=\"h-3 w-full rounded-full bg-muted animate-pulse\" />\n          ) : variant === 'compact' ? (\n            <div className=\"flex flex-wrap gap-2\">\n              {[0, 1, 2].map((i) => (\n                <div key={i} className=\"h-5 w-20 rounded-full bg-muted animate-pulse\" />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {[0, 1, 2, 3].map((i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <div className=\"h-3 w-16 rounded bg-muted animate-pulse\" />\n                  <div className=\"h-2 flex-1 rounded-full bg-muted animate-pulse\" />\n                  <div className=\"h-3 w-8 rounded bg-muted animate-pulse\" />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    if (variant === 'stacked') {\n      const active = STACKED_ORDER.filter((k) => (data[k] ?? 0) > 0)\n      const srLabel = active\n        .map((k) => `${labels[k]} ${convertToLocalNumbers(percents[k], locale)}${percentSign}`)\n        .join('، ')\n\n      return (\n        <div ref={ref} data-slot=\"flow-distribution\" className={cn('space-y-2', className)} {...props}>\n          <div className=\"flex h-3 w-full overflow-hidden rounded-full bg-muted\" role=\"img\" aria-label={srLabel}>\n            {active.map((k) => (\n              <div\n                key={k}\n                className=\"transition-all duration-500\"\n                style={{ width: `${percents[k]}%`, backgroundColor: `hsl(var(${tokenVar(k)}))` }}\n              />\n            ))}\n          </div>\n          <div className=\"flex flex-wrap gap-x-3 gap-y-1\">\n            {active.map((k) => (\n              <span key={k} className=\"inline-flex items-center gap-1\">\n                <span\n                  className=\"inline-block h-2 w-2 rounded-full\"\n                  style={{ backgroundColor: `hsl(var(${tokenVar(k)}))` }}\n                />\n                <span className=\"text-xs text-foreground-light\">{labels[k]}</span>\n                {showPercent && (\n                  <span className=\"text-xs font-medium tabular-nums\" style={{ color: `hsl(var(${tokenVar(k)}))` }}>\n                    {convertToLocalNumbers(percents[k], locale)}\n                    {percentSign}\n                  </span>\n                )}\n                {showCounts && (\n                  <span className=\"text-xs text-foreground-muted tabular-nums\">\n                    ({convertToLocalNumbers(data[k] ?? 0, locale)})\n                  </span>\n                )}\n              </span>\n            ))}\n          </div>\n        </div>\n      )\n    }\n\n    if (variant === 'compact') {\n      const active = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0))\n      return (\n        <div\n          ref={ref}\n          data-slot=\"flow-distribution\"\n          className={cn('inline-flex flex-wrap gap-2', className)}\n          {...props}\n        >\n          {active.map((k) => (\n            <span\n              key={k}\n              className=\"inline-flex items-center gap-1 rounded-full px-2 py-0.5\"\n              style={{\n                backgroundColor: `hsl(var(${tokenVar(k)}) / 0.12)`,\n                color: `hsl(var(${tokenVar(k)}))`,\n              }}\n            >\n              <span className=\"text-xs font-medium\">{labels[k]}</span>\n              {showPercent && (\n                <span className=\"text-xs font-bold tabular-nums\">\n                  {convertToLocalNumbers(percents[k], locale)}\n                  {percentSign}\n                </span>\n              )}\n              {showCounts && (\n                <span className=\"text-xs text-foreground-muted tabular-nums\">\n                  ({convertToLocalNumbers(data[k] ?? 0, locale)})\n                </span>\n              )}\n            </span>\n          ))}\n        </div>\n      )\n    }\n\n    // bars — row per flow, sorted by value\n    const sorted = FLOW_KEYS.filter((k) => (data[k] ?? 0) > 0).sort((a, b) => (data[b] ?? 0) - (data[a] ?? 0))\n\n    return (\n      <div ref={ref} data-slot=\"flow-distribution\" className={cn('space-y-1.5', className)} {...props}>\n        {sorted.map((k) => (\n          <div key={k} className=\"flex items-center gap-2\">\n            <span className=\"w-24 shrink-0 text-xs text-foreground-light text-end\">{labels[k]}</span>\n            <div className=\"relative flex-1 h-2 rounded-full bg-muted overflow-hidden\">\n              <div\n                className=\"absolute inset-y-0 start-0 rounded-full transition-all duration-500\"\n                style={{\n                  width: `${percents[k]}%`,\n                  backgroundColor: `hsl(var(${tokenVar(k)}))`,\n                }}\n                role=\"progressbar\"\n                aria-valuenow={percents[k]}\n                aria-valuemin={0}\n                aria-valuemax={100}\n                aria-label={`${labels[k]}: ${percents[k]}%`}\n              />\n            </div>\n            <span\n              className=\"w-12 shrink-0 text-xs font-medium tabular-nums text-start\"\n              style={{ color: `hsl(var(${tokenVar(k)}))` }}\n            >\n              {showCounts\n                ? convertToLocalNumbers((data[k] ?? 0).toLocaleString(), locale)\n                : `${convertToLocalNumbers(percents[k], locale)}${percentSign}`}\n            </span>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\n\nFlowDistribution.displayName = 'FlowDistribution'\n\nexport { FlowDistribution }\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\n\nexport interface SentimentData {\n  positive: number\n  negative: number\n  neutral: number\n  mixed?: number\n}\n\nexport interface SentimentDistributionProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Sentiment counts (will be auto-normalized to 100%) */\n  data: SentimentData\n  /** Display mode */\n  variant?: 'bars' | 'stacked' | 'compact'\n  /** Show numeric count labels */\n  showCounts?: boolean\n  /** Show percentage labels */\n  showPercent?: boolean\n  /** Locale for number/label formatting */\n  locale?: SupportedLocale\n  /** Show loading skeleton */\n  isLoading?: boolean\n}\n\nconst LABELS: Record<SupportedLocale, Record<keyof SentimentData, string>> = {\n  fa: { positive: 'مثبت', negative: 'منفی', neutral: 'خنثی', mixed: 'ترکیبی' },\n  ar: { positive: 'إيجابي', negative: 'سلبي', neutral: 'محايد', mixed: 'مختلط' },\n  en: { positive: 'Positive', negative: 'Negative', neutral: 'Neutral', mixed: 'Mixed' },\n}\n\nconst SENTIMENT_STYLES: Record<keyof SentimentData, { bar: string; text: string; bg: string }> = {\n  positive: {\n    bar: 'bg-[hsl(var(--sentiment-positive))]',\n    text: 'text-[hsl(var(--sentiment-positive))]',\n    bg: 'bg-[hsl(var(--sentiment-positive)/0.12)]',\n  },\n  negative: {\n    bar: 'bg-[hsl(var(--sentiment-negative))]',\n    text: 'text-[hsl(var(--sentiment-negative))]',\n    bg: 'bg-[hsl(var(--sentiment-negative)/0.12)]',\n  },\n  neutral: {\n    bar: 'bg-[hsl(var(--sentiment-neutral))]',\n    text: 'text-[hsl(var(--sentiment-neutral))]',\n    bg: 'bg-[hsl(var(--sentiment-neutral)/0.12)]',\n  },\n  mixed: {\n    bar: 'bg-[hsl(var(--sentiment-mixed))]',\n    text: 'text-[hsl(var(--sentiment-mixed))]',\n    bg: 'bg-[hsl(var(--sentiment-mixed)/0.12)]',\n  },\n}\n\nfunction calcPercents(data: SentimentData): Record<keyof SentimentData, number> {\n  const keys = (['positive', 'negative', 'neutral', 'mixed'] as const).filter((k) => (data[k] ?? 0) > 0)\n  const total = (['positive', 'negative', 'neutral', 'mixed'] as const).reduce((sum, k) => sum + (data[k] ?? 0), 0)\n  if (total === 0) return { positive: 0, negative: 0, neutral: 0, mixed: 0 }\n\n  // Largest remainder method — guarantees percentages sum to exactly 100\n  const floats = keys.map((k) => ({ k, v: ((data[k] ?? 0) / total) * 100 }))\n  const floors = floats.map(({ k, v }) => ({ k, floor: Math.floor(v), rem: v - Math.floor(v) }))\n  const remaining = 100 - floors.reduce((s, f) => s + f.floor, 0)\n  const sorted = [...floors].sort((a, b) => b.rem - a.rem)\n  sorted.slice(0, remaining).forEach((f) => f.floor++)\n\n  const result: Record<string, number> = { positive: 0, negative: 0, neutral: 0, mixed: 0 }\n  sorted.forEach(({ k, floor }) => (result[k] = floor))\n  return result as Record<keyof SentimentData, number>\n}\n\nconst SENTIMENT_ORDER: Array<keyof SentimentData> = ['positive', 'neutral', 'mixed', 'negative']\n\nconst SentimentDistribution = React.forwardRef<HTMLDivElement, SentimentDistributionProps>(\n  (\n    {\n      className,\n      data,\n      variant = 'bars',\n      showCounts = false,\n      showPercent = true,\n      locale = 'fa',\n      isLoading = false,\n      ...props\n    },\n    ref\n  ) => {\n    const labels = LABELS[locale] ?? LABELS.fa\n    const percents = calcPercents(data)\n    const activeOrder = SENTIMENT_ORDER.filter((key) => (data[key] ?? 0) > 0)\n\n    if (isLoading) {\n      return (\n        <div ref={ref} data-slot=\"sentiment-distribution\" className={cn('space-y-2', className)} {...props}>\n          {variant === 'stacked' ? (\n            <div className=\"h-3 w-full rounded-full bg-muted animate-pulse\" />\n          ) : variant === 'compact' ? (\n            <div className=\"flex gap-2\">\n              {[0, 1, 2].map((i) => (\n                <div key={i} className=\"h-4 w-16 rounded bg-muted animate-pulse\" />\n              ))}\n            </div>\n          ) : (\n            <div className=\"space-y-2\">\n              {[0, 1, 2].map((i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <div className=\"h-3 w-12 rounded bg-muted animate-pulse\" />\n                  <div className=\"h-2 flex-1 rounded-full bg-muted animate-pulse\" />\n                  <div className=\"h-3 w-8 rounded bg-muted animate-pulse\" />\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )\n    }\n\n    // Stacked bar variant — a single horizontal bar split by sentiment\n    if (variant === 'stacked') {\n      return (\n        <div ref={ref} data-slot=\"sentiment-distribution\" className={cn('space-y-2', className)} {...props}>\n          {/* Stacked bar */}\n          <div\n            className=\"flex h-3 w-full overflow-hidden rounded-full bg-muted\"\n            role=\"img\"\n            aria-label={`${labels.positive} ${percents.positive}٪، ${labels.negative} ${percents.negative}٪، ${labels.neutral} ${percents.neutral}٪`}\n          >\n            {activeOrder.map((key) => (\n              <div\n                key={key}\n                className={cn('transition-all duration-500', SENTIMENT_STYLES[key].bar)}\n                style={{ width: `${percents[key]}%` }}\n              />\n            ))}\n          </div>\n\n          {/* Legend */}\n          <div className=\"flex flex-wrap gap-x-3 gap-y-1\">\n            {activeOrder.map((key) => (\n              <span key={key} className=\"inline-flex items-center gap-1\">\n                <span className={cn('inline-block h-2 w-2 rounded-full', SENTIMENT_STYLES[key].bar)} />\n                <span className=\"text-xs text-foreground-light\">{labels[key]}</span>\n                {showPercent && (\n                  <span className={cn('text-xs font-medium', SENTIMENT_STYLES[key].text)}>\n                    {convertToLocalNumbers(percents[key], locale)}\n                    {locale === 'en' ? '%' : '٪'}\n                  </span>\n                )}\n                {showCounts && (\n                  <span className=\"text-xs text-foreground-muted\">\n                    ({convertToLocalNumbers(data[key] ?? 0, locale)})\n                  </span>\n                )}\n              </span>\n            ))}\n          </div>\n        </div>\n      )\n    }\n\n    // Compact variant — inline chips with percentage\n    if (variant === 'compact') {\n      return (\n        <div\n          ref={ref}\n          data-slot=\"sentiment-distribution\"\n          className={cn('inline-flex flex-wrap gap-2', className)}\n          {...props}\n        >\n          {activeOrder.map((key) => (\n            <span\n              key={key}\n              className={cn('inline-flex items-center gap-1 rounded-full px-2 py-0.5', SENTIMENT_STYLES[key].bg)}\n            >\n              <span className={cn('text-xs font-medium', SENTIMENT_STYLES[key].text)}>{labels[key]}</span>\n              {showPercent && (\n                <span className={cn('text-xs font-bold tabular-nums', SENTIMENT_STYLES[key].text)}>\n                  {convertToLocalNumbers(percents[key], locale)}\n                  {locale === 'en' ? '%' : '٪'}\n                </span>\n              )}\n              {showCounts && (\n                <span className=\"text-xs text-foreground-muted tabular-nums\">\n                  ({convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale)})\n                </span>\n              )}\n            </span>\n          ))}\n        </div>\n      )\n    }\n\n    // Default — \"bars\" variant: individual rows per sentiment\n    return (\n      <div ref={ref} data-slot=\"sentiment-distribution\" className={cn('space-y-1.5', className)} {...props}>\n        {activeOrder.map((key) => (\n          <div key={key} className=\"flex items-center gap-2\">\n            {/* Label */}\n            <span className=\"w-10 shrink-0 text-xs text-foreground-light text-end\">{labels[key]}</span>\n\n            {/* Progress bar */}\n            <div className=\"relative flex-1 h-2 rounded-full bg-muted overflow-hidden\">\n              <div\n                className={cn(\n                  'absolute inset-y-0 start-0 rounded-full transition-all duration-500',\n                  SENTIMENT_STYLES[key].bar\n                )}\n                style={{ width: `${percents[key]}%` }}\n                role=\"progressbar\"\n                aria-valuenow={percents[key]}\n                aria-valuemin={0}\n                aria-valuemax={100}\n                aria-label={`${labels[key]}: ${percents[key]}%`}\n              />\n            </div>\n\n            {/* Value */}\n            <span\n              className={cn('w-10 shrink-0 text-xs font-medium tabular-nums text-start', SENTIMENT_STYLES[key].text)}\n            >\n              {showCounts\n                ? convertToLocalNumbers((data[key] ?? 0).toLocaleString(), locale)\n                : `${convertToLocalNumbers(percents[key], locale)}${locale === 'en' ? '%' : '٪'}`}\n            </span>\n          </div>\n        ))}\n      </div>\n    )\n  }\n)\n\nSentimentDistribution.displayName = 'SentimentDistribution'\n\nexport { SentimentDistribution }\n","'use client'\n\nimport * as React from 'react'\nimport { cn, convertToLocalNumbers, type SupportedLocale } from '@/lib/utils'\nimport { StatusBadge } from './status-badge'\nimport { SeverityBadge } from './severity-badge'\nimport { FlowDistribution, type FlowData } from './flow-distribution'\nimport { SentimentDistribution, type SentimentData } from './sentiment-distribution'\nimport { Sparkline } from './sparkline'\nimport { Checkbox } from './checkbox'\nimport type { StatusKey, SeverityKey } from '@/lib/i18n'\n\n/**\n * ConceptCard — افکارسنجی-flavored headline tile for clustering dashboards.\n * Composes: status badge, severity badge, flow composition bar, sentiment\n * distribution, sparkline trend, AI summary snippet, optional comparison\n * checkbox. Built for government dashboards where each \"concept\" needs\n * to fit in a card grid with rich, comparable signals.\n */\n\nexport interface ConceptCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /** Concept name (e.g., \"افزایش قیمت بنزین\") */\n  title: React.ReactNode\n  /** Short subtitle (e.g., \"خوشه ۴ — ۱۲۰ پست\") */\n  subtitle?: React.ReactNode\n  /** Operational status */\n  status?: StatusKey\n  /** Criticality of the concept (urgent/high/medium/low) */\n  severity?: SeverityKey\n  /** Flow composition breakdown (5-class political) */\n  flow?: FlowData\n  /** Sentiment composition (3-class) */\n  sentiment?: SentimentData\n  /** Trend sparkline values (e.g., last 14 days mention volume) */\n  trend?: number[]\n  /** AI-generated short summary (1-2 sentences) */\n  aiSummary?: React.ReactNode\n  /** Total mentions / size — shown as a stat */\n  totalCount?: number\n  /** Comparison checkbox state. When provided, renders the checkbox in the header */\n  comparison?: {\n    selected: boolean\n    onSelectionChange: (next: boolean) => void\n    label?: React.ReactNode\n  }\n  /** Make the entire card clickable (cursor + hover/focus ring) */\n  interactive?: boolean\n  /** Locale @default 'fa' */\n  locale?: SupportedLocale\n}\n\nconst ConceptCard = React.forwardRef<HTMLDivElement, ConceptCardProps>(\n  (\n    {\n      className,\n      title,\n      subtitle,\n      status,\n      severity,\n      flow,\n      sentiment,\n      trend,\n      aiSummary,\n      totalCount,\n      comparison,\n      interactive = false,\n      locale = 'fa',\n      onClick,\n      ...props\n    },\n    ref\n  ) => {\n    const isClickable = interactive || !!onClick\n    const handleClick = isClickable\n      ? (e: React.MouseEvent<HTMLDivElement>) => {\n          // Ignore clicks on the comparison checkbox subtree\n          const target = e.target as Element | null\n          if (target && target.closest('[data-slot=\"concept-card-comparison\"]')) return\n          onClick?.(e)\n        }\n      : undefined\n    return (\n      <div\n        ref={ref}\n        data-slot=\"concept-card\"\n        data-status={status}\n        data-severity={severity}\n        role={isClickable ? 'button' : 'article'}\n        tabIndex={isClickable ? 0 : undefined}\n        onClick={handleClick}\n        onKeyDown={\n          isClickable\n            ? (e) => {\n                if ((e.key === 'Enter' || e.key === ' ') && e.target === e.currentTarget) {\n                  e.preventDefault()\n                  ;(e.currentTarget as HTMLDivElement).click()\n                }\n              }\n            : undefined\n        }\n        className={cn(\n          'group/concept-card flex flex-col gap-3 rounded-lg border border-border bg-background p-4 transition-colors',\n          isClickable &&\n            'cursor-pointer hover:border-strong hover:bg-surface-100/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n          className\n        )}\n        {...props}\n      >\n        {/* Header row */}\n        <div className=\"flex items-start gap-3\">\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-2 flex-wrap\">\n              <h3 className=\"text-sm font-semibold text-foreground truncate\">{title}</h3>\n              {status && <StatusBadge status={status} size=\"sm\" animated locale={locale} />}\n              {severity && <SeverityBadge severity={severity} size=\"sm\" locale={locale} />}\n            </div>\n            {subtitle && <p className=\"mt-0.5 text-xs text-foreground-lighter truncate\">{subtitle}</p>}\n          </div>\n          {comparison && (\n            <div data-slot=\"concept-card-comparison\" className=\"shrink-0\">\n              <Checkbox\n                checked={comparison.selected}\n                onCheckedChange={(next) => comparison.onSelectionChange(next === true)}\n                aria-label={\n                  typeof comparison.label === 'string'\n                    ? comparison.label\n                    : locale === 'fa'\n                      ? 'انتخاب برای مقایسه'\n                      : locale === 'ar'\n                        ? 'تحديد للمقارنة'\n                        : 'Select for comparison'\n                }\n              />\n            </div>\n          )}\n        </div>\n\n        {/* AI summary */}\n        {aiSummary && <p className=\"text-sm text-foreground leading-relaxed\">{aiSummary}</p>}\n\n        {/* Composition bars */}\n        {(flow || sentiment) && (\n          <div className=\"flex flex-col gap-2\">\n            {flow && (\n              <div data-slot=\"concept-card-flow\">\n                <FlowDistribution data={flow} variant=\"stacked\" showCounts={false} showPercent locale={locale} />\n              </div>\n            )}\n            {sentiment && (\n              <div data-slot=\"concept-card-sentiment\">\n                <SentimentDistribution\n                  data={sentiment}\n                  variant=\"stacked\"\n                  showCounts={false}\n                  showPercent\n                  locale={locale}\n                />\n              </div>\n            )}\n          </div>\n        )}\n\n        {/* Footer row — trend + total */}\n        {(trend || typeof totalCount === 'number') && (\n          <div className=\"flex items-end justify-between gap-3 pt-1 border-t border-border mt-auto\">\n            {trend && trend.length > 0 ? (\n              <div data-slot=\"concept-card-trend\">\n                <Sparkline data={trend} variant=\"area\" width={120} height={28} />\n              </div>\n            ) : (\n              <span />\n            )}\n            {typeof totalCount === 'number' && (\n              <div className=\"text-end\">\n                <div className=\"text-xs text-foreground-lighter\">\n                  {locale === 'fa' ? 'مجموع' : locale === 'ar' ? 'الإجمالي' : 'Total'}\n                </div>\n                <div className=\"text-sm font-semibold tabular-nums text-foreground\">\n                  {convertToLocalNumbers(totalCount, locale)}\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    )\n  }\n)\nConceptCard.displayName = 'ConceptCard'\n\nexport { ConceptCard }\n"]}