@burdenoff/microfe-planmagnet 2026.1002.2 → 2026.1002.3

package/dist/planmagnet/satisfaction/satisfactionOperations.js

@@ -0,0 +1,86 @@
+import { gql as e } from "@apollo/client";
+//#region src/planmagnet/satisfaction/satisfactionOperations.ts
+var t = "\n  productId\n  releaseId\n  projectId\n  window {\n    preset\n    from\n    to\n  }\n  csat {\n    score\n    responseCount\n    satisfiedCount\n    minimumResponses\n    notEnoughResponses\n  }\n  nps {\n    score\n    responseCount\n    promoterCount\n    passiveCount\n    detractorCount\n    minimumResponses\n    notEnoughResponses\n  }\n", n = "\n  id\n  metricType\n  score\n  respondedAt\n  comment\n  isAnonymous\n  respondentName\n  respondentEmail\n  source\n  externalId\n  productId\n  releaseId\n  projectId\n  product {\n    id\n    name\n  }\n  release {\n    id\n    name\n    version\n  }\n  project {\n    id\n    name\n  }\n  createdAt\n  updatedAt\n", r = e`
+  query CustomerSatisfactionSummary(
+    $workspaceId: ID!
+    $filter: PlanmagnetCustomerSatisfactionFilter
+  ) {
+    planmagnetCustomerSatisfaction(workspaceId: $workspaceId, filter: $filter) {
+      ${t}
+    }
+  }
+`, i = e`
+  query CustomerSatisfactionResponses(
+    $workspaceId: ID!
+    $filter: PlanmagnetCustomerSatisfactionResponseFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetCustomerSatisfactionResponses(
+      workspaceId: $workspaceId
+      filter: $filter
+      pagination: $pagination
+    ) {
+      items {
+        ${n}
+      }
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+      totalCount
+    }
+  }
+`, a = e`
+  query CustomerSatisfactionReleaseOptions(
+    $workspaceId: ID!
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        version
+        productId
+      }
+      pageInfo {
+        hasNextPage
+        endCursor
+      }
+    }
+  }
+`, o = e`
+  mutation CreateCustomerSatisfactionResponse(
+    $input: PlanmagnetCreateCustomerSatisfactionResponseInput!
+  ) {
+    planmagnetCreateCustomerSatisfactionResponse(input: $input) {
+      ${n}
+    }
+  }
+`, s = e`
+  mutation UpdateCustomerSatisfactionResponse(
+    $id: ID!
+    $input: PlanmagnetUpdateCustomerSatisfactionResponseInput!
+  ) {
+    planmagnetUpdateCustomerSatisfactionResponse(id: $id, input: $input) {
+      ${n}
+    }
+  }
+`, c = e`
+  mutation DeleteCustomerSatisfactionResponse($id: ID!) {
+    planmagnetDeleteCustomerSatisfactionResponse(id: $id)
+  }
+`, l = e`
+  mutation ImportCustomerSatisfactionResponses(
+    $input: PlanmagnetImportCustomerSatisfactionResponsesInput!
+  ) {
+    planmagnetImportCustomerSatisfactionResponses(input: $input) {
+      createdCount
+      skippedCount
+      skippedExternalIds
+    }
+  }
+`, u = ["CustomerSatisfactionSummary", "CustomerSatisfactionResponses"];
+//#endregion
+export { o as CREATE_CUSTOMER_SATISFACTION_RESPONSE, a as CUSTOMER_SATISFACTION_RELEASE_OPTIONS, i as CUSTOMER_SATISFACTION_RESPONSES, r as CUSTOMER_SATISFACTION_SUMMARY, c as DELETE_CUSTOMER_SATISFACTION_RESPONSE, l as IMPORT_CUSTOMER_SATISFACTION_RESPONSES, u as SATISFACTION_QUERIES, s as UPDATE_CUSTOMER_SATISFACTION_RESPONSE };
+
+//# sourceMappingURL=satisfactionOperations.js.map

