@flanksource/clicky-ui 0.3.1 → 0.3.3

package/dist/comments/CommentMarkdown.cjs

@@ -0,0 +1,156 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("react");
+const utils = require("../lib/utils.cjs");
+function safeHref(href) {
+  const trimmed = href.trim();
+  if (!trimmed) return null;
+  if (/^(https?:|mailto:)/i.test(trimmed)) return trimmed;
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) return trimmed;
+  return null;
+}
+const INLINE_PATTERN = /(\*\*[^*\n]+\*\*|`[^`\n]+`|\[[^\]\n]+\]\(([^)\s]+)\)|https?:\/\/[^\s<)]+|\*[^*\n]+\*)/g;
+function tokenizeInline(text) {
+  const tokens = [];
+  let last = 0;
+  for (const match of text.matchAll(INLINE_PATTERN)) {
+    const index = match.index ?? 0;
+    if (index > last)
+      tokens.push({ type: "text", text: text.slice(last, index) });
+    const value = match[0];
+    if (value.startsWith("**") && value.endsWith("**")) {
+      tokens.push({ type: "strong", text: value.slice(2, -2) });
+    } else if (value.startsWith("`") && value.endsWith("`")) {
+      tokens.push({ type: "code", text: value.slice(1, -1) });
+    } else if (value.startsWith("[")) {
+      const labelEnd = value.indexOf("](");
+      const href = safeHref(value.slice(labelEnd + 2, -1));
+      tokens.push(
+        href ? { type: "link", text: value.slice(1, labelEnd), href } : { type: "text", text: value }
+      );
+    } else if (/^https?:\/\//i.test(value)) {
+      const href = safeHref(value);
+      tokens.push(
+        href ? { type: "link", text: value, href } : { type: "text", text: value }
+      );
+    } else if (value.startsWith("*") && value.endsWith("*")) {
+      tokens.push({ type: "em", text: value.slice(1, -1) });
+    } else {
+      tokens.push({ type: "text", text: value });
+    }
+    last = index + value.length;
+  }
+  if (last < text.length) tokens.push({ type: "text", text: text.slice(last) });
+  return tokens;
+}
+function InlineText({ text }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: tokenizeInline(text).map((token, index) => {
+    const key = `${token.type}-${index}`;
+    switch (token.type) {
+      case "strong":
+        return /* @__PURE__ */ jsxRuntime.jsx("strong", { className: "font-semibold", children: token.text }, key);
+      case "em":
+        return /* @__PURE__ */ jsxRuntime.jsx("em", { children: token.text }, key);
+      case "code":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "code",
+          {
+            className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
+            children: token.text
+          },
+          key
+        );
+      case "link":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: token.href,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-primary underline underline-offset-2",
+            children: token.text
+          },
+          key
+        );
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: token.text }, key);
+    }
+  }) });
+}
+function renderParagraph(lines, key) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { children: lines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+    index > 0 && /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+    /* @__PURE__ */ jsxRuntime.jsx(InlineText, { text: line })
+  ] }, index)) }, key);
+}
+function renderCode(lines, key) {
+  return /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-auto rounded bg-muted p-2 text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: lines.join("\n") }) }, key);
+}
+function CommentMarkdown({ text, className }) {
+  const rawLines = String(text ?? "").replace(/\r\n?/g, "\n").split("\n");
+  const blocks = [];
+  let paragraph = [];
+  let list = [];
+  let code = null;
+  function flushParagraph() {
+    if (paragraph.length > 0) {
+      blocks.push(renderParagraph(paragraph, `p-${blocks.length}`));
+      paragraph = [];
+    }
+  }
+  function flushList() {
+    if (list.length > 0) {
+      blocks.push(
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "list-disc space-y-0.5 pl-4", children: list.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(InlineText, { text: item }) }, index)) }, `ul-${blocks.length}`)
+      );
+      list = [];
+    }
+  }
+  for (const line of rawLines) {
+    if (line.trim().startsWith("```")) {
+      flushParagraph();
+      flushList();
+      if (code) {
+        blocks.push(renderCode(code, `code-${blocks.length}`));
+        code = null;
+      } else {
+        code = [];
+      }
+      continue;
+    }
+    if (code) {
+      code.push(line);
+      continue;
+    }
+    const trimmed = line.trim();
+    if (!trimmed) {
+      flushParagraph();
+      flushList();
+      continue;
+    }
+    const bullet = trimmed.match(/^[-*]\s+(.+)$/);
+    if (bullet == null ? void 0 : bullet[1]) {
+      flushParagraph();
+      list.push(bullet[1]);
+      continue;
+    }
+    flushList();
+    paragraph.push(trimmed.replace(/^#{1,6}\s+/, ""));
+  }
+  flushParagraph();
+  flushList();
+  if (code) blocks.push(renderCode(code, `code-${blocks.length}`));
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils.cn(
+        "space-y-2 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+        className
+      ),
+      children: blocks.length > 0 ? blocks : null
+    }
+  );
+}
+exports.CommentMarkdown = CommentMarkdown;
+//# sourceMappingURL=CommentMarkdown.cjs.map

