@flanksource/clicky-ui 0.3.55 → 0.3.57

package/dist/file-findings/adapters.js

@@ -0,0 +1,153 @@
+import { collapsedPathSegments, normalizeLintPath, relPath, workDirLabel } from "../data/lint/paths.js";
+import { severityOf } from "../data/lint/stats.js";
+import { collapseFolderChains } from "../data/lint/grouping.js";
+import { fileRefKey } from "./types.js";
+// src/file-findings/adapters.ts
+/**
+* One finding per violation that names a file. A violation without a file
+* cannot be placed in a source view and is left out; one without a line is
+* anchored to the first line of its file (a file-level finding). A violation
+* found at several places (`locations`) is a finding at each of them, its
+* message naming what is there.
+*/
+function lintFindings(results) {
+	return results.flatMap((result) => (result.violations ?? []).flatMap((violation) => {
+		const finding = {
+			workDir: result.work_dir,
+			severity: severityOf(violation),
+			source: violation.source ?? result.linter,
+			rule: violation.rule?.method,
+			kind: "lint"
+		};
+		const message = violation.message ?? "";
+		if ((violation.locations?.length ?? 0) > 1) return violation.locations.map((location) => ({
+			...finding,
+			file: relPath(location.file, result.work_dir),
+			line: Math.max(location.line ?? 1, 1),
+			column: location.column,
+			message: location.message ? `${message} (${location.message})` : message
+		}));
+		const file = violation.raw_file ?? relPath(violation.file, result.work_dir);
+		if (!file) return [];
+		return [{
+			...finding,
+			file,
+			line: Math.max(violation.line ?? 1, 1),
+			column: violation.column,
+			endLine: violation.end_line,
+			endColumn: violation.end_column,
+			message
+		}];
+	}));
+}
+function testMessage(test) {
+	return test.failure_detail?.summary || test.message || `${test.name} failed`;
+}
+function failedTestFindings(test) {
+	const fromChildren = (test.children ?? []).flatMap(failedTestFindings);
+	if (fromChildren.length > 0) return fromChildren;
+	if (!test.failed || !test.file || !test.line) return [];
+	return [{
+		file: relPath(test.file, test.work_dir),
+		workDir: test.work_dir,
+		line: test.line,
+		endLine: test.end_line,
+		severity: "error",
+		message: testMessage(test),
+		source: test.framework ?? "test",
+		rule: test.name,
+		kind: "test"
+	}];
+}
+/**
+* One error finding per failed test that records where it lives. A failed
+* suite is only reported when none of its descendants is, so a failure is
+* shown on the test that raised it rather than on every suite above it.
+*/
+function testFindings(tests) {
+	return tests.flatMap(failedTestFindings);
+}
+function newTrie(name, path) {
+	return {
+		name,
+		path,
+		folders: /* @__PURE__ */ new Map(),
+		files: /* @__PURE__ */ new Map()
+	};
+}
+function addToTrie(root, finding) {
+	const segments = collapsedPathSegments(finding.file);
+	if (segments.length === 0) throw new Error(`findings: empty file path (${JSON.stringify(finding.file)})`);
+	let current = root;
+	for (const segment of segments.slice(0, -1)) {
+		let child = current.folders.get(segment);
+		if (!child) {
+			child = newTrie(segment, current.path ? `${current.path}/${segment}` : segment);
+			current.folders.set(segment, child);
+		}
+		current = child;
+	}
+	const basename = segments[segments.length - 1];
+	current.files.set(basename, [...current.files.get(basename) ?? [], finding]);
+}
+var byName = ([a], [b]) => a.localeCompare(b);
+function trieNodes(trie, workDir) {
+	const folders = Array.from(trie.folders.entries()).sort(byName).map(([name, folder]) => {
+		const children = trieNodes(folder, workDir);
+		return {
+			key: `folder\u0000${workDir ?? ""}\u0000${folder.path}`,
+			name,
+			kind: "folder",
+			children,
+			findings: children.flatMap((c) => c.findings)
+		};
+	});
+	const files = Array.from(trie.files.entries()).sort(byName).map(([name, findings]) => {
+		const ref = {
+			workDir,
+			file: findings[0].file
+		};
+		return {
+			key: fileRefKey(ref),
+			name,
+			kind: "file",
+			ref,
+			findings: findings.slice().sort((a, b) => a.line - b.line || (a.column ?? 0) - (b.column ?? 0))
+		};
+	});
+	return [...folders, ...files];
+}
+function workDirRootNames(workDirs) {
+	const labels = new Map(workDirs.map((dir) => [dir, dir ? workDirLabel(dir) : "(no work dir)"]));
+	const counts = /* @__PURE__ */ new Map();
+	for (const label of labels.values()) counts.set(label, (counts.get(label) ?? 0) + 1);
+	return new Map(Array.from(labels, ([dir, label]) => [dir, counts.get(label) > 1 && dir ? normalizeLintPath(dir) : label]));
+}
+/**
+* The files that have findings as a path tree: folders before files, each level
+* sorted by name, single-child folders folded into one row (`pkg/sub/a.go`).
+* When the findings span several work dirs, each gets its own root folder.
+*/
+function groupFindingsByFile(findings) {
+	const byWorkDir = /* @__PURE__ */ new Map();
+	for (const finding of findings) byWorkDir.set(finding.workDir, [...byWorkDir.get(finding.workDir) ?? [], finding]);
+	const multiRoot = byWorkDir.size > 1;
+	const rootNames = workDirRootNames(Array.from(byWorkDir.keys()));
+	const roots = Array.from(byWorkDir.entries()).map(([workDir, group]) => {
+		const trie = newTrie("", "");
+		for (const finding of group) addToTrie(trie, finding);
+		const nodes = trieNodes(trie, workDir);
+		if (!multiRoot) return nodes;
+		return [{
+			key: `root\u0000${workDir ?? ""}`,
+			name: rootNames.get(workDir),
+			kind: "folder",
+			children: nodes,
+			findings: group
+		}];
+	}).flat().sort((a, b) => multiRoot ? a.name.localeCompare(b.name) : 0);
+	return collapseFolderChains(roots, "folder");
+}
+export { groupFindingsByFile, lintFindings, testFindings };
+
+//# sourceMappingURL=adapters.js.map