package/dist/planmagnet/satisfaction/satisfactionOperations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"satisfactionOperations.js","names":[],"sources":["../../../src/planmagnet/satisfaction/satisfactionOperations.ts"],"sourcesContent":["import { gql } from '@apollo/client';\nimport type { SatisfactionMetricType, WindowPreset } from './satisfaction';\n\n/**\n * ANR-21 GraphQL documents: customer-satisfaction figures (CSAT and NPS), the responses behind them, and their writes.\n * Every document here has a twin in src/operations/wspace/planmagnet/{fragments,queries,mutations}/customerSatisfaction.graphql,\n * which `bun run codegen` validates against the planmagnet schema and CI's live-supergraph drift job validates against\n * what production serves; tests/satisfactionOperations.test.ts fails when the two copies differ.\n *\n * Every read is a query of its own (the PRM-01 rule): a section that cannot be read — a role without\n * `planmagnet-product:read`, or a gateway that does not serve a field yet — fails that card only, never the page or\n * the card it sits on (the delivery KPIs card keeps its on-time and scope figures if satisfaction fails).\n */\n\nconst SUMMARY_FIELDS = `\n  productId\n  releaseId\n  projectId\n  window {\n    preset\n    from\n    to\n  }\n  csat {\n    score\n    responseCount\n    satisfiedCount\n    minimumResponses\n    notEnoughResponses\n  }\n  nps {\n    score\n    responseCount\n    promoterCount\n    passiveCount\n    detractorCount\n    minimumResponses\n    notEnoughResponses\n  }\n`;\n\nconst RESPONSE_FIELDS = `\n  id\n  metricType\n  score\n  respondedAt\n  comment\n  isAnonymous\n  respondentName\n  respondentEmail\n  source\n  externalId\n  productId\n  releaseId\n  projectId\n  product {\n    id\n    name\n  }\n  release {\n    id\n    name\n    version\n  }\n  project {\n    id\n    name\n  }\n  createdAt\n  updatedAt\n`;\n\n// ─── Queries ────────────────────────────────────────────────────────────────\n\n/** CSAT and NPS for the workspace, or one product / release / project, over a window (default: trailing 90 days). */\nexport const CUSTOMER_SATISFACTION_SUMMARY = gql`\n  query CustomerSatisfactionSummary(\n    $workspaceId: ID!\n    $filter: PlanmagnetCustomerSatisfactionFilter\n  ) {\n    planmagnetCustomerSatisfaction(workspaceId: $workspaceId, filter: $filter) {\n      ${SUMMARY_FIELDS}\n    }\n  }\n`;\n\n/** One page of responses, newest answer first. */\nexport const CUSTOMER_SATISFACTION_RESPONSES = gql`\n  query CustomerSatisfactionResponses(\n    $workspaceId: ID!\n    $filter: PlanmagnetCustomerSatisfactionResponseFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetCustomerSatisfactionResponses(\n      workspaceId: $workspaceId\n      filter: $filter\n      pagination: $pagination\n    ) {\n      items {\n        ${RESPONSE_FIELDS}\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n/**\n * Releases for the release pickers, with their product: a response's release must belong to the product named with\n * it (or to no product), so the pickers offer only those. Paged — see useSatisfactionReleaseOptions.\n */\nexport const CUSTOMER_SATISFACTION_RELEASE_OPTIONS = gql`\n  query CustomerSatisfactionReleaseOptions(\n    $workspaceId: ID!\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        version\n        productId\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n    }\n  }\n`;\n\n// ─── Mutations ──────────────────────────────────────────────────────────────\n\nexport const CREATE_CUSTOMER_SATISFACTION_RESPONSE = gql`\n  mutation CreateCustomerSatisfactionResponse(\n    $input: PlanmagnetCreateCustomerSatisfactionResponseInput!\n  ) {\n    planmagnetCreateCustomerSatisfactionResponse(input: $input) {\n      ${RESPONSE_FIELDS}\n    }\n  }\n`;\n\nexport const UPDATE_CUSTOMER_SATISFACTION_RESPONSE = gql`\n  mutation UpdateCustomerSatisfactionResponse(\n    $id: ID!\n    $input: PlanmagnetUpdateCustomerSatisfactionResponseInput!\n  ) {\n    planmagnetUpdateCustomerSatisfactionResponse(id: $id, input: $input) {\n      ${RESPONSE_FIELDS}\n    }\n  }\n`;\n\nexport const DELETE_CUSTOMER_SATISFACTION_RESPONSE = gql`\n  mutation DeleteCustomerSatisfactionResponse($id: ID!) {\n    planmagnetDeleteCustomerSatisfactionResponse(id: $id)\n  }\n`;\n\nexport const IMPORT_CUSTOMER_SATISFACTION_RESPONSES = gql`\n  mutation ImportCustomerSatisfactionResponses(\n    $input: PlanmagnetImportCustomerSatisfactionResponsesInput!\n  ) {\n    planmagnetImportCustomerSatisfactionResponses(input: $input) {\n      createdCount\n      skippedCount\n      skippedExternalIds\n    }\n  }\n`;\n\n// ─── Refetch group ──────────────────────────────────────────────────────────\n\n/** Every query that shows a satisfaction figure or a response — refetched after any satisfaction write. */\nexport const SATISFACTION_QUERIES = [\n  'CustomerSatisfactionSummary',\n  'CustomerSatisfactionResponses',\n];\n\n// ─── Result shapes ──────────────────────────────────────────────────────────\n\nexport interface CsatFigure {\n  /** satisfiedCount * 100 / responseCount, exact. Null below minimumResponses — never 0. */\n  score: number | null;\n  responseCount: number;\n  satisfiedCount: number;\n  minimumResponses: number;\n  notEnoughResponses: boolean;\n}\n\nexport interface NpsFigure {\n  /** (promoters - detractors) * 100 / responseCount, exact, -100..100. Null below minimumResponses. */\n  score: number | null;\n  responseCount: number;\n  promoterCount: number;\n  passiveCount: number;\n  detractorCount: number;\n  minimumResponses: number;\n  notEnoughResponses: boolean;\n}\n\nexport interface SatisfactionWindowEcho {\n  preset: WindowPreset;\n  /** The start of the first UTC day counted. */\n  from: string;\n  /** The end of the last UTC day counted. */\n  to: string;\n}\n\nexport interface CustomerSatisfactionSummary {\n  productId: string | null;\n  releaseId: string | null;\n  projectId: string | null;\n  window: SatisfactionWindowEcho;\n  csat: CsatFigure;\n  nps: NpsFigure;\n}\n\nexport interface CustomerSatisfactionSummaryData {\n  planmagnetCustomerSatisfaction: CustomerSatisfactionSummary;\n}\n\nexport interface SatisfactionResponse {\n  id: string;\n  metricType: SatisfactionMetricType;\n  score: number;\n  respondedAt: string;\n  comment: string | null;\n  isAnonymous: boolean;\n  respondentName: string | null;\n  respondentEmail: string | null;\n  /** MANUAL | IMPORT — kept a string so a value added later still renders. */\n  source: string;\n  externalId: string | null;\n  productId: string | null;\n  releaseId: string | null;\n  projectId: string | null;\n  /** Null when there is no product link, or the product was deleted since. */\n  product: { id: string; name: string } | null;\n  release: { id: string; name: string; version: string } | null;\n  project: { id: string; name: string } | null;\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface CustomerSatisfactionResponsesData {\n  planmagnetCustomerSatisfactionResponses: {\n    items: SatisfactionResponse[];\n    pageInfo: { hasNextPage: boolean; endCursor: string | null };\n    totalCount: number;\n  };\n}\n\nexport interface SatisfactionReleaseOption {\n  id: string;\n  name: string;\n  version: string;\n  productId: string | null;\n}\n\nexport interface CustomerSatisfactionReleaseOptionsData {\n  planmagnetReleases: {\n    items: SatisfactionReleaseOption[];\n    pageInfo: { hasNextPage: boolean; endCursor: string | null };\n  };\n}\n\nexport interface ImportCustomerSatisfactionResult {\n  createdCount: number;\n  skippedCount: number;\n  skippedExternalIds: string[];\n}\n"],"mappings":";;AAcA,IAAM,IAAiB,8VA2BjB,IAAkB,mUAkCX,IAAgC,CAAG;;;;;;QAMxC,EAAe;;;GAMV,IAAkC,CAAG;;;;;;;;;;;;UAYxC,EAAgB;;;;;;;;;GAeb,IAAwC,CAAG;;;;;;;;;;;;;;;;;;GAsB3C,IAAwC,CAAG;;;;;QAKhD,EAAgB;;;GAKX,IAAwC,CAAG;;;;;;QAMhD,EAAgB;;;GAKX,IAAwC,CAAG;;;;GAM3C,IAAyC,CAAG;;;;;;;;;;GAe5C,IAAuB,CAClC,+BACA,gCACD"}