package/dist/comments/CommentMarkdown.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMarkdown.cjs","sources":["../../src/comments/CommentMarkdown.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type CommentMarkdownProps = {\n  /** Raw comment body in lightweight markdown. */\n  text: string;\n  /** Classes applied to the rendered wrapper. */\n  className?: string;\n};\n\ntype InlineToken =\n  | { type: \"text\"; text: string }\n  | { type: \"strong\"; text: string }\n  | { type: \"em\"; text: string }\n  | { type: \"code\"; text: string }\n  | { type: \"link\"; text: string; href: string };\n\nfunction safeHref(href: string): string | null {\n  const trimmed = href.trim();\n  if (!trimmed) return null;\n  if (/^(https?:|mailto:)/i.test(trimmed)) return trimmed;\n  if (trimmed.startsWith(\"/\") && !trimmed.startsWith(\"//\")) return trimmed;\n  return null;\n}\n\nconst INLINE_PATTERN =\n  /(\\*\\*[^*\\n]+\\*\\*|`[^`\\n]+`|\\[[^\\]\\n]+\\]\\(([^)\\s]+)\\)|https?:\\/\\/[^\\s<)]+|\\*[^*\\n]+\\*)/g;\n\nfunction tokenizeInline(text: string): InlineToken[] {\n  const tokens: InlineToken[] = [];\n  let last = 0;\n  for (const match of text.matchAll(INLINE_PATTERN)) {\n    const index = match.index ?? 0;\n    if (index > last)\n      tokens.push({ type: \"text\", text: text.slice(last, index) });\n    const value = match[0];\n    if (value.startsWith(\"**\") && value.endsWith(\"**\")) {\n      tokens.push({ type: \"strong\", text: value.slice(2, -2) });\n    } else if (value.startsWith(\"`\") && value.endsWith(\"`\")) {\n      tokens.push({ type: \"code\", text: value.slice(1, -1) });\n    } else if (value.startsWith(\"[\")) {\n      const labelEnd = value.indexOf(\"](\");\n      const href = safeHref(value.slice(labelEnd + 2, -1));\n      tokens.push(\n        href\n          ? { type: \"link\", text: value.slice(1, labelEnd), href }\n          : { type: \"text\", text: value },\n      );\n    } else if (/^https?:\\/\\//i.test(value)) {\n      const href = safeHref(value);\n      tokens.push(\n        href\n          ? { type: \"link\", text: value, href }\n          : { type: \"text\", text: value },\n      );\n    } else if (value.startsWith(\"*\") && value.endsWith(\"*\")) {\n      tokens.push({ type: \"em\", text: value.slice(1, -1) });\n    } else {\n      tokens.push({ type: \"text\", text: value });\n    }\n    last = index + value.length;\n  }\n  if (last < text.length) tokens.push({ type: \"text\", text: text.slice(last) });\n  return tokens;\n}\n\nfunction InlineText({ text }: { text: string }) {\n  return (\n    <>\n      {tokenizeInline(text).map((token, index) => {\n        const key = `${token.type}-${index}`;\n        switch (token.type) {\n          case \"strong\":\n            return (\n              <strong key={key} className=\"font-semibold\">\n                {token.text}\n              </strong>\n            );\n          case \"em\":\n            return <em key={key}>{token.text}</em>;\n          case \"code\":\n            return (\n              <code\n                key={key}\n                className=\"rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]\"\n              >\n                {token.text}\n              </code>\n            );\n          case \"link\":\n            return (\n              <a\n                key={key}\n                href={token.href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"text-primary underline underline-offset-2\"\n              >\n                {token.text}\n              </a>\n            );\n          default:\n            return <Fragment key={key}>{token.text}</Fragment>;\n        }\n      })}\n    </>\n  );\n}\n\nfunction renderParagraph(lines: string[], key: string): ReactNode {\n  return (\n    <p key={key}>\n      {lines.map((line, index) => (\n        <Fragment key={index}>\n          {index > 0 && <br />}\n          <InlineText text={line} />\n        </Fragment>\n      ))}\n    </p>\n  );\n}\n\nfunction renderCode(lines: string[], key: string): ReactNode {\n  return (\n    <pre key={key} className=\"overflow-auto rounded bg-muted p-2 text-xs\">\n      <code>{lines.join(\"\\n\")}</code>\n    </pre>\n  );\n}\n\n/**\n * Lightweight, dependency-free markdown for comment bodies: bold, italics,\n * inline code, safe links, bullet lists, and fenced code blocks. For richer\n * rendering pass a `renderBody` to the card instead.\n */\nexport function CommentMarkdown({ text, className }: CommentMarkdownProps) {\n  const rawLines = String(text ?? \"\")\n    .replace(/\\r\\n?/g, \"\\n\")\n    .split(\"\\n\");\n  const blocks: ReactNode[] = [];\n  let paragraph: string[] = [];\n  let list: string[] = [];\n  let code: string[] | null = null;\n\n  function flushParagraph() {\n    if (paragraph.length > 0) {\n      blocks.push(renderParagraph(paragraph, `p-${blocks.length}`));\n      paragraph = [];\n    }\n  }\n\n  function flushList() {\n    if (list.length > 0) {\n      blocks.push(\n        <ul key={`ul-${blocks.length}`} className=\"list-disc space-y-0.5 pl-4\">\n          {list.map((item, index) => (\n            <li key={index}>\n              <InlineText text={item} />\n            </li>\n          ))}\n        </ul>,\n      );\n      list = [];\n    }\n  }\n\n  for (const line of rawLines) {\n    if (line.trim().startsWith(\"```\")) {\n      flushParagraph();\n      flushList();\n      if (code) {\n        blocks.push(renderCode(code, `code-${blocks.length}`));\n        code = null;\n      } else {\n        code = [];\n      }\n      continue;\n    }\n    if (code) {\n      code.push(line);\n      continue;\n    }\n\n    const trimmed = line.trim();\n    if (!trimmed) {\n      flushParagraph();\n      flushList();\n      continue;\n    }\n\n    const bullet = trimmed.match(/^[-*]\\s+(.+)$/);\n    if (bullet?.[1]) {\n      flushParagraph();\n      list.push(bullet[1]);\n      continue;\n    }\n\n    flushList();\n    paragraph.push(trimmed.replace(/^#{1,6}\\s+/, \"\"));\n  }\n\n  flushParagraph();\n  flushList();\n  if (code) blocks.push(renderCode(code, `code-${blocks.length}`));\n\n  return (\n    <div\n      className={cn(\n        \"space-y-2 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className,\n      )}\n    >\n      {blocks.length > 0 ? blocks : null}\n    </div>\n  );\n}\n"],"names":["jsx","Fragment","jsxs","cn"],"mappings":"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"}

package/dist/comments/CommentMarkdown.d.ts