package/dist/file-findings/adapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.js","names":[],"sources":["../../src/file-findings/adapters.ts"],"sourcesContent":["// Projections of lint results and test results onto FileFinding, and the file\n// tree the findings view lists them in.\n\nimport { collapseFolderChains } from \"../data/lint/grouping\";\nimport { collapsedPathSegments, normalizeLintPath, relPath, workDirLabel } from \"../data/lint/paths\";\nimport { severityOf } from \"../data/lint/stats\";\nimport type { LinterResult } from \"../data/lint/types\";\nimport type { Test } from \"../data/test-runner/types\";\nimport { fileRefKey, type FileFinding, type FileTreeNode } from \"./types\";\n\n/**\n * One finding per violation that names a file. A violation without a file\n * cannot be placed in a source view and is left out; one without a line is\n * anchored to the first line of its file (a file-level finding). A violation\n * found at several places (`locations`) is a finding at each of them, its\n * message naming what is there.\n */\nexport function lintFindings(results: readonly LinterResult[]): FileFinding[] {\n  return results.flatMap((result) =>\n    (result.violations ?? []).flatMap((violation): FileFinding[] => {\n      const finding = {\n        workDir: result.work_dir,\n        severity: severityOf(violation),\n        source: violation.source ?? result.linter,\n        rule: violation.rule?.method,\n        kind: \"lint\" as const,\n      };\n      const message = violation.message ?? \"\";\n      if ((violation.locations?.length ?? 0) > 1) {\n        return violation.locations!.map((location) => ({\n          ...finding,\n          file: relPath(location.file, result.work_dir)!,\n          line: Math.max(location.line ?? 1, 1),\n          column: location.column,\n          message: location.message ? `${message} (${location.message})` : message,\n        }));\n      }\n      const file = violation.raw_file ?? relPath(violation.file, result.work_dir);\n      if (!file) return [];\n      return [\n        {\n          ...finding,\n          file,\n          line: Math.max(violation.line ?? 1, 1),\n          column: violation.column,\n          endLine: violation.end_line,\n          endColumn: violation.end_column,\n          message,\n        },\n      ];\n    }),\n  );\n}\n\nfunction testMessage(test: Test): string {\n  return test.failure_detail?.summary || test.message || `${test.name} failed`;\n}\n\nfunction failedTestFindings(test: Test): FileFinding[] {\n  const fromChildren = (test.children ?? []).flatMap(failedTestFindings);\n  if (fromChildren.length > 0) return fromChildren;\n  if (!test.failed || !test.file || !test.line) return [];\n  return [\n    {\n      file: relPath(test.file, test.work_dir)!,\n      workDir: test.work_dir,\n      line: test.line,\n      endLine: test.end_line,\n      severity: \"error\",\n      message: testMessage(test),\n      source: test.framework ?? \"test\",\n      rule: test.name,\n      kind: \"test\",\n    },\n  ];\n}\n\n/**\n * One error finding per failed test that records where it lives. A failed\n * suite is only reported when none of its descendants is, so a failure is\n * shown on the test that raised it rather than on every suite above it.\n */\nexport function testFindings(tests: readonly Test[]): FileFinding[] {\n  return tests.flatMap(failedTestFindings);\n}\n\ntype PathTrie = {\n  name: string;\n  path: string;\n  folders: Map<string, PathTrie>;\n  files: Map<string, FileFinding[]>;\n};\n\nfunction newTrie(name: string, path: string): PathTrie {\n  return { name, path, folders: new Map(), files: new Map() };\n}\n\nfunction addToTrie(root: PathTrie, finding: FileFinding): void {\n  const segments = collapsedPathSegments(finding.file);\n  if (segments.length === 0) throw new Error(`findings: empty file path (${JSON.stringify(finding.file)})`);\n  let current = root;\n  for (const segment of segments.slice(0, -1)) {\n    let child = current.folders.get(segment);\n    if (!child) {\n      child = newTrie(segment, current.path ? `${current.path}/${segment}` : segment);\n      current.folders.set(segment, child);\n    }\n    current = child;\n  }\n  const basename = segments[segments.length - 1]!;\n  current.files.set(basename, [...(current.files.get(basename) ?? []), finding]);\n}\n\nconst byName = ([a]: [string, unknown], [b]: [string, unknown]) => a.localeCompare(b);\n\nfunction trieNodes(trie: PathTrie, workDir: string | undefined): FileTreeNode[] {\n  const folders = Array.from(trie.folders.entries())\n    .sort(byName)\n    .map(([name, folder]): FileTreeNode => {\n      const children = trieNodes(folder, workDir);\n      return {\n        key: `folder\\u0000${workDir ?? \"\"}\\u0000${folder.path}`,\n        name,\n        kind: \"folder\",\n        children,\n        findings: children.flatMap((c) => c.findings),\n      };\n    });\n  const files = Array.from(trie.files.entries())\n    .sort(byName)\n    .map(([name, findings]): FileTreeNode => {\n      const ref = { workDir, file: findings[0]!.file };\n      return {\n        key: fileRefKey(ref),\n        name,\n        kind: \"file\",\n        ref,\n        findings: findings.slice().sort((a, b) => a.line - b.line || (a.column ?? 0) - (b.column ?? 0)),\n      };\n    });\n  return [...folders, ...files];\n}\n\nfunction workDirRootNames(workDirs: readonly (string | undefined)[]): Map<string | undefined, string> {\n  const labels = new Map(workDirs.map((dir) => [dir, dir ? workDirLabel(dir) : \"(no work dir)\"]));\n  const counts = new Map<string, number>();\n  for (const label of labels.values()) counts.set(label, (counts.get(label) ?? 0) + 1);\n  // Two roots sharing a two-segment label are told apart by their full path.\n  return new Map(\n    Array.from(labels, ([dir, label]) => [dir, counts.get(label)! > 1 && dir ? normalizeLintPath(dir) : label]),\n  );\n}\n\n/**\n * The files that have findings as a path tree: folders before files, each level\n * sorted by name, single-child folders folded into one row (`pkg/sub/a.go`).\n * When the findings span several work dirs, each gets its own root folder.\n */\nexport function groupFindingsByFile(findings: readonly FileFinding[]): FileTreeNode[] {\n  const byWorkDir = new Map<string | undefined, FileFinding[]>();\n  for (const finding of findings) {\n    byWorkDir.set(finding.workDir, [...(byWorkDir.get(finding.workDir) ?? []), finding]);\n  }\n  const multiRoot = byWorkDir.size > 1;\n  const rootNames = workDirRootNames(Array.from(byWorkDir.keys()));\n\n  const roots = Array.from(byWorkDir.entries())\n    .map(([workDir, group]): FileTreeNode[] => {\n      const trie = newTrie(\"\", \"\");\n      for (const finding of group) addToTrie(trie, finding);\n      const nodes = trieNodes(trie, workDir);\n      if (!multiRoot) return nodes;\n      return [\n        {\n          key: `root\\u0000${workDir ?? \"\"}`,\n          name: rootNames.get(workDir)!,\n          kind: \"folder\",\n          children: nodes,\n          findings: group,\n        },\n      ];\n    })\n    .flat()\n    .sort((a, b) => (multiRoot ? a.name.localeCompare(b.name) : 0));\n\n  return collapseFolderChains(roots, \"folder\");\n}\n"],"mappings":"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"}

