@burdenoff/microfe-planmagnet 2026.930.23 → 2026.930.25

package/dist/planmagnet/controls/PrioritizationControls.js

@@ -0,0 +1,246 @@
+import { ErrorLine as e } from "./ConfirmButton.js";
+import { parseIntField as t } from "../utils/formValidation.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Badge as i, Input as a } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/controls/PrioritizationControls.tsx
+var o = [
+	"MUST",
+	"SHOULD",
+	"COULD",
+	"WONT"
+], s = [
+	"BASIC",
+	"PERFORMANCE",
+	"DELIGHTER",
+	"INDIFFERENT",
+	"REVERSE"
+], c = [
+	"QUICK_WIN",
+	"MAJOR_PROJECT",
+	"FILL_IN",
+	"TIME_SINK"
+], l = {
+	MUST: {
+		label: "Must",
+		hint: "Non-negotiable — the release does not ship without it.",
+		variant: "default"
+	},
+	SHOULD: {
+		label: "Should",
+		hint: "Important, but the release can still ship without it.",
+		variant: "info"
+	},
+	COULD: {
+		label: "Could",
+		hint: "Nice to have if there is time.",
+		variant: "secondary"
+	},
+	WONT: {
+		label: "Won't",
+		hint: "Explicitly out of scope this time around.",
+		variant: "outline"
+	}
+}, u = {
+	BASIC: {
+		label: "Basic",
+		hint: "Expected — its absence causes dissatisfaction, its presence goes unnoticed.",
+		variant: "secondary"
+	},
+	PERFORMANCE: {
+		label: "Performance",
+		hint: "Satisfaction scales with how well it is delivered.",
+		variant: "info"
+	},
+	DELIGHTER: {
+		label: "Delighter",
+		hint: "Unexpected — its absence is not missed, its presence delights.",
+		variant: "success"
+	},
+	INDIFFERENT: {
+		label: "Indifferent",
+		hint: "Users do not care either way.",
+		variant: "outline"
+	},
+	REVERSE: {
+		label: "Reverse",
+		hint: "Some users prefer this NOT be there.",
+		variant: "destructive"
+	}
+}, d = {
+	QUICK_WIN: {
+		label: "Quick win",
+		hint: "High value, low effort (value ≥ 6, effort ≤ 5) — do these first.",
+		variant: "success"
+	},
+	MAJOR_PROJECT: {
+		label: "Major project",
+		hint: "High value, high effort (value ≥ 6, effort ≥ 6) — plan and staff deliberately.",
+		variant: "info"
+	},
+	FILL_IN: {
+		label: "Fill-in",
+		hint: "Low value, low effort (value ≤ 5, effort ≤ 5) — fine as filler work.",
+		variant: "secondary"
+	},
+	TIME_SINK: {
+		label: "Time sink",
+		hint: "Low value, high effort (value ≤ 5, effort ≥ 6) — avoid or deprioritize.",
+		variant: "destructive"
+	}
+}, f = (e) => e && e in l ? l[e].label : "Not set", p = (e) => e && e in u ? u[e].label : "Not set";
+function m({ quadrant: e, hideWhenUnscored: t = !1, className: r }) {
+	if (!e) return t ? null : /* @__PURE__ */ n(i, {
+		variant: "outline",
+		className: r,
+		"data-testid": "prio-quadrant-badge",
+		children: "Unscored"
+	});
+	let a = e in d ? d[e] : null;
+	return /* @__PURE__ */ n(i, {
+		variant: a?.variant ?? "outline",
+		className: r,
+		"data-testid": "prio-quadrant-badge",
+		children: a?.label ?? e
+	});
+}
+var h = {
+	moscow: "",
+	kano: "",
+	valueScore: "",
+	effortScore: ""
+}, g = "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60";
+function _({ idPrefix: i, values: c, onChange: d, disabled: f = !1 }) {
+	let p = t(c.valueScore, {
+		min: 1,
+		max: 10
+	}), m = t(c.effortScore, {
+		min: 1,
+		max: 10
+	});
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-3",
+		"data-testid": "prio-fields",
+		children: [/* @__PURE__ */ r("div", {
+			className: "grid grid-cols-2 gap-3",
+			children: [/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
+					htmlFor: `${i}-moscow`,
+					className: "text-sm font-medium",
+					children: "MoSCoW"
+				}),
+				/* @__PURE__ */ r("select", {
+					id: `${i}-moscow`,
+					"data-testid": "prio-field-moscow",
+					className: g,
+					value: c.moscow,
+					disabled: f,
+					onChange: (e) => d({
+						...c,
+						moscow: e.target.value
+					}),
+					children: [/* @__PURE__ */ n("option", {
+						value: "",
+						children: "Not set"
+					}), o.map((e) => /* @__PURE__ */ n("option", {
+						value: e,
+						children: l[e].label
+					}, e))]
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: c.moscow && c.moscow in l ? l[c.moscow].hint : "Must/Should/Could/Won't for this release."
+				})
+			] }), /* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
+					htmlFor: `${i}-kano`,
+					className: "text-sm font-medium",
+					children: "Kano"
+				}),
+				/* @__PURE__ */ r("select", {
+					id: `${i}-kano`,
+					"data-testid": "prio-field-kano",
+					className: g,
+					value: c.kano,
+					disabled: f,
+					onChange: (e) => d({
+						...c,
+						kano: e.target.value
+					}),
+					children: [/* @__PURE__ */ n("option", {
+						value: "",
+						children: "Not set"
+					}), s.map((e) => /* @__PURE__ */ n("option", {
+						value: e,
+						children: u[e].label
+					}, e))]
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: c.kano && c.kano in u ? u[c.kano].hint : "How this shapes customer satisfaction."
+				})
+			] })]
+		}), /* @__PURE__ */ r("div", {
+			className: "grid grid-cols-2 gap-3",
+			children: [/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
+					htmlFor: `${i}-value-score`,
+					className: "text-sm font-medium",
+					children: "Value score (1-10)"
+				}),
+				/* @__PURE__ */ n(a, {
+					id: `${i}-value-score`,
+					"data-testid": "prio-field-value-score",
+					type: "number",
+					min: 1,
+					max: 10,
+					className: "mt-1",
+					placeholder: "Not set",
+					value: c.valueScore,
+					"aria-invalid": p.invalid,
+					disabled: f,
+					onChange: (e) => d({
+						...c,
+						valueScore: e.target.value
+					})
+				}),
+				p.invalid && /* @__PURE__ */ n(e, { message: "Value score is a whole number from 1 to 10." })
+			] }), /* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
+					htmlFor: `${i}-effort-score`,
+					className: "text-sm font-medium",
+					children: "Effort score (1-10)"
+				}),
+				/* @__PURE__ */ n(a, {
+					id: `${i}-effort-score`,
+					"data-testid": "prio-field-effort-score",
+					type: "number",
+					min: 1,
+					max: 10,
+					className: "mt-1",
+					placeholder: "Not set",
+					value: c.effortScore,
+					"aria-invalid": m.invalid,
+					disabled: f,
+					onChange: (e) => d({
+						...c,
+						effortScore: e.target.value
+					})
+				}),
+				m.invalid && /* @__PURE__ */ n(e, { message: "Effort score is a whole number from 1 to 10." })
+			] })]
+		})]
+	});
+}
+function v(e) {
+	return !t(e.valueScore, {
+		min: 1,
+		max: 10
+	}).invalid && !t(e.effortScore, {
+		min: 1,
+		max: 10
+	}).invalid;
+}
+//#endregion
+export { h as EMPTY_PRIORITIZATION_FORM, u as KANO_META, s as KANO_VALUES, l as MOSCOW_META, o as MOSCOW_VALUES, _ as PrioritizationScoreFields, d as QUADRANT_META, c as QUADRANT_VALUES, m as QuadrantBadge, p as kanoLabel, f as moscowLabel, v as prioritizationScoresValid };
+
+//# sourceMappingURL=PrioritizationControls.js.map