@@ -0,0 +1,13 @@
+export type CommentMarkdownProps = {
+    /** Raw comment body in lightweight markdown. */
+    text: string;
+    /** Classes applied to the rendered wrapper. */
+    className?: string;
+};
+/**
+ * Lightweight, dependency-free markdown for comment bodies: bold, italics,
+ * inline code, safe links, bullet lists, and fenced code blocks. For richer
+ * rendering pass a `renderBody` to the card instead.
+ */
+export declare function CommentMarkdown({ text, className }: CommentMarkdownProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentMarkdown.d.ts.map

package/dist/comments/CommentMarkdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMarkdown.d.ts","sourceRoot":"","sources":["../../src/comments/CommentMarkdown.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,oBAAoB,GAAG;IACjC,gDAAgD;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA0HF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAgFxE"}

package/dist/comments/CommentMarkdown.js

@@ -0,0 +1,156 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { cn } from "../lib/utils.js";
+function safeHref(href) {
+  const trimmed = href.trim();
+  if (!trimmed) return null;
+  if (/^(https?:|mailto:)/i.test(trimmed)) return trimmed;
+  if (trimmed.startsWith("/") && !trimmed.startsWith("//")) return trimmed;
+  return null;
+}
+const INLINE_PATTERN = /(\*\*[^*\n]+\*\*|`[^`\n]+`|\[[^\]\n]+\]\(([^)\s]+)\)|https?:\/\/[^\s<)]+|\*[^*\n]+\*)/g;
+function tokenizeInline(text) {
+  const tokens = [];
+  let last = 0;
+  for (const match of text.matchAll(INLINE_PATTERN)) {
+    const index = match.index ?? 0;
+    if (index > last)
+      tokens.push({ type: "text", text: text.slice(last, index) });
+    const value = match[0];
+    if (value.startsWith("**") && value.endsWith("**")) {
+      tokens.push({ type: "strong", text: value.slice(2, -2) });
+    } else if (value.startsWith("`") && value.endsWith("`")) {
+      tokens.push({ type: "code", text: value.slice(1, -1) });
+    } else if (value.startsWith("[")) {
+      const labelEnd = value.indexOf("](");
+      const href = safeHref(value.slice(labelEnd + 2, -1));
+      tokens.push(
+        href ? { type: "link", text: value.slice(1, labelEnd), href } : { type: "text", text: value }
+      );
+    } else if (/^https?:\/\//i.test(value)) {
+      const href = safeHref(value);
+      tokens.push(
+        href ? { type: "link", text: value, href } : { type: "text", text: value }
+      );
+    } else if (value.startsWith("*") && value.endsWith("*")) {
+      tokens.push({ type: "em", text: value.slice(1, -1) });
+    } else {
+      tokens.push({ type: "text", text: value });
+    }
+    last = index + value.length;
+  }
+  if (last < text.length) tokens.push({ type: "text", text: text.slice(last) });
+  return tokens;
+}
+function InlineText({ text }) {
+  return /* @__PURE__ */ jsx(Fragment$1, { children: tokenizeInline(text).map((token, index) => {
+    const key = `${token.type}-${index}`;
+    switch (token.type) {
+      case "strong":
+        return /* @__PURE__ */ jsx("strong", { className: "font-semibold", children: token.text }, key);
+      case "em":
+        return /* @__PURE__ */ jsx("em", { children: token.text }, key);
+      case "code":
+        return /* @__PURE__ */ jsx(
+          "code",
+          {
+            className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]",
+            children: token.text
+          },
+          key
+        );
+      case "link":
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: token.href,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-primary underline underline-offset-2",
+            children: token.text
+          },
+          key
+        );
+      default:
+        return /* @__PURE__ */ jsx(Fragment, { children: token.text }, key);
+    }
+  }) });
+}
+function renderParagraph(lines, key) {
+  return /* @__PURE__ */ jsx("p", { children: lines.map((line, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    index > 0 && /* @__PURE__ */ jsx("br", {}),
+    /* @__PURE__ */ jsx(InlineText, { text: line })
+  ] }, index)) }, key);
+}
+function renderCode(lines, key) {
+  return /* @__PURE__ */ jsx("pre", { className: "overflow-auto rounded bg-muted p-2 text-xs", children: /* @__PURE__ */ jsx("code", { children: lines.join("\n") }) }, key);
+}
+function CommentMarkdown({ text, className }) {
+  const rawLines = String(text ?? "").replace(/\r\n?/g, "\n").split("\n");
+  const blocks = [];
+  let paragraph = [];
+  let list = [];
+  let code = null;
+  function flushParagraph() {
+    if (paragraph.length > 0) {
+      blocks.push(renderParagraph(paragraph, `p-${blocks.length}`));
+      paragraph = [];
+    }
+  }
+  function flushList() {
+    if (list.length > 0) {
+      blocks.push(
+        /* @__PURE__ */ jsx("ul", { className: "list-disc space-y-0.5 pl-4", children: list.map((item, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(InlineText, { text: item }) }, index)) }, `ul-${blocks.length}`)
+      );
+      list = [];
+    }
+  }
+  for (const line of rawLines) {
+    if (line.trim().startsWith("```")) {
+      flushParagraph();
+      flushList();
+      if (code) {
+        blocks.push(renderCode(code, `code-${blocks.length}`));
+        code = null;
+      } else {
+        code = [];
+      }
+      continue;
+    }
+    if (code) {
+      code.push(line);
+      continue;
+    }
+    const trimmed = line.trim();
+    if (!trimmed) {
+      flushParagraph();
+      flushList();
+      continue;
+    }
+    const bullet = trimmed.match(/^[-*]\s+(.+)$/);
+    if (bullet == null ? void 0 : bullet[1]) {
+      flushParagraph();
+      list.push(bullet[1]);
+      continue;
+    }
+    flushList();
+    paragraph.push(trimmed.replace(/^#{1,6}\s+/, ""));
+  }
+  flushParagraph();
+  flushList();
+  if (code) blocks.push(renderCode(code, `code-${blocks.length}`));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "space-y-2 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0",
+        className
+      ),
+      children: blocks.length > 0 ? blocks : null
+    }
+  );
+}
+export {
+  CommentMarkdown
+};
+//# sourceMappingURL=CommentMarkdown.js.map