package/dist/file-findings/file-review/CommentDraft.cjs

@@ -0,0 +1,97 @@
+const require_utils = require("../../lib/utils.cjs");
+const require_UiClose = require("../../icons/components/UiClose.cjs");
+const require_UiComment = require("../../icons/components/UiComment.cjs");
+const require_Icon = require("../../data/Icon.cjs");
+const require_CommentComposer = require("../../comments/CommentComposer.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+// src/file-findings/file-review/CommentDraft.tsx
+var PILL = {
+	width: 104,
+	height: 28
+};
+var CARD_WIDTH = 320;
+/** Room a card needs above the selection to open upward, out of the way of the text. */
+var CARD_ROOM = 190;
+var GAP = 6;
+/**
+* The floating Comment pill over a selection. Clicking it morphs the pill in
+* place into a composer card, rather than adding a card to the sidebar; the
+* thread only joins the sidebar or inline view once it is posted.
+*/
+function CommentDraft({ anchor, label, position, containerWidth, expanded, config, onCreate, onExpand, onClose }) {
+	(0, react.useEffect)(() => {
+		if (!expanded) return;
+		const close = (event) => event.key === "Escape" && onClose();
+		window.addEventListener("keydown", close);
+		return () => window.removeEventListener("keydown", close);
+	}, [expanded, onClose]);
+	const pillTop = position.top - PILL.height - 8;
+	const up = position.top >= CARD_ROOM;
+	const width = Math.min(CARD_WIDTH, containerWidth);
+	const cardLeft = Math.max(width / 2, Math.min(position.left, containerWidth - width / 2));
+	const style = expanded ? {
+		top: up ? pillTop + PILL.height : position.bottom + GAP,
+		left: cardLeft,
+		width,
+		transform: `translate(-50%, ${up ? "-100%" : "0"})`
+	} : {
+		top: pillTop,
+		left: position.left,
+		width: PILL.width,
+		transform: "translate(-50%, 0)"
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-comment-draft": anchor,
+		role: expanded ? "dialog" : void 0,
+		"aria-label": expanded ? `New comment on ${label}` : void 0,
+		onMouseDown: (event) => !expanded && event.preventDefault(),
+		className: require_utils.cn("absolute z-30 overflow-hidden border bg-card shadow-md transition-[top,left,width,transform,border-radius,box-shadow] duration-200 ease-out", expanded ? "rounded-lg border-primary/50 shadow-lg" : "rounded-full border-border"),
+		style,
+		children: expanded ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1 border-b border-border px-2 py-1 text-[11px] text-muted-foreground",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+					icon: require_UiComment.UiComment,
+					className: "text-xs"
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: label
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					"aria-label": "Discard comment",
+					onClick: onClose,
+					className: "rounded p-0.5 hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+						icon: require_UiClose.UiClose,
+						className: "text-xs"
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "p-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CommentComposer.CommentComposer, {
+				config,
+				anchor,
+				collapsible: false,
+				autoFocus: true,
+				placeholder: "Add a comment…",
+				onCreate
+			})
+		})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+			type: "button",
+			onClick: onExpand,
+			className: "inline-flex w-full items-center justify-center gap-1 px-2.5 text-xs font-medium hover:bg-muted",
+			style: { height: PILL.height },
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Icon.Icon, {
+				icon: require_UiComment.UiComment,
+				className: "text-sm"
+			}), "Comment"]
+		})
+	});
+}
+exports.CommentDraft = CommentDraft;
+
+//# sourceMappingURL=CommentDraft.cjs.map