package/dist/planmagnet/controls/PrioritizationControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrioritizationControls.js","names":[],"sources":["../../../src/planmagnet/controls/PrioritizationControls.tsx"],"sourcesContent":["import { Badge, Input } from '@burdenoff/fe-libs/ui';\nimport { parseIntField } from '../utils/formValidation';\nimport { ErrorLine } from './ConfirmButton';\n\n/**\n * Prioritization (PRM-27): MoSCoW, Kano and Value-vs-Effort scoring shared by the feature request create/edit\n * form, the feature detail page, and the roadmap initiative (RoadmapItem) edit dialog — one presentational form\n * fragment plus the badge that shows the server-computed Value-vs-Effort quadrant, so the three surfaces (and the\n * prioritization page's own item cards) render it identically instead of three near-copies drifting apart.\n *\n * The quadrant itself is never computed client-side — `FeatureRequest.valueEffortQuadrant` /\n * `RoadmapItem.valueEffortQuadrant` are server-derived (and not stored), so `QuadrantBadge` only ever renders a\n * value that came back from a query or a mutation response.\n */\n\nexport const MOSCOW_VALUES = ['MUST', 'SHOULD', 'COULD', 'WONT'] as const;\nexport type MoscowValue = (typeof MOSCOW_VALUES)[number];\n\nexport const KANO_VALUES = ['BASIC', 'PERFORMANCE', 'DELIGHTER', 'INDIFFERENT', 'REVERSE'] as const;\nexport type KanoValue = (typeof KANO_VALUES)[number];\n\nexport const QUADRANT_VALUES = ['QUICK_WIN', 'MAJOR_PROJECT', 'FILL_IN', 'TIME_SINK'] as const;\nexport type QuadrantValue = (typeof QUADRANT_VALUES)[number];\n\ntype BadgeVariant =\n  | 'default'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'secondary'\n  | 'destructive'\n  | 'outline';\n\nexport const MOSCOW_META: Record<\n  MoscowValue,\n  { label: string; hint: string; variant: BadgeVariant }\n> = {\n  MUST: {\n    label: 'Must',\n    hint: 'Non-negotiable — the release does not ship without it.',\n    variant: 'default',\n  },\n  SHOULD: {\n    label: 'Should',\n    hint: 'Important, but the release can still ship without it.',\n    variant: 'info',\n  },\n  COULD: { label: 'Could', hint: 'Nice to have if there is time.', variant: 'secondary' },\n  WONT: { label: \"Won't\", hint: 'Explicitly out of scope this time around.', variant: 'outline' },\n};\n\nexport const KANO_META: Record<KanoValue, { label: string; hint: string; variant: BadgeVariant }> =\n  {\n    BASIC: {\n      label: 'Basic',\n      hint: 'Expected — its absence causes dissatisfaction, its presence goes unnoticed.',\n      variant: 'secondary',\n    },\n    PERFORMANCE: {\n      label: 'Performance',\n      hint: 'Satisfaction scales with how well it is delivered.',\n      variant: 'info',\n    },\n    DELIGHTER: {\n      label: 'Delighter',\n      hint: 'Unexpected — its absence is not missed, its presence delights.',\n      variant: 'success',\n    },\n    INDIFFERENT: {\n      label: 'Indifferent',\n      hint: 'Users do not care either way.',\n      variant: 'outline',\n    },\n    REVERSE: {\n      label: 'Reverse',\n      hint: 'Some users prefer this NOT be there.',\n      variant: 'destructive',\n    },\n  };\n\nexport const QUADRANT_META: Record<\n  QuadrantValue,\n  { label: string; hint: string; variant: BadgeVariant }\n> = {\n  QUICK_WIN: {\n    label: 'Quick win',\n    hint: 'High value, low effort (value ≥ 6, effort ≤ 5) — do these first.',\n    variant: 'success',\n  },\n  MAJOR_PROJECT: {\n    label: 'Major project',\n    hint: 'High value, high effort (value ≥ 6, effort ≥ 6) — plan and staff deliberately.',\n    variant: 'info',\n  },\n  FILL_IN: {\n    label: 'Fill-in',\n    hint: 'Low value, low effort (value ≤ 5, effort ≤ 5) — fine as filler work.',\n    variant: 'secondary',\n  },\n  TIME_SINK: {\n    label: 'Time sink',\n    hint: 'Low value, high effort (value ≤ 5, effort ≥ 6) — avoid or deprioritize.',\n    variant: 'destructive',\n  },\n};\n\nexport const moscowLabel = (value: string | null | undefined): string =>\n  value && value in MOSCOW_META ? MOSCOW_META[value as MoscowValue].label : 'Not set';\nexport const kanoLabel = (value: string | null | undefined): string =>\n  value && value in KANO_META ? KANO_META[value as KanoValue].label : 'Not set';\nexport const quadrantLabel = (value: string | null | undefined): string =>\n  value && value in QUADRANT_META ? QUADRANT_META[value as QuadrantValue].label : 'Unscored';\n\n/**\n * The Value-vs-Effort quadrant, read back from the server (`FeatureRequest.valueEffortQuadrant` /\n * `RoadmapItem.valueEffortQuadrant` / a `PlanmagnetPrioritizationBucket.bucket`) — never computed here. Renders\n * an \"Unscored\" badge when null (one or both of valueScore/effortScore is not set yet) unless `hideWhenUnscored`.\n */\nexport function QuadrantBadge({\n  quadrant,\n  hideWhenUnscored = false,\n  className,\n}: {\n  quadrant: string | null | undefined;\n  hideWhenUnscored?: boolean;\n  className?: string;\n}) {\n  if (!quadrant) {\n    if (hideWhenUnscored) return null;\n    return (\n      <Badge variant=\"outline\" className={className} data-testid=\"prio-quadrant-badge\">\n        Unscored\n      </Badge>\n    );\n  }\n  const meta = quadrant in QUADRANT_META ? QUADRANT_META[quadrant as QuadrantValue] : null;\n  return (\n    <Badge\n      variant={meta?.variant ?? 'outline'}\n      className={className}\n      data-testid=\"prio-quadrant-badge\"\n    >\n      {meta?.label ?? quadrant}\n    </Badge>\n  );\n}\n\nexport interface PrioritizationFormValues {\n  /** '' = not set */\n  moscow: string;\n  /** '' = not set */\n  kano: string;\n  /** '' = not set, else a whole number 1-10 as text */\n  valueScore: string;\n  /** '' = not set, else a whole number 1-10 as text */\n  effortScore: string;\n}\n\nexport const EMPTY_PRIORITIZATION_FORM: PrioritizationFormValues = {\n  moscow: '',\n  kano: '',\n  valueScore: '',\n  effortScore: '',\n};\n\nconst selectClass =\n  'mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm disabled:opacity-60';\n\n/**\n * The four prioritization inputs (PRM-27): MoSCoW and Kano selects (each with a short explanation of the\n * selected value), and 1-10 value/effort number inputs. Fully controlled; clearing a select or number input back\n * to empty is how a caller sends `null` (cleared) rather than omitting the field. Shared by the feature request\n * create/edit form, the feature detail page, and the roadmap initiative edit dialog.\n */\nexport function PrioritizationScoreFields({\n  idPrefix,\n  values,\n  onChange,\n  disabled = false,\n}: {\n  idPrefix: string;\n  values: PrioritizationFormValues;\n  onChange: (next: PrioritizationFormValues) => void;\n  disabled?: boolean;\n}) {\n  const value = parseIntField(values.valueScore, { min: 1, max: 10 });\n  const effort = parseIntField(values.effortScore, { min: 1, max: 10 });\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"prio-fields\">\n      <div className=\"grid grid-cols-2 gap-3\">\n        <div>\n          <label htmlFor={`${idPrefix}-moscow`} className=\"text-sm font-medium\">\n            MoSCoW\n          </label>\n          <select\n            id={`${idPrefix}-moscow`}\n            data-testid=\"prio-field-moscow\"\n            className={selectClass}\n            value={values.moscow}\n            disabled={disabled}\n            onChange={(e) => onChange({ ...values, moscow: e.target.value })}\n          >\n            <option value=\"\">Not set</option>\n            {MOSCOW_VALUES.map((v) => (\n              <option key={v} value={v}>\n                {MOSCOW_META[v].label}\n              </option>\n            ))}\n          </select>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {values.moscow && values.moscow in MOSCOW_META\n              ? MOSCOW_META[values.moscow as MoscowValue].hint\n              : \"Must/Should/Could/Won't for this release.\"}\n          </p>\n        </div>\n        <div>\n          <label htmlFor={`${idPrefix}-kano`} className=\"text-sm font-medium\">\n            Kano\n          </label>\n          <select\n            id={`${idPrefix}-kano`}\n            data-testid=\"prio-field-kano\"\n            className={selectClass}\n            value={values.kano}\n            disabled={disabled}\n            onChange={(e) => onChange({ ...values, kano: e.target.value })}\n          >\n            <option value=\"\">Not set</option>\n            {KANO_VALUES.map((v) => (\n              <option key={v} value={v}>\n                {KANO_META[v].label}\n              </option>\n            ))}\n          </select>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {values.kano && values.kano in KANO_META\n              ? KANO_META[values.kano as KanoValue].hint\n              : 'How this shapes customer satisfaction.'}\n          </p>\n        </div>\n      </div>\n      <div className=\"grid grid-cols-2 gap-3\">\n        <div>\n          <label htmlFor={`${idPrefix}-value-score`} className=\"text-sm font-medium\">\n            Value score (1-10)\n          </label>\n          <Input\n            id={`${idPrefix}-value-score`}\n            data-testid=\"prio-field-value-score\"\n            type=\"number\"\n            min={1}\n            max={10}\n            className=\"mt-1\"\n            placeholder=\"Not set\"\n            value={values.valueScore}\n            aria-invalid={value.invalid}\n            disabled={disabled}\n            onChange={(e) => onChange({ ...values, valueScore: e.target.value })}\n          />\n          {value.invalid && <ErrorLine message=\"Value score is a whole number from 1 to 10.\" />}\n        </div>\n        <div>\n          <label htmlFor={`${idPrefix}-effort-score`} className=\"text-sm font-medium\">\n            Effort score (1-10)\n          </label>\n          <Input\n            id={`${idPrefix}-effort-score`}\n            data-testid=\"prio-field-effort-score\"\n            type=\"number\"\n            min={1}\n            max={10}\n            className=\"mt-1\"\n            placeholder=\"Not set\"\n            value={values.effortScore}\n            aria-invalid={effort.invalid}\n            disabled={disabled}\n            onChange={(e) => onChange({ ...values, effortScore: e.target.value })}\n          />\n          {effort.invalid && <ErrorLine message=\"Effort score is a whole number from 1 to 10.\" />}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/** True when neither of the two score fields holds an out-of-range value (empty is always valid — it means \"clear\"). */\nexport function prioritizationScoresValid(values: PrioritizationFormValues): boolean {\n  return (\n    !parseIntField(values.valueScore, { min: 1, max: 10 }).invalid &&\n    !parseIntField(values.effortScore, { min: 1, max: 10 }).invalid\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.d.ts

@@ -0,0 +1,8 @@
+export declare function WorkItemDiscussionPanel({ workItemId, workItemKey, workItemTitle, assigneeId, discussionConversationId, }: {
+    workItemId: string;
+    workItemKey: string;
+    workItemTitle: string;
+    assigneeId: string | null;
+    discussionConversationId: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=WorkItemDiscussionPanel.d.ts.map

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemDiscussionPanel.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/discussion/WorkItemDiscussionPanel.tsx"],"names":[],"mappings":"AA2OA,wBAAgB,uBAAuB,CAAC,EACtC,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,wBAAwB,GACzB,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAC;CACzC,2CA6DA"}

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.js

@@ -0,0 +1,217 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { ErrorLine as n } from "../controls/ConfirmButton.js";
+import { isForbidden as r, mutationErrorMessage as i } from "../utils/graphqlErrors.js";
+import { useDeferredValue as a, useEffect as o, useState as s } from "react";
+import { ExternalLink as c, MessageCircle as l, MessagesSquare as u, Unlink as d } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useMutation as p } from "@apollo/client/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Checkbox as x, Input as S, ResponsiveDialog as C, ResponsiveDialogContent as w, ResponsiveDialogDescription as T, ResponsiveDialogFooter as E, ResponsiveDialogHeader as D, ResponsiveDialogTitle as O, ResponsiveDialogTrigger as k } from "@burdenoff/fe-libs/ui";
+import { useWorkspaceDirectory as A } from "@burdenoff/fe-libs/sharing";
+//#region src/planmagnet/discussion/WorkItemDiscussionPanel.tsx
+var j = f`
+  mutation PlanmagnetSetWorkItemDiscussionLink($workItemId: ID!, $conversationId: ID) {
+    planmagnetSetWorkItemDiscussion(workItemId: $workItemId, conversationId: $conversationId) {
+      id
+      discussionConversationId
+    }
+  }
+`, M = f`
+  mutation CreateWorkItemDiscussionConversation($input: CreateConversationInput!) {
+    createConversation(input: $input) {
+      success
+      conversation {
+        id
+      }
+    }
+  }
+`, N = {
+	refetchQueries: ["GetWorkItemDetail"],
+	awaitRefetchQueries: !0
+};
+function P({ workItemId: c, workItemKey: l, workItemTitle: d, assigneeId: f }) {
+	let { workspaceId: _, authToken: v, apiGatewayUrl: y, currentUser: b } = e(), [P, F] = s(!1), [I, L] = s(""), R = a(I.trim()), [z, B] = s(/* @__PURE__ */ new Set()), [V, H] = s(null), U = A({
+		workspaceId: _ ?? "",
+		authToken: v ?? void 0,
+		apiGatewayUrl: y ?? void 0
+	}), { search: W } = U;
+	o(() => {
+		W(R);
+	}, [R, W]);
+	let [G, K] = p(M), [q, J] = p(j, N), Y = K.loading || J.loading, X = (e, t) => B((n) => {
+		let r = new Set(n);
+		return t ? r.add(e) : r.delete(e), r;
+	}), Z = async () => {
+		if (_) {
+			H(null);
+			try {
+				let e = await t(G({ variables: { input: {
+					workspaceId: _,
+					type: "GROUP",
+					title: `${l}: ${d}`,
+					participantIds: [...z]
+				} } })), n = e.data?.createConversation?.conversation?.id;
+				if (!e.data?.createConversation?.success || !n) throw Error("The conversation could not be created.");
+				await t(q({ variables: {
+					workItemId: c,
+					conversationId: n
+				} })), F(!1), L("");
+			} catch (e) {
+				H(r(e) ? "Your role cannot start a conversation in this workspace." : i(e, "The discussion could not be started."));
+			}
+		}
+	};
+	return /* @__PURE__ */ h(C, {
+		open: P,
+		onOpenChange: (e) => {
+			if (F(e), e) {
+				let e = /* @__PURE__ */ new Set();
+				f && e.add(f), b?.id && e.add(b.id), B(e);
+			} else L(""), H(null);
+		},
+		children: [/* @__PURE__ */ m(k, {
+			asChild: !0,
+			children: /* @__PURE__ */ h(g, {
+				size: "sm",
+				"data-testid": "discussion-start",
+				children: [/* @__PURE__ */ m(u, {
+					className: "mr-1 h-4 w-4",
+					"aria-hidden": "true"
+				}), "Discuss in Conversations"]
+			})
+		}), /* @__PURE__ */ h(w, {
+			className: "max-w-lg",
+			children: [
+				/* @__PURE__ */ h(D, { children: [/* @__PURE__ */ m(O, { children: "Start a discussion" }), /* @__PURE__ */ m(T, { children: "Creates a group conversation for this task and links it back here. Add anyone else who should be in it." })] }),
+				/* @__PURE__ */ h("p", {
+					className: "text-sm font-medium",
+					children: [
+						l,
+						": ",
+						d
+					]
+				}),
+				/* @__PURE__ */ m(S, {
+					value: I,
+					onChange: (e) => L(e.target.value),
+					placeholder: "Search workspace members",
+					"aria-label": "Search workspace members"
+				}),
+				/* @__PURE__ */ h("div", {
+					className: "max-h-64 space-y-1 overflow-y-auto",
+					children: [
+						U.loading && U.members.length === 0 && /* @__PURE__ */ m("p", {
+							className: "py-4 text-center text-sm text-muted-foreground",
+							children: "Loading…"
+						}),
+						!U.loading && U.members.length === 0 && /* @__PURE__ */ m("p", {
+							className: "py-4 text-center text-sm text-muted-foreground",
+							children: "No matching members."
+						}),
+						U.members.map((e) => {
+							let t = `discussion-participant-${e.id}`;
+							return /* @__PURE__ */ h("label", {
+								htmlFor: t,
+								className: "flex cursor-pointer items-center gap-3 rounded-md border p-2 text-sm hover:bg-muted",
+								children: [/* @__PURE__ */ m(x, {
+									id: t,
+									checked: z.has(e.id),
+									onCheckedChange: (t) => X(e.id, t === !0)
+								}), /* @__PURE__ */ h("span", {
+									className: "min-w-0 flex-1 truncate",
+									children: [
+										e.name,
+										e.id === b?.id && /* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: " (you)"
+										}),
+										e.id === f && /* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: " · assignee"
+										})
+									]
+								})]
+							}, e.id);
+						}),
+						U.hasMore && /* @__PURE__ */ m("button", {
+							type: "button",
+							className: "w-full py-1 text-xs text-primary hover:underline",
+							onClick: U.fetchMore,
+							children: "Show more members"
+						})
+					]
+				}),
+				V && /* @__PURE__ */ m(n, { message: V }),
+				/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(g, {
+					onClick: () => void Z(),
+					disabled: z.size === 0 || Y,
+					"data-testid": "discussion-create-confirm",
+					children: Y ? "Starting…" : `Start discussion (${z.size})`
+				}) })
+			]
+		})]
+	});
+}
+function F({ workItemId: e, workItemKey: r, workItemTitle: a, assigneeId: o, discussionConversationId: u }) {
+	let [f, x] = p(j, N), [S, C] = s(null), w = async () => {
+		C(null);
+		try {
+			await t(f({ variables: {
+				workItemId: e,
+				conversationId: null
+			} }));
+		} catch (e) {
+			C(i(e, "The discussion could not be unlinked."));
+		}
+	};
+	return /* @__PURE__ */ h(_, {
+		"data-testid": "work-item-discussion",
+		children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ h(b, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ m(l, {
+				className: "h-4 w-4",
+				"aria-hidden": "true"
+			}), "Discussion"]
+		}) }), /* @__PURE__ */ h(v, {
+			className: "space-y-3",
+			children: [S && /* @__PURE__ */ m(n, { message: S }), u ? /* @__PURE__ */ h("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [/* @__PURE__ */ h("a", {
+					href: `/conversations/${encodeURIComponent(u)}`,
+					className: "inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline",
+					"data-testid": "discussion-open",
+					children: ["Open discussion", /* @__PURE__ */ m(c, {
+						className: "h-3.5 w-3.5",
+						"aria-hidden": "true"
+					})]
+				}), /* @__PURE__ */ h(g, {
+					size: "sm",
+					variant: "ghost",
+					disabled: x.loading,
+					onClick: () => void w(),
+					"data-testid": "discussion-unlink",
+					children: [/* @__PURE__ */ m(d, {
+						className: "mr-1 h-3.5 w-3.5",
+						"aria-hidden": "true"
+					}), "Unlink"]
+				})]
+			}) : /* @__PURE__ */ h("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Not linked to a conversation yet. Starting one creates a group chat for this task in Conversations."
+				}), /* @__PURE__ */ m(P, {
+					workItemId: e,
+					workItemKey: r,
+					workItemTitle: a,
+					assigneeId: o
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { F as WorkItemDiscussionPanel };
+
+//# sourceMappingURL=WorkItemDiscussionPanel.js.map

package/dist/planmagnet/discussion/WorkItemDiscussionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemDiscussionPanel.js","names":[],"sources":["../../../src/planmagnet/discussion/WorkItemDiscussionPanel.tsx"],"sourcesContent":["import { useDeferredValue, useEffect, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Checkbox,\n  Input,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceDirectory } from '@burdenoff/fe-libs/sharing';\nimport { ExternalLink, MessageCircle, MessagesSquare, Unlink as UnlinkIcon } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { throwOnError } from '../utils/mutationResult';\nimport { isForbidden, mutationErrorMessage } from '../utils/graphqlErrors';\n\n/**\n * Discussion on a task (CWF-26): a link to a real group conversation in the platform Conversations product, not\n * a comment thread of its own. `WorkItem.discussionConversationId` only stores and validates the id — the\n * conversation itself is created HERE, as the signed-in user, through the Conversations subgraph's own\n * `createConversation` (a different subgraph than everything else on this page; see its schema doc comment).\n * Once created, `planmagnetSetWorkItemDiscussion` links it back to this item.\n *\n * \"Open discussion\" is a plain `<a>`, not this MFE's own `usePlanMagnetNavigate()` — that hook prepends THIS\n * microfrontend's basePath, and `/conversations/<id>` is a sibling app's own top-level route, not a planmagnet\n * page (there is, correctly, no such route in `PlanMagnetRoutes.tsx`).\n */\n\nconst SET_DISCUSSION = gql`\n  mutation PlanmagnetSetWorkItemDiscussionLink($workItemId: ID!, $conversationId: ID) {\n    planmagnetSetWorkItemDiscussion(workItemId: $workItemId, conversationId: $conversationId) {\n      id\n      discussionConversationId\n    }\n  }\n`;\n\nconst CREATE_DISCUSSION_CONVERSATION = gql`\n  mutation CreateWorkItemDiscussionConversation($input: CreateConversationInput!) {\n    createConversation(input: $input) {\n      success\n      conversation {\n        id\n      }\n    }\n  }\n`;\n\nconst DISCUSSION_REFETCH = { refetchQueries: ['GetWorkItemDetail'], awaitRefetchQueries: true };\n\n/** Create a group conversation for this task and link it — participants default to the assignee + the current\n * user, editable through the same search-then-checkbox workspace directory picker\n * `roadmaps/RoadmapReviewPanel.tsx`'s `RequestReviewDialog` uses for reviewers. */\nfunction StartDiscussionDialog({\n  workItemId,\n  workItemKey,\n  workItemTitle,\n  assigneeId,\n}: {\n  workItemId: string;\n  workItemKey: string;\n  workItemTitle: string;\n  assigneeId: string | null;\n}) {\n  const { workspaceId, authToken, apiGatewayUrl, currentUser } = usePlanMagnet();\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const deferredSearch = useDeferredValue(search.trim());\n  const [selected, setSelected] = useState<Set<string>>(new Set());\n  const [error, setError] = useState<string | null>(null);\n\n  const directory = useWorkspaceDirectory({\n    workspaceId: workspaceId ?? '',\n    authToken: authToken ?? undefined,\n    apiGatewayUrl: apiGatewayUrl ?? undefined,\n  });\n  const { search: setDirectoryFilter } = directory;\n  useEffect(() => {\n    setDirectoryFilter(deferredSearch);\n  }, [deferredSearch, setDirectoryFilter]);\n\n  const [createConversation, createState] = useMutation<{\n    createConversation: { success: boolean; conversation: { id: string } | null };\n  }>(CREATE_DISCUSSION_CONVERSATION);\n  const [setDiscussion, setDiscussionState] = useMutation(SET_DISCUSSION, DISCUSSION_REFETCH);\n  const busy = createState.loading || setDiscussionState.loading;\n\n  const toggle = (id: string, checked: boolean) =>\n    setSelected((prev) => {\n      const next = new Set(prev);\n      if (checked) next.add(id);\n      else next.delete(id);\n      return next;\n    });\n\n  const submit = async () => {\n    if (!workspaceId) return;\n    setError(null);\n    try {\n      const created = await throwOnError(\n        createConversation({\n          variables: {\n            input: {\n              workspaceId,\n              type: 'GROUP',\n              title: `${workItemKey}: ${workItemTitle}`,\n              participantIds: [...selected],\n            },\n          },\n        })\n      );\n      const conversationId = created.data?.createConversation?.conversation?.id;\n      if (!created.data?.createConversation?.success || !conversationId) {\n        throw new Error('The conversation could not be created.');\n      }\n      await throwOnError(setDiscussion({ variables: { workItemId, conversationId } }));\n      setOpen(false);\n      setSearch('');\n    } catch (e) {\n      setError(\n        isForbidden(e)\n          ? 'Your role cannot start a conversation in this workspace.'\n          : mutationErrorMessage(e, 'The discussion could not be started.')\n      );\n    }\n  };\n\n  return (\n    <ResponsiveDialog\n      open={open}\n      onOpenChange={(next) => {\n        setOpen(next);\n        if (next) {\n          // Default selection (assignee + self), recomputed on every open so an earlier session's manual picks\n          // never leak into a later one.\n          const defaults = new Set<string>();\n          if (assigneeId) defaults.add(assigneeId);\n          if (currentUser?.id) defaults.add(currentUser.id);\n          setSelected(defaults);\n        } else {\n          setSearch('');\n          setError(null);\n        }\n      }}\n    >\n      <ResponsiveDialogTrigger asChild>\n        <Button size=\"sm\" data-testid=\"discussion-start\">\n          <MessagesSquare className=\"mr-1 h-4 w-4\" aria-hidden=\"true\" />\n          Discuss in Conversations\n        </Button>\n      </ResponsiveDialogTrigger>\n      <ResponsiveDialogContent className=\"max-w-lg\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Start a discussion</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Creates a group conversation for this task and links it back here. Add anyone else who\n            should be in it.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <p className=\"text-sm font-medium\">\n          {workItemKey}: {workItemTitle}\n        </p>\n        <Input\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n          placeholder=\"Search workspace members\"\n          aria-label=\"Search workspace members\"\n        />\n        <div className=\"max-h-64 space-y-1 overflow-y-auto\">\n          {directory.loading && directory.members.length === 0 && (\n            <p className=\"py-4 text-center text-sm text-muted-foreground\">Loading…</p>\n          )}\n          {!directory.loading && directory.members.length === 0 && (\n            <p className=\"py-4 text-center text-sm text-muted-foreground\">No matching members.</p>\n          )}\n          {directory.members.map((member) => {\n            const inputId = `discussion-participant-${member.id}`;\n            return (\n              <label\n                key={member.id}\n                htmlFor={inputId}\n                className=\"flex cursor-pointer items-center gap-3 rounded-md border p-2 text-sm hover:bg-muted\"\n              >\n                <Checkbox\n                  id={inputId}\n                  checked={selected.has(member.id)}\n                  onCheckedChange={(checked) => toggle(member.id, checked === true)}\n                />\n                <span className=\"min-w-0 flex-1 truncate\">\n                  {member.name}\n                  {member.id === currentUser?.id && (\n                    <span className=\"text-muted-foreground\"> (you)</span>\n                  )}\n                  {member.id === assigneeId && (\n                    <span className=\"text-muted-foreground\"> · assignee</span>\n                  )}\n                </span>\n              </label>\n            );\n          })}\n          {directory.hasMore && (\n            <button\n              type=\"button\"\n              className=\"w-full py-1 text-xs text-primary hover:underline\"\n              onClick={directory.fetchMore}\n            >\n              Show more members\n            </button>\n          )}\n        </div>\n        {error && <ErrorLine message={error} />}\n        <ResponsiveDialogFooter>\n          <Button\n            onClick={() => void submit()}\n            disabled={selected.size === 0 || busy}\n            data-testid=\"discussion-create-confirm\"\n          >\n            {busy ? 'Starting…' : `Start discussion (${selected.size})`}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport function WorkItemDiscussionPanel({\n  workItemId,\n  workItemKey,\n  workItemTitle,\n  assigneeId,\n  discussionConversationId,\n}: {\n  workItemId: string;\n  workItemKey: string;\n  workItemTitle: string;\n  assigneeId: string | null;\n  discussionConversationId: string | null;\n}) {\n  const [unlink, unlinkState] = useMutation(SET_DISCUSSION, DISCUSSION_REFETCH);\n  const [error, setError] = useState<string | null>(null);\n\n  const doUnlink = async () => {\n    setError(null);\n    try {\n      await throwOnError(unlink({ variables: { workItemId, conversationId: null } }));\n    } catch (e) {\n      setError(mutationErrorMessage(e, 'The discussion could not be unlinked.'));\n    }\n  };\n\n  return (\n    <Card data-testid=\"work-item-discussion\">\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <MessageCircle className=\"h-4 w-4\" aria-hidden=\"true\" />\n          Discussion\n        </CardTitle>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        {error && <ErrorLine message={error} />}\n        {discussionConversationId ? (\n          <div className=\"flex flex-wrap items-center justify-between gap-2\">\n            <a\n              href={`/conversations/${encodeURIComponent(discussionConversationId)}`}\n              className=\"inline-flex items-center gap-1 text-sm font-medium text-primary hover:underline\"\n              data-testid=\"discussion-open\"\n            >\n              Open discussion\n              <ExternalLink className=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n            </a>\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              disabled={unlinkState.loading}\n              onClick={() => void doUnlink()}\n              data-testid=\"discussion-unlink\"\n            >\n              <UnlinkIcon className=\"mr-1 h-3.5 w-3.5\" aria-hidden=\"true\" />\n              Unlink\n            </Button>\n          </div>\n        ) : (\n          <div className=\"space-y-2\">\n            <p className=\"text-sm text-muted-foreground\">\n              Not linked to a conversation yet. Starting one creates a group chat for this task in\n              Conversations.\n            </p>\n            <StartDiscussionDialog\n              workItemId={workItemId}\n              workItemKey={workItemKey}\n              workItemTitle={workItemTitle}\n              assigneeId={assigneeId}\n            />\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/docs/DocDiffView.d.ts

@@ -0,0 +1,26 @@
+import { LineDiffKind } from '../utils/lineDiff';
+
+/**
+ * Renders ADDED/REMOVED/UNCHANGED hunks (CWF-18 §2/§3) — shared by the suggestion diff preview
+ * (`DocSuggestionsPanel`, a client-side `lineDiff`) and the version-compare panel (`DocVersionCompare`, the
+ * server's `planmagnetDocRevisionDiff`); both produce the same `{kind, text}` shape.
+ *
+ * Colour is never the only signal: every line carries a leading `+`/`−`/` ` marker AND a screen-reader-only
+ * "Added:"/"Removed:" prefix, not just a background tint.
+ */
+export interface DocDiffHunkLike {
+    kind: LineDiffKind;
+    text: string;
+}
+export declare function DocDiffHunks({ hunks, truncated, emptyMessage, testId, }: {
+    hunks: readonly DocDiffHunkLike[];
+    truncated?: boolean;
+    emptyMessage?: string;
+    /**
+     * Overridable so two instances never collide on the same page. `DocVersionCompare` (one result at a time) keeps
+     * the default `doc-version-diff`; `DocSuggestionsPanel` passes a per-suggestion id, since several suggestions'
+     * previews can be expanded at once in the Open tab.
+     */
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocDiffView.d.ts.map

package/dist/planmagnet/docs/DocDiffView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocDiffView.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/docs/DocDiffView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD;;;;;;;GAOG;AAEH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAgBD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,YAAgC,EAChC,MAA2B,GAC5B,EAAE;IACD,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,2CA0BA"}

package/dist/planmagnet/docs/DocDiffView.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/planmagnet/docs/DocDiffView.tsx
+var n = {
+	ADDED: {
+		symbol: "+",
+		srLabel: "Added: ",
+		className: "bg-status-success-subtle text-status-success-text"
+	},
+	REMOVED: {
+		symbol: "−",
+		srLabel: "Removed: ",
+		className: "bg-status-error-subtle text-status-error-text"
+	},
+	UNCHANGED: {
+		symbol: " ",
+		srLabel: "",
+		className: "text-muted-foreground"
+	}
+};
+function r({ hunks: r, truncated: i, emptyMessage: a = "No differences.", testId: o = "doc-version-diff" }) {
+	return r.length === 0 ? /* @__PURE__ */ e("p", {
+		className: "text-sm text-muted-foreground",
+		children: a
+	}) : /* @__PURE__ */ t("div", {
+		className: "max-h-96 space-y-0.5 overflow-y-auto rounded-md border border-border-default bg-muted/30 p-2 font-mono text-xs",
+		"data-testid": o,
+		children: [r.map((r, i) => {
+			let a = n[r.kind];
+			return /* @__PURE__ */ t("div", {
+				className: `whitespace-pre-wrap rounded-sm px-1 ${a.className}`,
+				children: [
+					/* @__PURE__ */ t("span", {
+						"aria-hidden": "true",
+						children: [a.symbol, " "]
+					}),
+					/* @__PURE__ */ e("span", {
+						className: "sr-only",
+						children: a.srLabel
+					}),
+					r.text.length > 0 ? r.text : "\xA0"
+				]
+			}, i);
+		}), i && /* @__PURE__ */ e("p", {
+			className: "pt-1 text-[11px] italic text-muted-foreground",
+			children: "Truncated — only the first part of the difference is shown."
+		})]
+	});
+}
+//#endregion
+export { r as DocDiffHunks };
+
+//# sourceMappingURL=DocDiffView.js.map

package/dist/planmagnet/docs/DocDiffView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocDiffView.js","names":[],"sources":["../../../src/planmagnet/docs/DocDiffView.tsx"],"sourcesContent":["import type { LineDiffKind } from '../utils/lineDiff';\n\n/**\n * Renders ADDED/REMOVED/UNCHANGED hunks (CWF-18 §2/§3) — shared by the suggestion diff preview\n * (`DocSuggestionsPanel`, a client-side `lineDiff`) and the version-compare panel (`DocVersionCompare`, the\n * server's `planmagnetDocRevisionDiff`); both produce the same `{kind, text}` shape.\n *\n * Colour is never the only signal: every line carries a leading `+`/`−`/` ` marker AND a screen-reader-only\n * \"Added:\"/\"Removed:\" prefix, not just a background tint.\n */\n\nexport interface DocDiffHunkLike {\n  kind: LineDiffKind;\n  text: string;\n}\n\nconst KIND_META: Record<LineDiffKind, { symbol: string; srLabel: string; className: string }> = {\n  ADDED: {\n    symbol: '+',\n    srLabel: 'Added: ',\n    className: 'bg-status-success-subtle text-status-success-text',\n  },\n  REMOVED: {\n    symbol: '−',\n    srLabel: 'Removed: ',\n    className: 'bg-status-error-subtle text-status-error-text',\n  },\n  UNCHANGED: { symbol: ' ', srLabel: '', className: 'text-muted-foreground' },\n};\n\nexport function DocDiffHunks({\n  hunks,\n  truncated,\n  emptyMessage = 'No differences.',\n  testId = 'doc-version-diff',\n}: {\n  hunks: readonly DocDiffHunkLike[];\n  truncated?: boolean;\n  emptyMessage?: string;\n  /**\n   * Overridable so two instances never collide on the same page. `DocVersionCompare` (one result at a time) keeps\n   * the default `doc-version-diff`; `DocSuggestionsPanel` passes a per-suggestion id, since several suggestions'\n   * previews can be expanded at once in the Open tab.\n   */\n  testId?: string;\n}) {\n  if (hunks.length === 0) {\n    return <p className=\"text-sm text-muted-foreground\">{emptyMessage}</p>;\n  }\n  return (\n    <div\n      className=\"max-h-96 space-y-0.5 overflow-y-auto rounded-md border border-border-default bg-muted/30 p-2 font-mono text-xs\"\n      data-testid={testId}\n    >\n      {hunks.map((hunk, index) => {\n        const meta = KIND_META[hunk.kind];\n        return (\n          <div key={index} className={`whitespace-pre-wrap rounded-sm px-1 ${meta.className}`}>\n            <span aria-hidden=\"true\">{meta.symbol} </span>\n            <span className=\"sr-only\">{meta.srLabel}</span>\n            {hunk.text.length > 0 ? hunk.text : ' '}\n          </div>\n        );\n      })}\n      {truncated && (\n        <p className=\"pt-1 text-[11px] italic text-muted-foreground\">\n          Truncated — only the first part of the difference is shown.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;AAgBA,IAAM,IAA0F;CAC9F,OAAO;EACL,QAAQ;EACR,SAAS;EACT,WAAW;EACZ;CACD,SAAS;EACP,QAAQ;EACR,SAAS;EACT,WAAW;EACZ;CACD,WAAW;EAAE,QAAQ;EAAK,SAAS;EAAI,WAAW;EAAyB;CAC5E;AAED,SAAgB,EAAa,EAC3B,UACA,cACA,kBAAe,mBACf,YAAS,sBAWR;AAID,QAHI,EAAM,WAAW,IACZ,kBAAC,KAAD;EAAG,WAAU;YAAiC;EAAiB,CAAA,GAGtE,kBAAC,OAAD;EACE,WAAU;EACV,eAAa;YAFf,CAIG,EAAM,KAAK,GAAM,MAAU;GAC1B,IAAM,IAAO,EAAU,EAAK;AAC5B,UACE,kBAAC,OAAD;IAAiB,WAAW,uCAAuC,EAAK;cAAxE;KACE,kBAAC,QAAD;MAAM,eAAY;gBAAlB,CAA0B,EAAK,QAAO,IAAQ;;KAC9C,kBAAC,QAAD;MAAM,WAAU;gBAAW,EAAK;MAAe,CAAA;KAC9C,EAAK,KAAK,SAAS,IAAI,EAAK,OAAO;KAChC;MAJI,EAIJ;IAER,EACD,KACC,kBAAC,KAAD;GAAG,WAAU;aAAgD;GAEzD,CAAA,CAEF"}

package/dist/planmagnet/docs/DocSuggestionsPanel.d.ts

@@ -0,0 +1,13 @@
+export interface DocRevisionForDiff {
+    version: number;
+    title: string;
+    content: string;
+}
+export declare function DocSuggestionsPanel({ docId, docTitle, docContent, revisions, currentUserId, }: {
+    docId: string;
+    docTitle: string;
+    docContent: string;
+    revisions: readonly DocRevisionForDiff[];
+    currentUserId: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DocSuggestionsPanel.d.ts.map

package/dist/planmagnet/docs/DocSuggestionsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocSuggestionsPanel.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/docs/DocSuggestionsPanel.tsx"],"names":[],"mappings":"AA2GA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB;AA0QD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,aAAa,GACd,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;CACnC,2CAuCA"}