package/dist/comments/CommentMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentMarkdown.js","sources":["../../src/comments/CommentMarkdown.tsx"],"sourcesContent":["import { Fragment, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\n\nexport type CommentMarkdownProps = {\n  /** Raw comment body in lightweight markdown. */\n  text: string;\n  /** Classes applied to the rendered wrapper. */\n  className?: string;\n};\n\ntype InlineToken =\n  | { type: \"text\"; text: string }\n  | { type: \"strong\"; text: string }\n  | { type: \"em\"; text: string }\n  | { type: \"code\"; text: string }\n  | { type: \"link\"; text: string; href: string };\n\nfunction safeHref(href: string): string | null {\n  const trimmed = href.trim();\n  if (!trimmed) return null;\n  if (/^(https?:|mailto:)/i.test(trimmed)) return trimmed;\n  if (trimmed.startsWith(\"/\") && !trimmed.startsWith(\"//\")) return trimmed;\n  return null;\n}\n\nconst INLINE_PATTERN =\n  /(\\*\\*[^*\\n]+\\*\\*|`[^`\\n]+`|\\[[^\\]\\n]+\\]\\(([^)\\s]+)\\)|https?:\\/\\/[^\\s<)]+|\\*[^*\\n]+\\*)/g;\n\nfunction tokenizeInline(text: string): InlineToken[] {\n  const tokens: InlineToken[] = [];\n  let last = 0;\n  for (const match of text.matchAll(INLINE_PATTERN)) {\n    const index = match.index ?? 0;\n    if (index > last)\n      tokens.push({ type: \"text\", text: text.slice(last, index) });\n    const value = match[0];\n    if (value.startsWith(\"**\") && value.endsWith(\"**\")) {\n      tokens.push({ type: \"strong\", text: value.slice(2, -2) });\n    } else if (value.startsWith(\"`\") && value.endsWith(\"`\")) {\n      tokens.push({ type: \"code\", text: value.slice(1, -1) });\n    } else if (value.startsWith(\"[\")) {\n      const labelEnd = value.indexOf(\"](\");\n      const href = safeHref(value.slice(labelEnd + 2, -1));\n      tokens.push(\n        href\n          ? { type: \"link\", text: value.slice(1, labelEnd), href }\n          : { type: \"text\", text: value },\n      );\n    } else if (/^https?:\\/\\//i.test(value)) {\n      const href = safeHref(value);\n      tokens.push(\n        href\n          ? { type: \"link\", text: value, href }\n          : { type: \"text\", text: value },\n      );\n    } else if (value.startsWith(\"*\") && value.endsWith(\"*\")) {\n      tokens.push({ type: \"em\", text: value.slice(1, -1) });\n    } else {\n      tokens.push({ type: \"text\", text: value });\n    }\n    last = index + value.length;\n  }\n  if (last < text.length) tokens.push({ type: \"text\", text: text.slice(last) });\n  return tokens;\n}\n\nfunction InlineText({ text }: { text: string }) {\n  return (\n    <>\n      {tokenizeInline(text).map((token, index) => {\n        const key = `${token.type}-${index}`;\n        switch (token.type) {\n          case \"strong\":\n            return (\n              <strong key={key} className=\"font-semibold\">\n                {token.text}\n              </strong>\n            );\n          case \"em\":\n            return <em key={key}>{token.text}</em>;\n          case \"code\":\n            return (\n              <code\n                key={key}\n                className=\"rounded bg-muted px-1 py-0.5 font-mono text-[0.9em]\"\n              >\n                {token.text}\n              </code>\n            );\n          case \"link\":\n            return (\n              <a\n                key={key}\n                href={token.href}\n                target=\"_blank\"\n                rel=\"noreferrer\"\n                className=\"text-primary underline underline-offset-2\"\n              >\n                {token.text}\n              </a>\n            );\n          default:\n            return <Fragment key={key}>{token.text}</Fragment>;\n        }\n      })}\n    </>\n  );\n}\n\nfunction renderParagraph(lines: string[], key: string): ReactNode {\n  return (\n    <p key={key}>\n      {lines.map((line, index) => (\n        <Fragment key={index}>\n          {index > 0 && <br />}\n          <InlineText text={line} />\n        </Fragment>\n      ))}\n    </p>\n  );\n}\n\nfunction renderCode(lines: string[], key: string): ReactNode {\n  return (\n    <pre key={key} className=\"overflow-auto rounded bg-muted p-2 text-xs\">\n      <code>{lines.join(\"\\n\")}</code>\n    </pre>\n  );\n}\n\n/**\n * Lightweight, dependency-free markdown for comment bodies: bold, italics,\n * inline code, safe links, bullet lists, and fenced code blocks. For richer\n * rendering pass a `renderBody` to the card instead.\n */\nexport function CommentMarkdown({ text, className }: CommentMarkdownProps) {\n  const rawLines = String(text ?? \"\")\n    .replace(/\\r\\n?/g, \"\\n\")\n    .split(\"\\n\");\n  const blocks: ReactNode[] = [];\n  let paragraph: string[] = [];\n  let list: string[] = [];\n  let code: string[] | null = null;\n\n  function flushParagraph() {\n    if (paragraph.length > 0) {\n      blocks.push(renderParagraph(paragraph, `p-${blocks.length}`));\n      paragraph = [];\n    }\n  }\n\n  function flushList() {\n    if (list.length > 0) {\n      blocks.push(\n        <ul key={`ul-${blocks.length}`} className=\"list-disc space-y-0.5 pl-4\">\n          {list.map((item, index) => (\n            <li key={index}>\n              <InlineText text={item} />\n            </li>\n          ))}\n        </ul>,\n      );\n      list = [];\n    }\n  }\n\n  for (const line of rawLines) {\n    if (line.trim().startsWith(\"```\")) {\n      flushParagraph();\n      flushList();\n      if (code) {\n        blocks.push(renderCode(code, `code-${blocks.length}`));\n        code = null;\n      } else {\n        code = [];\n      }\n      continue;\n    }\n    if (code) {\n      code.push(line);\n      continue;\n    }\n\n    const trimmed = line.trim();\n    if (!trimmed) {\n      flushParagraph();\n      flushList();\n      continue;\n    }\n\n    const bullet = trimmed.match(/^[-*]\\s+(.+)$/);\n    if (bullet?.[1]) {\n      flushParagraph();\n      list.push(bullet[1]);\n      continue;\n    }\n\n    flushList();\n    paragraph.push(trimmed.replace(/^#{1,6}\\s+/, \"\"));\n  }\n\n  flushParagraph();\n  flushList();\n  if (code) blocks.push(renderCode(code, `code-${blocks.length}`));\n\n  return (\n    <div\n      className={cn(\n        \"space-y-2 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n        className,\n      )}\n    >\n      {blocks.length > 0 ? blocks : null}\n    </div>\n  );\n}\n"],"names":["Fragment"],"mappings":";;;AAiBA,SAAS,SAAS,MAA6B;AAC7C,QAAM,UAAU,KAAK,KAAA;AACrB,MAAI,CAAC,QAAS,QAAO;AACrB,MAAI,sBAAsB,KAAK,OAAO,EAAG,QAAO;AAChD,MAAI,QAAQ,WAAW,GAAG,KAAK,CAAC,QAAQ,WAAW,IAAI,EAAG,QAAO;AACjE,SAAO;AACT;AAEA,MAAM,iBACJ;AAEF,SAAS,eAAe,MAA6B;AACnD,QAAM,SAAwB,CAAA;AAC9B,MAAI,OAAO;AACX,aAAW,SAAS,KAAK,SAAS,cAAc,GAAG;AACjD,UAAM,QAAQ,MAAM,SAAS;AAC7B,QAAI,QAAQ;AACV,aAAO,KAAK,EAAE,MAAM,QAAQ,MAAM,KAAK,MAAM,MAAM,KAAK,GAAG;AAC7D,UAAM,QAAQ,MAAM,CAAC;AACrB,QAAI,MAAM,WAAW,IAAI,KAAK,MAAM,SAAS,IAAI,GAAG;AAClD,aAAO,KAAK,EAAE,MAAM,UAAU,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG;AAAA,IAC1D,WAAW,MAAM,WAAW,GAAG,KAAK,MAAM,SAAS,GAAG,GAAG;AACvD,aAAO,KAAK,EAAE,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG;AAAA,IACxD,WAAW,MAAM,WAAW,GAAG,GAAG;AAChC,YAAM,WAAW,MAAM,QAAQ,IAAI;AACnC,YAAM,OAAO,SAAS,MAAM,MAAM,WAAW,GAAG,EAAE,CAAC;AACnD,aAAO;AAAA,QACL,OACI,EAAE,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,SAChD,EAAE,MAAM,QAAQ,MAAM,MAAA;AAAA,MAAM;AAAA,IAEpC,WAAW,gBAAgB,KAAK,KAAK,GAAG;AACtC,YAAM,OAAO,SAAS,KAAK;AAC3B,aAAO;AAAA,QACL,OACI,EAAE,MAAM,QAAQ,MAAM,OAAO,KAAA,IAC7B,EAAE,MAAM,QAAQ,MAAM,MAAA;AAAA,MAAM;AAAA,IAEpC,WAAW,MAAM,WAAW,GAAG,KAAK,MAAM,SAAS,GAAG,GAAG;AACvD,aAAO,KAAK,EAAE,MAAM,MAAM,MAAM,MAAM,MAAM,GAAG,EAAE,GAAG;AAAA,IACtD,OAAO;AACL,aAAO,KAAK,EAAE,MAAM,QAAQ,MAAM,OAAO;AAAA,IAC3C;AACA,WAAO,QAAQ,MAAM;AAAA,EACvB;AACA,MAAI,OAAO,KAAK,OAAQ,QAAO,KAAK,EAAE,MAAM,QAAQ,MAAM,KAAK,MAAM,IAAI,GAAG;AAC5E,SAAO;AACT;AAEA,SAAS,WAAW,EAAE,QAA0B;AAC9C,2CAEK,UAAA,eAAe,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU;AAC1C,UAAM,MAAM,GAAG,MAAM,IAAI,IAAI,KAAK;AAClC,YAAQ,MAAM,MAAA;AAAA,MACZ,KAAK;AACH,mCACG,UAAA,EAAiB,WAAU,iBACzB,UAAA,MAAM,QADI,GAEb;AAAA,MAEJ,KAAK;AACH,eAAO,oBAAC,MAAA,EAAc,UAAA,MAAM,KAAA,GAAZ,GAAiB;AAAA,MACnC,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAET,UAAA,MAAM;AAAA,UAAA;AAAA,UAHF;AAAA,QAAA;AAAA,MAMX,KAAK;AACH,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM,MAAM;AAAA,YACZ,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YAET,UAAA,MAAM;AAAA,UAAA;AAAA,UANF;AAAA,QAAA;AAAA,MASX;AACE,eAAO,oBAACA,UAAA,EAAoB,UAAA,MAAM,QAAZ,GAAiB;AAAA,IAAA;AAAA,EAE7C,CAAC,EAAA,CACH;AAEJ;AAEA,SAAS,gBAAgB,OAAiB,KAAwB;AAChE,SACE,oBAAC,OACE,UAAA,MAAM,IAAI,CAAC,MAAM,UAChB,qBAACA,UAAA,EACE,UAAA;AAAA,IAAA,QAAQ,yBAAM,MAAA,CAAA,CAAG;AAAA,IAClB,oBAAC,YAAA,EAAW,MAAM,KAAA,CAAM;AAAA,EAAA,EAAA,GAFX,KAGf,CACD,EAAA,GANK,GAOR;AAEJ;AAEA,SAAS,WAAW,OAAiB,KAAwB;AAC3D,SACE,oBAAC,OAAA,EAAc,WAAU,8CACvB,UAAA,oBAAC,QAAA,EAAM,UAAA,MAAM,KAAK,IAAI,EAAA,CAAE,EAAA,GADhB,GAEV;AAEJ;AAOO,SAAS,gBAAgB,EAAE,MAAM,aAAmC;AACzE,QAAM,WAAW,OAAO,QAAQ,EAAE,EAC/B,QAAQ,UAAU,IAAI,EACtB,MAAM,IAAI;AACb,QAAM,SAAsB,CAAA;AAC5B,MAAI,YAAsB,CAAA;AAC1B,MAAI,OAAiB,CAAA;AACrB,MAAI,OAAwB;AAE5B,WAAS,iBAAiB;AACxB,QAAI,UAAU,SAAS,GAAG;AACxB,aAAO,KAAK,gBAAgB,WAAW,KAAK,OAAO,MAAM,EAAE,CAAC;AAC5D,kBAAY,CAAA;AAAA,IACd;AAAA,EACF;AAEA,WAAS,YAAY;AACnB,QAAI,KAAK,SAAS,GAAG;AACnB,aAAO;AAAA,QACL,oBAAC,QAA+B,WAAU,8BACvC,eAAK,IAAI,CAAC,MAAM,UACf,oBAAC,MAAA,EACC,8BAAC,YAAA,EAAW,MAAM,MAAM,EAAA,GADjB,KAET,CACD,EAAA,GALM,MAAM,OAAO,MAAM,EAM5B;AAAA,MAAA;AAEF,aAAO,CAAA;AAAA,IACT;AAAA,EACF;AAEA,aAAW,QAAQ,UAAU;AAC3B,QAAI,KAAK,KAAA,EAAO,WAAW,KAAK,GAAG;AACjC,qBAAA;AACA,gBAAA;AACA,UAAI,MAAM;AACR,eAAO,KAAK,WAAW,MAAM,QAAQ,OAAO,MAAM,EAAE,CAAC;AACrD,eAAO;AAAA,MACT,OAAO;AACL,eAAO,CAAA;AAAA,MACT;AACA;AAAA,IACF;AACA,QAAI,MAAM;AACR,WAAK,KAAK,IAAI;AACd;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,KAAA;AACrB,QAAI,CAAC,SAAS;AACZ,qBAAA;AACA,gBAAA;AACA;AAAA,IACF;AAEA,UAAM,SAAS,QAAQ,MAAM,eAAe;AAC5C,QAAI,iCAAS,IAAI;AACf,qBAAA;AACA,WAAK,KAAK,OAAO,CAAC,CAAC;AACnB;AAAA,IACF;AAEA,cAAA;AACA,cAAU,KAAK,QAAQ,QAAQ,cAAc,EAAE,CAAC;AAAA,EAClD;AAEA,iBAAA;AACA,YAAA;AACA,MAAI,aAAa,KAAK,WAAW,MAAM,QAAQ,OAAO,MAAM,EAAE,CAAC;AAE/D,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,MAGD,UAAA,OAAO,SAAS,IAAI,SAAS;AAAA,IAAA;AAAA,EAAA;AAGpC;"}