package/dist/file-findings/file-review/CommentDraft.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentDraft.cjs","names":["cn","_Fragment","Icon","UiComment","UiClose","CommentComposer"],"sources":["../../../src/file-findings/file-review/CommentDraft.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Icon } from \"../../data/Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { CommentComposer } from \"../../comments/CommentComposer\";\nimport type { CommentCallbacks, CommentConfig } from \"../../comments/comment-types\";\nimport { UiClose, UiComment } from \"../../icons\";\n\nconst PILL = { width: 104, height: 28 };\nconst CARD_WIDTH = 320;\n/** Room a card needs above the selection to open upward, out of the way of the text. */\nconst CARD_ROOM = 190;\nconst GAP = 6;\n\nexport type CommentDraftPosition = {\n  /** Selection top and bottom, relative to the document origin. */\n  top: number;\n  bottom: number;\n  /** Horizontal centre of the pill: the selection's middle, or the pointer for a right-click. */\n  left: number;\n};\n\n/**\n * The floating Comment pill over a selection. Clicking it morphs the pill in\n * place into a composer card, rather than adding a card to the sidebar; the\n * thread only joins the sidebar or inline view once it is posted.\n */\nexport function CommentDraft({\n  anchor,\n  label,\n  position,\n  containerWidth,\n  expanded,\n  config,\n  onCreate,\n  onExpand,\n  onClose,\n}: {\n  anchor: string;\n  label: string;\n  position: CommentDraftPosition;\n  containerWidth: number;\n  expanded: boolean;\n  config: CommentConfig;\n  onCreate: NonNullable<CommentCallbacks[\"onCreate\"]>;\n  onExpand: () => void;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    if (!expanded) return;\n    const close = (event: KeyboardEvent) => event.key === \"Escape\" && onClose();\n    window.addEventListener(\"keydown\", close);\n    return () => window.removeEventListener(\"keydown\", close);\n  }, [expanded, onClose]);\n\n  const pillTop = position.top - PILL.height - 8;\n  const up = position.top >= CARD_ROOM;\n  const width = Math.min(CARD_WIDTH, containerWidth);\n  const cardLeft = Math.max(width / 2, Math.min(position.left, containerWidth - width / 2));\n  const style = expanded\n    ? { top: up ? pillTop + PILL.height : position.bottom + GAP, left: cardLeft, width, transform: `translate(-50%, ${up ? \"-100%\" : \"0\"})` }\n    : { top: pillTop, left: position.left, width: PILL.width, transform: \"translate(-50%, 0)\" };\n\n  return (\n    <div\n      data-comment-draft={anchor}\n      role={expanded ? \"dialog\" : undefined}\n      aria-label={expanded ? `New comment on ${label}` : undefined}\n      onMouseDown={(event) => !expanded && event.preventDefault()}\n      className={cn(\n        \"absolute z-30 overflow-hidden border bg-card shadow-md transition-[top,left,width,transform,border-radius,box-shadow] duration-200 ease-out\",\n        expanded ? \"rounded-lg border-primary/50 shadow-lg\" : \"rounded-full border-border\",\n      )}\n      style={style}\n    >\n      {expanded ? (\n        <>\n          <div className=\"flex items-center gap-1 border-b border-border px-2 py-1 text-[11px] text-muted-foreground\">\n            <Icon icon={UiComment} className=\"text-xs\" />\n            <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n            <button\n              type=\"button\"\n              aria-label=\"Discard comment\"\n              onClick={onClose}\n              className=\"rounded p-0.5 hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11\"\n            >\n              <Icon icon={UiClose} className=\"text-xs\" />\n            </button>\n          </div>\n          <div className=\"p-2\">\n            <CommentComposer config={config} anchor={anchor} collapsible={false} autoFocus placeholder=\"Add a comment…\" onCreate={onCreate} />\n          </div>\n        </>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={onExpand}\n          className=\"inline-flex w-full items-center justify-center gap-1 px-2.5 text-xs font-medium hover:bg-muted\"\n          style={{ height: PILL.height }}\n        >\n          <Icon icon={UiComment} className=\"text-sm\" />\n          Comment\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,OAAO;CAAE,OAAO;CAAK,QAAQ;AAAG;AACtC,IAAM,aAAa;;AAEnB,IAAM,YAAY;AAClB,IAAM,MAAM;;;;;;AAeZ,SAAgB,aAAa,EAC3B,QACA,OACA,UACA,gBACA,UACA,QACA,UACA,UACA,WAWC;CACD,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,CAAC,UAAU;EACf,MAAM,SAAS,UAAyB,MAAM,QAAQ,YAAY,QAAQ;EAC1E,OAAO,iBAAiB,WAAW,KAAK;EACxC,aAAa,OAAO,oBAAoB,WAAW,KAAK;CAC1D,GAAG,CAAC,UAAU,OAAO,CAAC;CAEtB,MAAM,UAAU,SAAS,MAAM,KAAK,SAAS;CAC7C,MAAM,KAAK,SAAS,OAAO;CAC3B,MAAM,QAAQ,KAAK,IAAI,YAAY,cAAc;CACjD,MAAM,WAAW,KAAK,IAAI,QAAQ,GAAG,KAAK,IAAI,SAAS,MAAM,iBAAiB,QAAQ,CAAC,CAAC;CACxF,MAAM,QAAQ,WACV;EAAE,KAAK,KAAK,UAAU,KAAK,SAAS,SAAS,SAAS;EAAK,MAAM;EAAU;EAAO,WAAW,mBAAmB,KAAK,UAAU,IAAI;CAAG,IACtI;EAAE,KAAK;EAAS,MAAM,SAAS;EAAM,OAAO,KAAK;EAAO,WAAW;CAAqB;CAE5F,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,sBAAoB;EACpB,MAAM,WAAW,WAAW,KAAA;EAC5B,cAAY,WAAW,kBAAkB,UAAU,KAAA;EACnD,cAAc,UAAU,CAAC,YAAY,MAAM,eAAe;EAC1D,WAAWA,cAAAA,GACT,+IACA,WAAW,2CAA2C,4BACxD;EACO;EAEN,UAAA,WACC,iBAAA,GAAA,kBAAA,KAAA,CAAAC,kBAAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;KAAM,MAAMC,kBAAAA;KAAW,WAAU;IAAW,CAAA;IAC5C,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;KAAM,WAAU;KAA2B,UAAA;IAAY,CAAA;IACvD,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;KACE,MAAK;KACL,cAAW;KACX,SAAS;KACT,WAAU;KAEV,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,MAAD;MAAM,MAAME,gBAAAA;MAAS,WAAU;KAAW,CAAA;IACpC,CAAA;GACL;EACL,CAAA,GAAA,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD;IAAyB;IAAgB;IAAQ,aAAa;IAAO,WAAA;IAAU,aAAY;IAA2B;GAAW,CAAA;EAC9H,CAAA,CACL,EAAA,CAAA,IAEF,iBAAA,GAAA,kBAAA,KAAA,CAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;GACV,OAAO,EAAE,QAAQ,KAAK,OAAO;GAJ/B,UAAA,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACH,aAAAA,MAAD;IAAM,MAAMC,kBAAAA;IAAW,WAAU;GAAW,CAAA,GAAC,SAEvC;;CAEP,CAAA;AAET"}