package/dist/planmagnet/satisfaction/useSatisfactionAccess.d.ts

@@ -0,0 +1,20 @@
+/**
+ * What the viewer may do with customer-satisfaction responses. Every satisfaction operation sits on the
+ * `planmagnet-product` RBAC resource: read for viewers (Quality Lead, Contributor, Stakeholder), create / update /
+ * delete for the product managers (PM, Delivery Owner, Portfolio Lead). Viewers get a read-only page: the write
+ * controls are not rendered for a permission the role does not hold.
+ *
+ * This only decides what is SHOWN — the gateway enforces every write, and a refusal is still shown verbatim. Where the
+ * permission set cannot be read (a host that mounts no PermissionProvider, or the RBAC read failed) the controls stay,
+ * as on the other product pages: the gateway decides, and the refusal says why. While it is still loading they are
+ * hidden, so a viewer never sees a control flash in and out.
+ */
+export interface SatisfactionAccess {
+    canCreate: boolean;
+    canUpdate: boolean;
+    canDelete: boolean;
+    /** True only when the viewer's permission set is known and allows none of the writes. */
+    readOnly: boolean;
+}
+export declare function useSatisfactionAccess(): SatisfactionAccess;
+//# sourceMappingURL=useSatisfactionAccess.d.ts.map

package/dist/planmagnet/satisfaction/useSatisfactionAccess.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSatisfactionAccess.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/useSatisfactionAccess.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,yFAAyF;IACzF,QAAQ,EAAE,OAAO,CAAC;CACnB;AAeD,wBAAgB,qBAAqB,IAAI,kBAAkB,CAe1D"}

package/dist/planmagnet/satisfaction/useSatisfactionAccess.js

@@ -0,0 +1,31 @@
+import { useSafePermissions as e } from "@burdenoff/fe-libs/shared/providers/shell/PermissionProvider";
+//#region src/planmagnet/satisfaction/useSatisfactionAccess.ts
+var t = {
+	canCreate: !0,
+	canUpdate: !0,
+	canDelete: !0,
+	readOnly: !1
+}, n = {
+	canCreate: !1,
+	canUpdate: !1,
+	canDelete: !1,
+	readOnly: !1
+};
+function r() {
+	let r = e();
+	if (!r) return t;
+	if (r.isSuperAdmin || r.permissions) {
+		let e = r.hasPermission("planmagnet-product:create"), t = r.hasPermission("planmagnet-product:update"), n = r.hasPermission("planmagnet-product:delete");
+		return {
+			canCreate: e,
+			canUpdate: t,
+			canDelete: n,
+			readOnly: !e && !t && !n
+		};
+	}
+	return r.error ? t : n;
+}
+//#endregion
+export { r as useSatisfactionAccess };
+
+//# sourceMappingURL=useSatisfactionAccess.js.map