package/dist/comments/CommentProgress.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const utils = require("../lib/utils.cjs");
+const Badge = require("../data/Badge.cjs");
+const commentUtils = require("./comment-utils.cjs");
+function countByStatus(comments) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const root of commentUtils.getRoots(comments)) {
+    if (!root.status) continue;
+    counts.set(root.status, (counts.get(root.status) ?? 0) + 1);
+  }
+  return counts;
+}
+function CommentProgress({
+  comments,
+  config,
+  activeStatus,
+  onStatusClick,
+  className
+}) {
+  const roots = commentUtils.getRoots(comments);
+  const total = roots.length;
+  const resolved = roots.filter((r) => !commentUtils.isUnresolved(config, r.status)).length;
+  const percent = total > 0 ? Math.round(resolved / total * 100) : 0;
+  const counts = countByStatus(comments);
+  if (total === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils.cn("space-y-1.5", className),
+      "data-testid": "comment-progress",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            resolved,
+            " of ",
+            total,
+            " resolved"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+            percent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "h-full rounded-full bg-primary transition-all",
+            style: { width: `${percent}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 pt-0.5", children: config.statuses.map((status) => {
+          const count = counts.get(status.value) ?? 0;
+          if (count === 0) return null;
+          const active = activeStatus === status.value;
+          const chip = /* @__PURE__ */ jsxRuntime.jsxs(
+            Badge.Badge,
+            {
+              variant: active ? "solid" : "soft",
+              tone: commentUtils.toneToBadgeTone(status.tone),
+              size: "xs",
+              ...status.icon ? { icon: status.icon } : {},
+              children: [
+                status.label,
+                " ",
+                count
+              ]
+            }
+          );
+          return onStatusClick ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onStatusClick(status.value),
+              children: chip
+            },
+            status.value
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: chip }, status.value);
+        }) })
+      ]
+    }
+  );
+}
+exports.CommentProgress = CommentProgress;
+//# sourceMappingURL=CommentProgress.cjs.map

package/dist/comments/CommentProgress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentProgress.cjs","sources":["../../src/comments/CommentProgress.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Badge } from \"../data/Badge\";\nimport { getRoots, isUnresolved, toneToBadgeTone } from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentProgressProps = {\n  comments: Comment[];\n  config: CommentConfig;\n  /** Status whose chip is rendered as selected. */\n  activeStatus?: string | null;\n  /** Makes the status chips clickable. */\n  onStatusClick?: (status: string) => void;\n  className?: string;\n};\n\nfunction countByStatus(comments: Comment[]): Map<string, number> {\n  const counts = new Map<string, number>();\n  for (const root of getRoots(comments)) {\n    if (!root.status) continue;\n    counts.set(root.status, (counts.get(root.status) ?? 0) + 1);\n  }\n  return counts;\n}\n\n/**\n * A compact resolution summary for a comment set: a \"resolved of total\" bar plus\n * a clickable chip per status. Pure presentation derived from `comments`.\n */\nexport function CommentProgress({\n  comments,\n  config,\n  activeStatus,\n  onStatusClick,\n  className,\n}: CommentProgressProps) {\n  const roots = getRoots(comments);\n  const total = roots.length;\n  const resolved = roots.filter((r) => !isUnresolved(config, r.status)).length;\n  const percent = total > 0 ? Math.round((resolved / total) * 100) : 0;\n  const counts = countByStatus(comments);\n\n  if (total === 0) return null;\n\n  return (\n    <div\n      className={cn(\"space-y-1.5\", className)}\n      data-testid=\"comment-progress\"\n    >\n      <div className=\"flex items-center justify-between text-[11px] text-muted-foreground\">\n        <span>\n          {resolved} of {total} resolved\n        </span>\n        <span>{percent}%</span>\n      </div>\n      <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n        <div\n          className=\"h-full rounded-full bg-primary transition-all\"\n          style={{ width: `${percent}%` }}\n        />\n      </div>\n      <div className=\"flex flex-wrap gap-1 pt-0.5\">\n        {config.statuses.map((status) => {\n          const count = counts.get(status.value) ?? 0;\n          if (count === 0) return null;\n          const active = activeStatus === status.value;\n          const chip = (\n            <Badge\n              variant={active ? \"solid\" : \"soft\"}\n              tone={toneToBadgeTone(status.tone)}\n              size=\"xs\"\n              {...(status.icon ? { icon: status.icon } : {})}\n            >\n              {status.label} {count}\n            </Badge>\n          );\n          return onStatusClick ? (\n            <button\n              key={status.value}\n              type=\"button\"\n              onClick={() => onStatusClick(status.value)}\n            >\n              {chip}\n            </button>\n          ) : (\n            <span key={status.value}>{chip}</span>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":["getRoots","isUnresolved","jsxs","cn","jsx","Badge","toneToBadgeTone"],"mappings":";;;;;;AAeA,SAAS,cAAc,UAA0C;AAC/D,QAAM,6BAAa,IAAA;AACnB,aAAW,QAAQA,sBAAS,QAAQ,GAAG;AACrC,QAAI,CAAC,KAAK,OAAQ;AAClB,WAAO,IAAI,KAAK,SAAS,OAAO,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC;AAAA,EAC5D;AACA,SAAO;AACT;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQA,aAAAA,SAAS,QAAQ;AAC/B,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,MAAM,OAAO,CAAC,MAAM,CAACC,aAAAA,aAAa,QAAQ,EAAE,MAAM,CAAC,EAAE;AACtE,QAAM,UAAU,QAAQ,IAAI,KAAK,MAAO,WAAW,QAAS,GAAG,IAAI;AACnE,QAAM,SAAS,cAAc,QAAQ;AAErC,MAAI,UAAU,EAAG,QAAO;AAExB,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,MAAAA,GAAG,eAAe,SAAS;AAAA,MACtC,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAAD,2BAAAA,KAAC,OAAA,EAAI,WAAU,uEACb,UAAA;AAAA,UAAAA,gCAAC,QAAA,EACE,UAAA;AAAA,YAAA;AAAA,YAAS;AAAA,YAAK;AAAA,YAAM;AAAA,UAAA,GACvB;AAAA,0CACC,QAAA,EAAM,UAAA;AAAA,YAAA;AAAA,YAAQ;AAAA,UAAA,EAAA,CAAC;AAAA,QAAA,GAClB;AAAA,QACAE,2BAAAA,IAAC,OAAA,EAAI,WAAU,sDACb,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAG,OAAO,IAAA;AAAA,UAAI;AAAA,QAAA,GAElC;AAAA,QACAA,+BAAC,SAAI,WAAU,+BACZ,iBAAO,SAAS,IAAI,CAAC,WAAW;AAC/B,gBAAM,QAAQ,OAAO,IAAI,OAAO,KAAK,KAAK;AAC1C,cAAI,UAAU,EAAG,QAAO;AACxB,gBAAM,SAAS,iBAAiB,OAAO;AACvC,gBAAM,OACJF,2BAAAA;AAAAA,YAACG,MAAAA;AAAAA,YAAA;AAAA,cACC,SAAS,SAAS,UAAU;AAAA,cAC5B,MAAMC,aAAAA,gBAAgB,OAAO,IAAI;AAAA,cACjC,MAAK;AAAA,cACJ,GAAI,OAAO,OAAO,EAAE,MAAM,OAAO,KAAA,IAAS,CAAA;AAAA,cAE1C,UAAA;AAAA,gBAAA,OAAO;AAAA,gBAAM;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAGpB,iBAAO,gBACLF,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,cAExC,UAAA;AAAA,YAAA;AAAA,YAJI,OAAO;AAAA,UAAA,IAOdA,2BAAAA,IAAC,QAAA,EAAyB,UAAA,KAAA,GAAf,OAAO,KAAa;AAAA,QAEnC,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;;"}

package/dist/comments/CommentProgress.d.ts

@@ -0,0 +1,16 @@
+import { Comment, CommentConfig } from './comment-types';
+export type CommentProgressProps = {
+    comments: Comment[];
+    config: CommentConfig;
+    /** Status whose chip is rendered as selected. */
+    activeStatus?: string | null;
+    /** Makes the status chips clickable. */
+    onStatusClick?: (status: string) => void;
+    className?: string;
+};
+/**
+ * A compact resolution summary for a comment set: a "resolved of total" bar plus
+ * a clickable chip per status. Pure presentation derived from `comments`.
+ */
+export declare function CommentProgress({ comments, config, activeStatus, onStatusClick, className, }: CommentProgressProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=CommentProgress.d.ts.map

package/dist/comments/CommentProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentProgress.d.ts","sourceRoot":"","sources":["../../src/comments/CommentProgress.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAWF;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,aAAa,EACb,SAAS,GACV,EAAE,oBAAoB,kDAwDtB"}

package/dist/comments/CommentProgress.js

@@ -0,0 +1,86 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../lib/utils.js";
+import { Badge } from "../data/Badge.js";
+import { getRoots, isUnresolved, toneToBadgeTone } from "./comment-utils.js";
+function countByStatus(comments) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const root of getRoots(comments)) {
+    if (!root.status) continue;
+    counts.set(root.status, (counts.get(root.status) ?? 0) + 1);
+  }
+  return counts;
+}
+function CommentProgress({
+  comments,
+  config,
+  activeStatus,
+  onStatusClick,
+  className
+}) {
+  const roots = getRoots(comments);
+  const total = roots.length;
+  const resolved = roots.filter((r) => !isUnresolved(config, r.status)).length;
+  const percent = total > 0 ? Math.round(resolved / total * 100) : 0;
+  const counts = countByStatus(comments);
+  if (total === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("space-y-1.5", className),
+      "data-testid": "comment-progress",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            resolved,
+            " of ",
+            total,
+            " resolved"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            percent,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "h-1.5 w-full overflow-hidden rounded-full bg-muted", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full rounded-full bg-primary transition-all",
+            style: { width: `${percent}%` }
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 pt-0.5", children: config.statuses.map((status) => {
+          const count = counts.get(status.value) ?? 0;
+          if (count === 0) return null;
+          const active = activeStatus === status.value;
+          const chip = /* @__PURE__ */ jsxs(
+            Badge,
+            {
+              variant: active ? "solid" : "soft",
+              tone: toneToBadgeTone(status.tone),
+              size: "xs",
+              ...status.icon ? { icon: status.icon } : {},
+              children: [
+                status.label,
+                " ",
+                count
+              ]
+            }
+          );
+          return onStatusClick ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onStatusClick(status.value),
+              children: chip
+            },
+            status.value
+          ) : /* @__PURE__ */ jsx("span", { children: chip }, status.value);
+        }) })
+      ]
+    }
+  );
+}
+export {
+  CommentProgress
+};
+//# sourceMappingURL=CommentProgress.js.map

package/dist/comments/CommentProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentProgress.js","sources":["../../src/comments/CommentProgress.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\nimport { Badge } from \"../data/Badge\";\nimport { getRoots, isUnresolved, toneToBadgeTone } from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentProgressProps = {\n  comments: Comment[];\n  config: CommentConfig;\n  /** Status whose chip is rendered as selected. */\n  activeStatus?: string | null;\n  /** Makes the status chips clickable. */\n  onStatusClick?: (status: string) => void;\n  className?: string;\n};\n\nfunction countByStatus(comments: Comment[]): Map<string, number> {\n  const counts = new Map<string, number>();\n  for (const root of getRoots(comments)) {\n    if (!root.status) continue;\n    counts.set(root.status, (counts.get(root.status) ?? 0) + 1);\n  }\n  return counts;\n}\n\n/**\n * A compact resolution summary for a comment set: a \"resolved of total\" bar plus\n * a clickable chip per status. Pure presentation derived from `comments`.\n */\nexport function CommentProgress({\n  comments,\n  config,\n  activeStatus,\n  onStatusClick,\n  className,\n}: CommentProgressProps) {\n  const roots = getRoots(comments);\n  const total = roots.length;\n  const resolved = roots.filter((r) => !isUnresolved(config, r.status)).length;\n  const percent = total > 0 ? Math.round((resolved / total) * 100) : 0;\n  const counts = countByStatus(comments);\n\n  if (total === 0) return null;\n\n  return (\n    <div\n      className={cn(\"space-y-1.5\", className)}\n      data-testid=\"comment-progress\"\n    >\n      <div className=\"flex items-center justify-between text-[11px] text-muted-foreground\">\n        <span>\n          {resolved} of {total} resolved\n        </span>\n        <span>{percent}%</span>\n      </div>\n      <div className=\"h-1.5 w-full overflow-hidden rounded-full bg-muted\">\n        <div\n          className=\"h-full rounded-full bg-primary transition-all\"\n          style={{ width: `${percent}%` }}\n        />\n      </div>\n      <div className=\"flex flex-wrap gap-1 pt-0.5\">\n        {config.statuses.map((status) => {\n          const count = counts.get(status.value) ?? 0;\n          if (count === 0) return null;\n          const active = activeStatus === status.value;\n          const chip = (\n            <Badge\n              variant={active ? \"solid\" : \"soft\"}\n              tone={toneToBadgeTone(status.tone)}\n              size=\"xs\"\n              {...(status.icon ? { icon: status.icon } : {})}\n            >\n              {status.label} {count}\n            </Badge>\n          );\n          return onStatusClick ? (\n            <button\n              key={status.value}\n              type=\"button\"\n              onClick={() => onStatusClick(status.value)}\n            >\n              {chip}\n            </button>\n          ) : (\n            <span key={status.value}>{chip}</span>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAeA,SAAS,cAAc,UAA0C;AAC/D,QAAM,6BAAa,IAAA;AACnB,aAAW,QAAQ,SAAS,QAAQ,GAAG;AACrC,QAAI,CAAC,KAAK,OAAQ;AAClB,WAAO,IAAI,KAAK,SAAS,OAAO,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC;AAAA,EAC5D;AACA,SAAO;AACT;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,QAAQ,SAAS,QAAQ;AAC/B,QAAM,QAAQ,MAAM;AACpB,QAAM,WAAW,MAAM,OAAO,CAAC,MAAM,CAAC,aAAa,QAAQ,EAAE,MAAM,CAAC,EAAE;AACtE,QAAM,UAAU,QAAQ,IAAI,KAAK,MAAO,WAAW,QAAS,GAAG,IAAI;AACnE,QAAM,SAAS,cAAc,QAAQ;AAErC,MAAI,UAAU,EAAG,QAAO;AAExB,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,eAAe,SAAS;AAAA,MACtC,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,uEACb,UAAA;AAAA,UAAA,qBAAC,QAAA,EACE,UAAA;AAAA,YAAA;AAAA,YAAS;AAAA,YAAK;AAAA,YAAM;AAAA,UAAA,GACvB;AAAA,+BACC,QAAA,EAAM,UAAA;AAAA,YAAA;AAAA,YAAQ;AAAA,UAAA,EAAA,CAAC;AAAA,QAAA,GAClB;AAAA,QACA,oBAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAG,OAAO,IAAA;AAAA,UAAI;AAAA,QAAA,GAElC;AAAA,QACA,oBAAC,SAAI,WAAU,+BACZ,iBAAO,SAAS,IAAI,CAAC,WAAW;AAC/B,gBAAM,QAAQ,OAAO,IAAI,OAAO,KAAK,KAAK;AAC1C,cAAI,UAAU,EAAG,QAAO;AACxB,gBAAM,SAAS,iBAAiB,OAAO;AACvC,gBAAM,OACJ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,SAAS,UAAU;AAAA,cAC5B,MAAM,gBAAgB,OAAO,IAAI;AAAA,cACjC,MAAK;AAAA,cACJ,GAAI,OAAO,OAAO,EAAE,MAAM,OAAO,KAAA,IAAS,CAAA;AAAA,cAE1C,UAAA;AAAA,gBAAA,OAAO;AAAA,gBAAM;AAAA,gBAAE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAGpB,iBAAO,gBACL;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,cAExC,UAAA;AAAA,YAAA;AAAA,YAJI,OAAO;AAAA,UAAA,IAOd,oBAAC,QAAA,EAAyB,UAAA,KAAA,GAAf,OAAO,KAAa;AAAA,QAEnC,CAAC,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}