package/dist/file-findings/file-review/CommentDraft.d.ts

@@ -0,0 +1,25 @@
+import { CommentCallbacks, CommentConfig } from '../../comments/comment-types.js';
+export type CommentDraftPosition = {
+    /** Selection top and bottom, relative to the document origin. */
+    top: number;
+    bottom: number;
+    /** Horizontal centre of the pill: the selection's middle, or the pointer for a right-click. */
+    left: number;
+};
+/**
+ * The floating Comment pill over a selection. Clicking it morphs the pill in
+ * place into a composer card, rather than adding a card to the sidebar; the
+ * thread only joins the sidebar or inline view once it is posted.
+ */
+export declare function CommentDraft({ anchor, label, position, containerWidth, expanded, config, onCreate, onExpand, onClose, }: {
+    anchor: string;
+    label: string;
+    position: CommentDraftPosition;
+    containerWidth: number;
+    expanded: boolean;
+    config: CommentConfig;
+    onCreate: NonNullable<CommentCallbacks["onCreate"]>;
+    onExpand: () => void;
+    onClose: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=CommentDraft.d.ts.map

package/dist/file-findings/file-review/CommentDraft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentDraft.d.ts","sourceRoot":"","sources":["../../../src/file-findings/file-review/CommentDraft.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AASpF,MAAM,MAAM,oBAAoB,GAAG;IACjC,iEAAiE;IACjE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,+FAA+F;IAC/F,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,WAAW,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IACpD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,+BA2DA"}

package/dist/file-findings/file-review/CommentDraft.js

@@ -0,0 +1,97 @@
+import { cn } from "../../lib/utils.js";
+import { UiClose } from "../../icons/components/UiClose.js";
+import { UiComment } from "../../icons/components/UiComment.js";
+import { Icon } from "../../data/Icon.js";
+import { CommentComposer } from "../../comments/CommentComposer.js";
+import { useEffect } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+// src/file-findings/file-review/CommentDraft.tsx
+var PILL = {
+	width: 104,
+	height: 28
+};
+var CARD_WIDTH = 320;
+/** Room a card needs above the selection to open upward, out of the way of the text. */
+var CARD_ROOM = 190;
+var GAP = 6;
+/**
+* The floating Comment pill over a selection. Clicking it morphs the pill in
+* place into a composer card, rather than adding a card to the sidebar; the
+* thread only joins the sidebar or inline view once it is posted.
+*/
+function CommentDraft({ anchor, label, position, containerWidth, expanded, config, onCreate, onExpand, onClose }) {
+	useEffect(() => {
+		if (!expanded) return;
+		const close = (event) => event.key === "Escape" && onClose();
+		window.addEventListener("keydown", close);
+		return () => window.removeEventListener("keydown", close);
+	}, [expanded, onClose]);
+	const pillTop = position.top - PILL.height - 8;
+	const up = position.top >= CARD_ROOM;
+	const width = Math.min(CARD_WIDTH, containerWidth);
+	const cardLeft = Math.max(width / 2, Math.min(position.left, containerWidth - width / 2));
+	const style = expanded ? {
+		top: up ? pillTop + PILL.height : position.bottom + GAP,
+		left: cardLeft,
+		width,
+		transform: `translate(-50%, ${up ? "-100%" : "0"})`
+	} : {
+		top: pillTop,
+		left: position.left,
+		width: PILL.width,
+		transform: "translate(-50%, 0)"
+	};
+	return /* @__PURE__ */ jsx("div", {
+		"data-comment-draft": anchor,
+		role: expanded ? "dialog" : void 0,
+		"aria-label": expanded ? `New comment on ${label}` : void 0,
+		onMouseDown: (event) => !expanded && event.preventDefault(),
+		className: cn("absolute z-30 overflow-hidden border bg-card shadow-md transition-[top,left,width,transform,border-radius,box-shadow] duration-200 ease-out", expanded ? "rounded-lg border-primary/50 shadow-lg" : "rounded-full border-border"),
+		style,
+		children: expanded ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1 border-b border-border px-2 py-1 text-[11px] text-muted-foreground",
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					icon: UiComment,
+					className: "text-xs"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: label
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Discard comment",
+					onClick: onClose,
+					className: "rounded p-0.5 hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11",
+					children: /* @__PURE__ */ jsx(Icon, {
+						icon: UiClose,
+						className: "text-xs"
+					})
+				})
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "p-2",
+			children: /* @__PURE__ */ jsx(CommentComposer, {
+				config,
+				anchor,
+				collapsible: false,
+				autoFocus: true,
+				placeholder: "Add a comment…",
+				onCreate
+			})
+		})] }) : /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			onClick: onExpand,
+			className: "inline-flex w-full items-center justify-center gap-1 px-2.5 text-xs font-medium hover:bg-muted",
+			style: { height: PILL.height },
+			children: [/* @__PURE__ */ jsx(Icon, {
+				icon: UiComment,
+				className: "text-sm"
+			}), "Comment"]
+		})
+	});
+}
+export { CommentDraft };
+
+//# sourceMappingURL=CommentDraft.js.map