package/dist/planmagnet/satisfaction/useSatisfactionAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSatisfactionAccess.js","names":[],"sources":["../../../src/planmagnet/satisfaction/useSatisfactionAccess.ts"],"sourcesContent":["import { useSafePermissions } from '@burdenoff/fe-libs/shared/providers/shell/PermissionProvider';\n\n/**\n * What the viewer may do with customer-satisfaction responses. Every satisfaction operation sits on the\n * `planmagnet-product` RBAC resource: read for viewers (Quality Lead, Contributor, Stakeholder), create / update /\n * delete for the product managers (PM, Delivery Owner, Portfolio Lead). Viewers get a read-only page: the write\n * controls are not rendered for a permission the role does not hold.\n *\n * This only decides what is SHOWN — the gateway enforces every write, and a refusal is still shown verbatim. Where the\n * permission set cannot be read (a host that mounts no PermissionProvider, or the RBAC read failed) the controls stay,\n * as on the other product pages: the gateway decides, and the refusal says why. While it is still loading they are\n * hidden, so a viewer never sees a control flash in and out.\n */\nexport interface SatisfactionAccess {\n  canCreate: boolean;\n  canUpdate: boolean;\n  canDelete: boolean;\n  /** True only when the viewer's permission set is known and allows none of the writes. */\n  readOnly: boolean;\n}\n\nconst EVERYTHING: SatisfactionAccess = {\n  canCreate: true,\n  canUpdate: true,\n  canDelete: true,\n  readOnly: false,\n};\nconst NOTHING: SatisfactionAccess = {\n  canCreate: false,\n  canUpdate: false,\n  canDelete: false,\n  readOnly: false,\n};\n\nexport function useSatisfactionAccess(): SatisfactionAccess {\n  const permissions = useSafePermissions();\n  // No provider (a standalone mount): the gateway decides.\n  if (!permissions) return EVERYTHING;\n  // A permission set is at hand (a super admin's bypass has none, and every check passes).\n  if (permissions.isSuperAdmin || permissions.permissions) {\n    const canCreate = permissions.hasPermission('planmagnet-product:create');\n    const canUpdate = permissions.hasPermission('planmagnet-product:update');\n    const canDelete = permissions.hasPermission('planmagnet-product:delete');\n    return { canCreate, canUpdate, canDelete, readOnly: !canCreate && !canUpdate && !canDelete };\n  }\n  // The RBAC read failed: the gateway decides, and a refusal says why.\n  if (permissions.error) return EVERYTHING;\n  // Still loading.\n  return NOTHING;\n}\n"],"mappings":";;AAqBA,IAAM,IAAiC;CACrC,WAAW;CACX,WAAW;CACX,WAAW;CACX,UAAU;CACX,EACK,IAA8B;CAClC,WAAW;CACX,WAAW;CACX,WAAW;CACX,UAAU;CACX;AAED,SAAgB,IAA4C;CAC1D,IAAM,IAAc,GAAoB;AAExC,KAAI,CAAC,EAAa,QAAO;AAEzB,KAAI,EAAY,gBAAgB,EAAY,aAAa;EACvD,IAAM,IAAY,EAAY,cAAc,4BAA4B,EAClE,IAAY,EAAY,cAAc,4BAA4B,EAClE,IAAY,EAAY,cAAc,4BAA4B;AACxE,SAAO;GAAE;GAAW;GAAW;GAAW,UAAU,CAAC,KAAa,CAAC,KAAa,CAAC;GAAW;;AAK9F,QAFI,EAAY,QAAc,IAEvB"}

package/dist/planmagnet/skills/RequiredSkillsEditor.d.ts

@@ -0,0 +1,35 @@
+/**
+ * The required-skills tag editor (ANR-07, ANR-28) on the task create and edit pages and the board's bulk edit. It is
+ * controlled: the page owns the list and sends it with its own save. Enter, a comma or leaving the box adds what was
+ * typed (a pasted comma- or line-separated list adds several); the × on a chip removes it. The service's write rules
+ * are applied as the user types (see skillTags.ts), and a refusal the service still returns — BAD_USER_INPUT tagged
+ * `requiredSkills` — is passed back in as `serverError` and shown on the field.
+ */
+export declare function RequiredSkillsEditor({ id, value, onChange, disabled, serverError, hint, }: {
+    /** The text box's id, for the page's own `<label htmlFor>`. */
+    id: string;
+    value: readonly string[];
+    onChange: (next: string[]) => void;
+    disabled?: boolean;
+    /** The service's reason for refusing this field on the last save, shown inline until the list changes. */
+    serverError?: string | null;
+    /** Replaces the standard hint under the box. */
+    hint?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * The labelled "Required skills" field of a task form: the editor, or — on the edit page, while the saved list is
+ * loading or when it could not be loaded — a line saying so with the editor disabled, so a list the user never saw
+ * is never edited (or sent) blind.
+ */
+export declare function RequiredSkillsField({ id, value, onChange, disabled, serverError, loading, loadError, }: {
+    id: string;
+    value: readonly string[];
+    onChange: (next: string[]) => void;
+    disabled?: boolean;
+    serverError?: string | null;
+    /** The saved list is still loading (edit page). */
+    loading?: boolean;
+    /** The saved list could not be loaded (edit page). */
+    loadError?: string | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RequiredSkillsEditor.d.ts.map

package/dist/planmagnet/skills/RequiredSkillsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredSkillsEditor.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/skills/RequiredSkillsEditor.tsx"],"names":[],"mappings":"AAYA;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAkB,EAClB,IAAI,GACL,EAAE;IACD,+DAA+D;IAC/D,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,2CA4GA;AA6BD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,WAAkB,EAClB,OAAe,EACf,SAAgB,GACjB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B,2CA6BA"}

package/dist/planmagnet/skills/RequiredSkillsEditor.js

@@ -0,0 +1,124 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { addSkillTags as t, removeSkillAt as n, skillKey as r } from "./skillTags.js";
+import { useState as i } from "react";
+import { Plus as a, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Input as d } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/skills/RequiredSkillsEditor.tsx
+function f({ id: f, value: m, onChange: h, disabled: g = !1, serverError: _ = null, hint: v }) {
+	let y = e(), [b, x] = i(""), [S, C] = i(null), w = m.length >= 20, T = () => {
+		if (!b.trim()) {
+			b && x("");
+			return;
+		}
+		let e = t(m, b);
+		e.skills.length !== m.length && h(e.skills), x(e.rest), C(e.problem);
+	}, E = (e) => {
+		C(null), h(n(m, e));
+	}, D = (S ? p(S, y) : null) ?? _, O = `${f}-error`, k = `${f}-hint`, A = y("planmagnet.skills.editor.count", "{{count}} of {{max}}", {
+		count: m.length,
+		max: 20
+	});
+	return /* @__PURE__ */ c("div", {
+		className: "mt-1 space-y-2",
+		"data-testid": "required-skills-editor",
+		children: [
+			m.length > 0 && /* @__PURE__ */ s("ul", {
+				className: "flex flex-wrap gap-1",
+				"aria-label": y("planmagnet.skills.editor.listLabel", "Required skills"),
+				children: m.map((e, t) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ c(l, {
+					variant: "secondary",
+					className: "gap-1 pr-1 font-normal",
+					children: [/* @__PURE__ */ s("span", { children: e }), /* @__PURE__ */ s("button", {
+						type: "button",
+						className: "rounded-full p-0.5 hover:bg-muted disabled:opacity-50",
+						onClick: () => E(t),
+						disabled: g,
+						"aria-label": y("planmagnet.skills.editor.remove", "Remove {{skill}}", { skill: e }),
+						children: /* @__PURE__ */ s(o, {
+							className: "h-3 w-3",
+							"aria-hidden": !0
+						})
+					})]
+				}) }, `${r(e)}-${t}`))
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ s(d, {
+					id: f,
+					value: b,
+					disabled: g || w,
+					placeholder: w ? y("planmagnet.skills.editor.fullPlaceholder", "Remove a skill to add another") : y("planmagnet.skills.editor.placeholder", "e.g. React, PostgreSQL"),
+					"aria-invalid": D ? !0 : void 0,
+					"aria-describedby": D ? O : k,
+					onChange: (e) => {
+						x(e.target.value), C(null);
+					},
+					onKeyDown: (e) => {
+						e.nativeEvent.isComposing || (e.key === "Enter" || e.key === ",") && (e.preventDefault(), T());
+					},
+					onBlur: T
+				}), /* @__PURE__ */ c(u, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: T,
+					disabled: g || w || !b.trim(),
+					children: [/* @__PURE__ */ s(a, {
+						className: "mr-1 h-4 w-4",
+						"aria-hidden": !0
+					}), y("planmagnet.skills.editor.add", "Add")]
+				})]
+			}),
+			D ? /* @__PURE__ */ s("p", {
+				id: O,
+				role: "alert",
+				className: "text-xs text-destructive",
+				children: D
+			}) : /* @__PURE__ */ c("p", {
+				id: k,
+				className: "text-xs text-muted-foreground",
+				children: [
+					A,
+					" ·",
+					" ",
+					v ?? y("planmagnet.skills.editor.hint", "Press Enter or type a comma to add a skill. Matched against people’s skills in CrewFoundry, ignoring case.")
+				]
+			})
+		]
+	});
+}
+function p(e, t) {
+	switch (e.kind) {
+		case "duplicate": return t("planmagnet.skills.editor.duplicate", "“{{skill}}” is already on the list.", { skill: e.skill });
+		case "tooLong": return t("planmagnet.skills.editor.tooLong", "A skill can be at most {{max}} characters long.", { max: e.max });
+		case "tooMany": return t("planmagnet.skills.editor.tooMany", "A task can require at most {{max}} skills.", { max: e.max });
+		case "invalid": return t("planmagnet.skills.editor.invalid", "A skill can only contain printable characters.");
+	}
+}
+function m({ id: t, value: n, onChange: r, disabled: i = !1, serverError: a = null, loading: o = !1, loadError: l = null }) {
+	let u = e();
+	return /* @__PURE__ */ c("div", {
+		"data-testid": "required-skills-field",
+		children: [/* @__PURE__ */ s("label", {
+			htmlFor: t,
+			className: "text-sm font-medium",
+			children: u("planmagnet.skills.editor.label", "Required skills")
+		}), l ? /* @__PURE__ */ s("p", {
+			role: "alert",
+			className: "mt-1 text-xs text-destructive",
+			children: u("planmagnet.skills.editor.loadError", "Required skills could not be loaded, so they can’t be changed here right now: {{message}}", { message: l })
+		}) : /* @__PURE__ */ s(f, {
+			id: t,
+			value: n,
+			onChange: r,
+			disabled: i || o,
+			serverError: a,
+			hint: o ? u("planmagnet.skills.editor.loading", "Loading required skills…") : void 0
+		})]
+	});
+}
+//#endregion
+export { f as RequiredSkillsEditor, m as RequiredSkillsField };
+
+//# sourceMappingURL=RequiredSkillsEditor.js.map

package/dist/planmagnet/skills/RequiredSkillsEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredSkillsEditor.js","names":[],"sources":["../../../src/planmagnet/skills/RequiredSkillsEditor.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Plus, X } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport {\n  MAX_REQUIRED_SKILLS,\n  addSkillTags,\n  removeSkillAt,\n  skillKey,\n  type SkillTagProblem,\n} from './skillTags';\n\n/**\n * The required-skills tag editor (ANR-07, ANR-28) on the task create and edit pages and the board's bulk edit. It is\n * controlled: the page owns the list and sends it with its own save. Enter, a comma or leaving the box adds what was\n * typed (a pasted comma- or line-separated list adds several); the × on a chip removes it. The service's write rules\n * are applied as the user types (see skillTags.ts), and a refusal the service still returns — BAD_USER_INPUT tagged\n * `requiredSkills` — is passed back in as `serverError` and shown on the field.\n */\nexport function RequiredSkillsEditor({\n  id,\n  value,\n  onChange,\n  disabled = false,\n  serverError = null,\n  hint,\n}: {\n  /** The text box's id, for the page's own `<label htmlFor>`. */\n  id: string;\n  value: readonly string[];\n  onChange: (next: string[]) => void;\n  disabled?: boolean;\n  /** The service's reason for refusing this field on the last save, shown inline until the list changes. */\n  serverError?: string | null;\n  /** Replaces the standard hint under the box. */\n  hint?: string;\n}) {\n  const tr = useTr();\n  const [text, setText] = useState('');\n  const [problem, setProblem] = useState<SkillTagProblem | null>(null);\n  const full = value.length >= MAX_REQUIRED_SKILLS;\n\n  const commit = () => {\n    if (!text.trim()) {\n      if (text) setText('');\n      return;\n    }\n    const result = addSkillTags(value, text);\n    if (result.skills.length !== value.length) onChange(result.skills);\n    setText(result.rest);\n    setProblem(result.problem);\n  };\n\n  const remove = (index: number) => {\n    setProblem(null);\n    onChange(removeSkillAt(value, index));\n  };\n\n  const problemText = problem ? describeProblem(problem, tr) : null;\n  const error = problemText ?? serverError;\n  const errorId = `${id}-error`;\n  const hintId = `${id}-hint`;\n  const counter = tr('planmagnet.skills.editor.count', '{{count}} of {{max}}', {\n    count: value.length,\n    max: MAX_REQUIRED_SKILLS,\n  });\n\n  return (\n    <div className=\"mt-1 space-y-2\" data-testid=\"required-skills-editor\">\n      {value.length > 0 && (\n        <ul\n          className=\"flex flex-wrap gap-1\"\n          aria-label={tr('planmagnet.skills.editor.listLabel', 'Required skills')}\n        >\n          {value.map((skill, index) => (\n            <li key={`${skillKey(skill)}-${index}`}>\n              <Badge variant=\"secondary\" className=\"gap-1 pr-1 font-normal\">\n                <span>{skill}</span>\n                <button\n                  type=\"button\"\n                  className=\"rounded-full p-0.5 hover:bg-muted disabled:opacity-50\"\n                  onClick={() => remove(index)}\n                  disabled={disabled}\n                  aria-label={tr('planmagnet.skills.editor.remove', 'Remove {{skill}}', { skill })}\n                >\n                  <X className=\"h-3 w-3\" aria-hidden={true} />\n                </button>\n              </Badge>\n            </li>\n          ))}\n        </ul>\n      )}\n      <div className=\"flex gap-2\">\n        <Input\n          id={id}\n          value={text}\n          disabled={disabled || full}\n          placeholder={\n            full\n              ? tr('planmagnet.skills.editor.fullPlaceholder', 'Remove a skill to add another')\n              : tr('planmagnet.skills.editor.placeholder', 'e.g. React, PostgreSQL')\n          }\n          aria-invalid={error ? true : undefined}\n          aria-describedby={error ? errorId : hintId}\n          onChange={(e) => {\n            setText(e.target.value);\n            setProblem(null);\n          }}\n          onKeyDown={(e) => {\n            if (e.nativeEvent.isComposing) return;\n            if (e.key === 'Enter' || e.key === ',') {\n              e.preventDefault();\n              commit();\n            }\n          }}\n          onBlur={commit}\n        />\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={commit}\n          disabled={disabled || full || !text.trim()}\n        >\n          <Plus className=\"mr-1 h-4 w-4\" aria-hidden={true} />\n          {tr('planmagnet.skills.editor.add', 'Add')}\n        </Button>\n      </div>\n      {error ? (\n        <p id={errorId} role=\"alert\" className=\"text-xs text-destructive\">\n          {error}\n        </p>\n      ) : (\n        <p id={hintId} className=\"text-xs text-muted-foreground\">\n          {counter} ·{' '}\n          {hint ??\n            tr(\n              'planmagnet.skills.editor.hint',\n              'Press Enter or type a comma to add a skill. Matched against people’s skills in CrewFoundry, ignoring case.'\n            )}\n        </p>\n      )}\n    </div>\n  );\n}\n\nfunction describeProblem(\n  problem: SkillTagProblem,\n  tr: (key: string, fallback: string, params?: Record<string, string | number>) => string\n): string {\n  switch (problem.kind) {\n    case 'duplicate':\n      return tr('planmagnet.skills.editor.duplicate', '“{{skill}}” is already on the list.', {\n        skill: problem.skill,\n      });\n    case 'tooLong':\n      return tr(\n        'planmagnet.skills.editor.tooLong',\n        'A skill can be at most {{max}} characters long.',\n        { max: problem.max }\n      );\n    case 'tooMany':\n      return tr('planmagnet.skills.editor.tooMany', 'A task can require at most {{max}} skills.', {\n        max: problem.max,\n      });\n    case 'invalid':\n      return tr(\n        'planmagnet.skills.editor.invalid',\n        'A skill can only contain printable characters.'\n      );\n  }\n}\n\n/**\n * The labelled \"Required skills\" field of a task form: the editor, or — on the edit page, while the saved list is\n * loading or when it could not be loaded — a line saying so with the editor disabled, so a list the user never saw\n * is never edited (or sent) blind.\n */\nexport function RequiredSkillsField({\n  id,\n  value,\n  onChange,\n  disabled = false,\n  serverError = null,\n  loading = false,\n  loadError = null,\n}: {\n  id: string;\n  value: readonly string[];\n  onChange: (next: string[]) => void;\n  disabled?: boolean;\n  serverError?: string | null;\n  /** The saved list is still loading (edit page). */\n  loading?: boolean;\n  /** The saved list could not be loaded (edit page). */\n  loadError?: string | null;\n}) {\n  const tr = useTr();\n  return (\n    <div data-testid=\"required-skills-field\">\n      <label htmlFor={id} className=\"text-sm font-medium\">\n        {tr('planmagnet.skills.editor.label', 'Required skills')}\n      </label>\n      {loadError ? (\n        <p role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n          {tr(\n            'planmagnet.skills.editor.loadError',\n            'Required skills could not be loaded, so they can’t be changed here right now: {{message}}',\n            { message: loadError }\n          )}\n        </p>\n      ) : (\n        <RequiredSkillsEditor\n          id={id}\n          value={value}\n          onChange={onChange}\n          disabled={disabled || loading}\n          serverError={serverError}\n          hint={\n            loading ? tr('planmagnet.skills.editor.loading', 'Loading required skills…') : undefined\n          }\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/skills/SkillChips.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+
+/** Read-only skill chips. Renders nothing for an empty list: the caller says what "none" means in its context. */
+export declare function SkillChipList({ skills, label, testId, }: {
+    skills: readonly string[];
+    /** Accessible name of the list, e.g. "Required skills". */
+    label: string;
+    testId?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+/**
+ * A link to a person's CrewFoundry profile, where their skills are edited. CrewFoundry owns people's skills
+ * (owner decision 2026-10-02): PlanMagnet shows them read-only and never offers to change them itself.
+ */
+export declare function CrewFoundryProfileLink({ employeeId, name, children, className, }: {
+    employeeId: string;
+    name: string;
+    children?: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * One person's CrewFoundry skills (read-only chips) with a link to edit them in CrewFoundry — the sprint capacity
+ * views (ANR-07). An empty list says so rather than showing nothing, since "no skills recorded" is worth knowing
+ * when planning who can take what.
+ */
+export declare function MemberSkills({ skills, employeeId, employeeName, }: {
+    skills: readonly string[];
+    employeeId: string;
+    employeeName: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SkillChips.d.ts.map

package/dist/planmagnet/skills/SkillChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillChips.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/skills/SkillChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,kHAAkH;AAClH,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE;IACD,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,kDAaA;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,SAAS,GACV,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuBA;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAU,EACV,YAAY,GACb,EAAE;IACD,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACtB,2CAiBA"}

package/dist/planmagnet/skills/SkillChips.js

@@ -0,0 +1,57 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { crewFoundryEmployeeUrl as t, skillKey as n } from "./skillTags.js";
+import { ExternalLink as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Badge as o } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/skills/SkillChips.tsx
+function s() {
+	return typeof window > "u" ? "" : window.location.hostname;
+}
+function c({ skills: e, label: t, testId: r }) {
+	return e.length === 0 ? null : /* @__PURE__ */ i("ul", {
+		className: "flex flex-wrap gap-1",
+		"aria-label": t,
+		"data-testid": r,
+		children: e.map((e, t) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(o, {
+			variant: "secondary",
+			className: "font-normal",
+			children: e
+		}) }, `${n(e)}-${t}`))
+	});
+}
+function l({ employeeId: n, name: o, children: c, className: l }) {
+	let u = e()("planmagnet.skills.crewfoundry.openProfile", "Open {{name}} in CrewFoundry, where skills are edited", { name: o });
+	return /* @__PURE__ */ a("a", {
+		href: t(n, s()),
+		target: "_blank",
+		rel: "noopener noreferrer",
+		title: u,
+		"aria-label": c ? void 0 : u,
+		className: l ?? "inline-flex items-center gap-1 text-xs text-primary underline-offset-2 hover:underline",
+		children: [c, /* @__PURE__ */ i(r, {
+			className: "h-3 w-3 shrink-0",
+			"aria-hidden": !0
+		})]
+	});
+}
+function u({ skills: t, employeeId: n, employeeName: r }) {
+	let o = e();
+	return /* @__PURE__ */ a("div", {
+		className: "mt-1 flex flex-wrap items-center gap-1",
+		"data-testid": "member-skills",
+		children: [t.length > 0 ? /* @__PURE__ */ i(c, {
+			skills: t,
+			label: o("planmagnet.skills.member.label", "{{name}}’s skills", { name: r })
+		}) : /* @__PURE__ */ i("span", {
+			className: "text-xs text-muted-foreground",
+			children: o("planmagnet.skills.member.none", "No skills in CrewFoundry")
+		}), /* @__PURE__ */ i(l, {
+			employeeId: n,
+			name: r
+		})]
+	});
+}
+//#endregion
+export { l as CrewFoundryProfileLink, u as MemberSkills, c as SkillChipList };
+
+//# sourceMappingURL=SkillChips.js.map

package/dist/planmagnet/skills/SkillChips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillChips.js","names":[],"sources":["../../../src/planmagnet/skills/SkillChips.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { ExternalLink } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { crewFoundryEmployeeUrl, skillKey } from './skillTags';\n\n/** The page's host name, for links into CrewFoundry in the same environment. */\nfunction currentHostname(): string {\n  return typeof window === 'undefined' ? '' : window.location.hostname;\n}\n\n/** Read-only skill chips. Renders nothing for an empty list: the caller says what \"none\" means in its context. */\nexport function SkillChipList({\n  skills,\n  label,\n  testId,\n}: {\n  skills: readonly string[];\n  /** Accessible name of the list, e.g. \"Required skills\". */\n  label: string;\n  testId?: string;\n}) {\n  if (skills.length === 0) return null;\n  return (\n    <ul className=\"flex flex-wrap gap-1\" aria-label={label} data-testid={testId}>\n      {skills.map((skill, index) => (\n        <li key={`${skillKey(skill)}-${index}`}>\n          <Badge variant=\"secondary\" className=\"font-normal\">\n            {skill}\n          </Badge>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\n/**\n * A link to a person's CrewFoundry profile, where their skills are edited. CrewFoundry owns people's skills\n * (owner decision 2026-10-02): PlanMagnet shows them read-only and never offers to change them itself.\n */\nexport function CrewFoundryProfileLink({\n  employeeId,\n  name,\n  children,\n  className,\n}: {\n  employeeId: string;\n  name: string;\n  children?: ReactNode;\n  className?: string;\n}) {\n  const tr = useTr();\n  const title = tr(\n    'planmagnet.skills.crewfoundry.openProfile',\n    'Open {{name}} in CrewFoundry, where skills are edited',\n    { name }\n  );\n  return (\n    <a\n      href={crewFoundryEmployeeUrl(employeeId, currentHostname())}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={title}\n      aria-label={children ? undefined : title}\n      className={\n        className ??\n        'inline-flex items-center gap-1 text-xs text-primary underline-offset-2 hover:underline'\n      }\n    >\n      {children}\n      <ExternalLink className=\"h-3 w-3 shrink-0\" aria-hidden={true} />\n    </a>\n  );\n}\n\n/**\n * One person's CrewFoundry skills (read-only chips) with a link to edit them in CrewFoundry — the sprint capacity\n * views (ANR-07). An empty list says so rather than showing nothing, since \"no skills recorded\" is worth knowing\n * when planning who can take what.\n */\nexport function MemberSkills({\n  skills,\n  employeeId,\n  employeeName,\n}: {\n  skills: readonly string[];\n  employeeId: string;\n  employeeName: string;\n}) {\n  const tr = useTr();\n  return (\n    <div className=\"mt-1 flex flex-wrap items-center gap-1\" data-testid=\"member-skills\">\n      {skills.length > 0 ? (\n        <SkillChipList\n          skills={skills}\n          label={tr('planmagnet.skills.member.label', '{{name}}’s skills', { name: employeeName })}\n        />\n      ) : (\n        <span className=\"text-xs text-muted-foreground\">\n          {tr('planmagnet.skills.member.none', 'No skills in CrewFoundry')}\n        </span>\n      )}\n      <CrewFoundryProfileLink employeeId={employeeId} name={employeeName} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAS,IAA0B;AACjC,QAAO,OAAO,SAAW,MAAc,KAAK,OAAO,SAAS;;AAI9D,SAAgB,EAAc,EAC5B,WACA,UACA,aAMC;AAED,QADI,EAAO,WAAW,IAAU,OAE9B,kBAAC,MAAD;EAAI,WAAU;EAAuB,cAAY;EAAO,eAAa;YAClE,EAAO,KAAK,GAAO,MAClB,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;GAAO,SAAQ;GAAY,WAAU;aAClC;GACK,CAAA,EACL,EAJI,GAAG,EAAS,EAAM,CAAC,GAAG,IAI1B,CACL;EACC,CAAA;;AAQT,SAAgB,EAAuB,EACrC,eACA,SACA,aACA,gBAMC;CAED,IAAM,IADK,GAAO,CAEhB,6CACA,yDACA,EAAE,SAAM,CACT;AACD,QACE,kBAAC,KAAD;EACE,MAAM,EAAuB,GAAY,GAAiB,CAAC;EAC3D,QAAO;EACP,KAAI;EACG;EACP,cAAY,IAAW,KAAA,IAAY;EACnC,WACE,KACA;YARJ,CAWG,GACD,kBAAC,GAAD;GAAc,WAAU;GAAmB,eAAa;GAAQ,CAAA,CAC9D;;;AASR,SAAgB,EAAa,EAC3B,WACA,eACA,mBAKC;CACD,IAAM,IAAK,GAAO;AAClB,QACE,kBAAC,OAAD;EAAK,WAAU;EAAyC,eAAY;YAApE,CACG,EAAO,SAAS,IACf,kBAAC,GAAD;GACU;GACR,OAAO,EAAG,kCAAkC,qBAAqB,EAAE,MAAM,GAAc,CAAC;GACxF,CAAA,GAEF,kBAAC,QAAD;GAAM,WAAU;aACb,EAAG,iCAAiC,2BAA2B;GAC3D,CAAA,EAET,kBAAC,GAAD;GAAoC;GAAY,MAAM;GAAgB,CAAA,CAClE"}

package/dist/planmagnet/skills/SkillCoverageCard.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Skills coverage (ANR-07 skill view on the project manager dashboard, ANR-28 skill utilization on the team
+ * dashboard): per skill, the open work items that require it (`WorkItem.requiredSkills`), how much of that work is
+ * assigned, and which members are qualified by their CrewFoundry skills. UNCOVERED rows come first.
+ *
+ * Honest by construction: when CrewFoundry or the workspace member list cannot be read, the service reports every
+ * skill with demand as UNKNOWN (never UNCOVERED) and this card says why above the list; a truncated scan says the
+ * demand figures are partial; an empty result says what "nothing" means here. Nothing renders as an "all good".
+ * Utilization is counts and story points only — hours-based skill utilization waits for a per-person capacity
+ * baseline in CrewFoundry (CWF-28), and the card says so. People's skills are read-only here (CrewFoundry owns
+ * them); each name links to the person's CrewFoundry profile.
+ *
+ * Reads are gated like the dashboards' other cards: the gateway enforces `planmagnet-project:read` and a refusal
+ * shows as "You do not have access" (DashboardCard).
+ */
+export declare function SkillCoverageCard({ workspaceId, projectId, teamId, sprintId, notReadyMessage, }: {
+    workspaceId?: string | null;
+    projectId?: string | null;
+    teamId?: string | null;
+    sprintId?: string | null;
+    /** Shown until the page's project / team is picked. */
+    notReadyMessage: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SkillCoverageCard.d.ts.map

package/dist/planmagnet/skills/SkillCoverageCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkillCoverageCard.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/skills/SkillCoverageCard.tsx"],"names":[],"mappings":"AA0BA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,EACR,eAAe,GAChB,EAAE;IACD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,uDAAuD;IACvD,eAAe,EAAE,MAAM,CAAC;CACzB,2CA2LA"}