package/dist/file-findings/file-review/CommentDraft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentDraft.js","names":["_Fragment"],"sources":["../../../src/file-findings/file-review/CommentDraft.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { Icon } from \"../../data/Icon\";\nimport { cn } from \"../../lib/utils\";\nimport { CommentComposer } from \"../../comments/CommentComposer\";\nimport type { CommentCallbacks, CommentConfig } from \"../../comments/comment-types\";\nimport { UiClose, UiComment } from \"../../icons\";\n\nconst PILL = { width: 104, height: 28 };\nconst CARD_WIDTH = 320;\n/** Room a card needs above the selection to open upward, out of the way of the text. */\nconst CARD_ROOM = 190;\nconst GAP = 6;\n\nexport type CommentDraftPosition = {\n  /** Selection top and bottom, relative to the document origin. */\n  top: number;\n  bottom: number;\n  /** Horizontal centre of the pill: the selection's middle, or the pointer for a right-click. */\n  left: number;\n};\n\n/**\n * The floating Comment pill over a selection. Clicking it morphs the pill in\n * place into a composer card, rather than adding a card to the sidebar; the\n * thread only joins the sidebar or inline view once it is posted.\n */\nexport function CommentDraft({\n  anchor,\n  label,\n  position,\n  containerWidth,\n  expanded,\n  config,\n  onCreate,\n  onExpand,\n  onClose,\n}: {\n  anchor: string;\n  label: string;\n  position: CommentDraftPosition;\n  containerWidth: number;\n  expanded: boolean;\n  config: CommentConfig;\n  onCreate: NonNullable<CommentCallbacks[\"onCreate\"]>;\n  onExpand: () => void;\n  onClose: () => void;\n}) {\n  useEffect(() => {\n    if (!expanded) return;\n    const close = (event: KeyboardEvent) => event.key === \"Escape\" && onClose();\n    window.addEventListener(\"keydown\", close);\n    return () => window.removeEventListener(\"keydown\", close);\n  }, [expanded, onClose]);\n\n  const pillTop = position.top - PILL.height - 8;\n  const up = position.top >= CARD_ROOM;\n  const width = Math.min(CARD_WIDTH, containerWidth);\n  const cardLeft = Math.max(width / 2, Math.min(position.left, containerWidth - width / 2));\n  const style = expanded\n    ? { top: up ? pillTop + PILL.height : position.bottom + GAP, left: cardLeft, width, transform: `translate(-50%, ${up ? \"-100%\" : \"0\"})` }\n    : { top: pillTop, left: position.left, width: PILL.width, transform: \"translate(-50%, 0)\" };\n\n  return (\n    <div\n      data-comment-draft={anchor}\n      role={expanded ? \"dialog\" : undefined}\n      aria-label={expanded ? `New comment on ${label}` : undefined}\n      onMouseDown={(event) => !expanded && event.preventDefault()}\n      className={cn(\n        \"absolute z-30 overflow-hidden border bg-card shadow-md transition-[top,left,width,transform,border-radius,box-shadow] duration-200 ease-out\",\n        expanded ? \"rounded-lg border-primary/50 shadow-lg\" : \"rounded-full border-border\",\n      )}\n      style={style}\n    >\n      {expanded ? (\n        <>\n          <div className=\"flex items-center gap-1 border-b border-border px-2 py-1 text-[11px] text-muted-foreground\">\n            <Icon icon={UiComment} className=\"text-xs\" />\n            <span className=\"min-w-0 flex-1 truncate\">{label}</span>\n            <button\n              type=\"button\"\n              aria-label=\"Discard comment\"\n              onClick={onClose}\n              className=\"rounded p-0.5 hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11\"\n            >\n              <Icon icon={UiClose} className=\"text-xs\" />\n            </button>\n          </div>\n          <div className=\"p-2\">\n            <CommentComposer config={config} anchor={anchor} collapsible={false} autoFocus placeholder=\"Add a comment…\" onCreate={onCreate} />\n          </div>\n        </>\n      ) : (\n        <button\n          type=\"button\"\n          onClick={onExpand}\n          className=\"inline-flex w-full items-center justify-center gap-1 px-2.5 text-xs font-medium hover:bg-muted\"\n          style={{ height: PILL.height }}\n        >\n          <Icon icon={UiComment} className=\"text-sm\" />\n          Comment\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,OAAO;CAAE,OAAO;CAAK,QAAQ;AAAG;AACtC,IAAM,aAAa;;AAEnB,IAAM,YAAY;AAClB,IAAM,MAAM;;;;;;AAeZ,SAAgB,aAAa,EAC3B,QACA,OACA,UACA,gBACA,UACA,QACA,UACA,UACA,WAWC;CACD,gBAAgB;EACd,IAAI,CAAC,UAAU;EACf,MAAM,SAAS,UAAyB,MAAM,QAAQ,YAAY,QAAQ;EAC1E,OAAO,iBAAiB,WAAW,KAAK;EACxC,aAAa,OAAO,oBAAoB,WAAW,KAAK;CAC1D,GAAG,CAAC,UAAU,OAAO,CAAC;CAEtB,MAAM,UAAU,SAAS,MAAM,KAAK,SAAS;CAC7C,MAAM,KAAK,SAAS,OAAO;CAC3B,MAAM,QAAQ,KAAK,IAAI,YAAY,cAAc;CACjD,MAAM,WAAW,KAAK,IAAI,QAAQ,GAAG,KAAK,IAAI,SAAS,MAAM,iBAAiB,QAAQ,CAAC,CAAC;CACxF,MAAM,QAAQ,WACV;EAAE,KAAK,KAAK,UAAU,KAAK,SAAS,SAAS,SAAS;EAAK,MAAM;EAAU;EAAO,WAAW,mBAAmB,KAAK,UAAU,IAAI;CAAG,IACtI;EAAE,KAAK;EAAS,MAAM,SAAS;EAAM,OAAO,KAAK;EAAO,WAAW;CAAqB;CAE5F,OACE,oBAAC,OAAD;EACE,sBAAoB;EACpB,MAAM,WAAW,WAAW,KAAA;EAC5B,cAAY,WAAW,kBAAkB,UAAU,KAAA;EACnD,cAAc,UAAU,CAAC,YAAY,MAAM,eAAe;EAC1D,WAAW,GACT,+IACA,WAAW,2CAA2C,4BACxD;EACO;EAEN,UAAA,WACC,qBAAAA,YAAA,EAAA,UAAA,CACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACE,oBAAC,MAAD;KAAM,MAAM;KAAW,WAAU;IAAW,CAAA;IAC5C,oBAAC,QAAD;KAAM,WAAU;KAA2B,UAAA;IAAY,CAAA;IACvD,oBAAC,UAAD;KACE,MAAK;KACL,cAAW;KACX,SAAS;KACT,WAAU;KAEV,UAAA,oBAAC,MAAD;MAAM,MAAM;MAAS,WAAU;KAAW,CAAA;IACpC,CAAA;GACL;EACL,CAAA,GAAA,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,oBAAC,iBAAD;IAAyB;IAAgB;IAAQ,aAAa;IAAO,WAAA;IAAU,aAAY;IAA2B;GAAW,CAAA;EAC9H,CAAA,CACL,EAAA,CAAA,IAEF,qBAAC,UAAD;GACE,MAAK;GACL,SAAS;GACT,WAAU;GACV,OAAO,EAAE,QAAQ,KAAK,OAAO;GAJ/B,UAAA,CAME,oBAAC,MAAD;IAAM,MAAM;IAAW,WAAU;GAAW,CAAA,GAAC,SAEvC;;CAEP,CAAA;AAET"}