synapse-react-client 4.0.26 → 4.0.28

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.js

@@ -0,0 +1,134 @@
+import e from "../../../../synapse-queries/entity/useEntityBundle.js";
+import { TASK_STATUS_CONFIG as t } from "../../../entity/metadata-task/utils/constants.js";
+import { parseDueDate as n } from "../../../entity/metadata-task/utils/dueDate.js";
+import r from "./CurationTaskCard.module.js";
+import i from "./shared.module.js";
+import a from "./UserOrTeamChip.js";
+import { useState as o } from "react";
+import { Card as s, Chip as c, Collapse as l, Divider as u, IconButton as d, Skeleton as f, Typography as p } from "@mui/material";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { useNavigate as _ } from "react-router";
+import v from "dayjs";
+import y from "dayjs/plugin/utc";
+import b from "classnames";
+import x from "@mui/icons-material/SettingsOutlined";
+//#region src/features/curator/dashboard/components/CurationTaskCardLayout.tsx
+v.extend(y);
+function S(e) {
+	let { label: t } = e;
+	return /* @__PURE__ */ h(c, {
+		sx: {
+			fontWeight: 600,
+			backgroundColor: "#BFD3ED"
+		},
+		label: t
+	});
+}
+function C(e) {
+	let { state: n } = e;
+	if (!n) return null;
+	let { label: r, backgroundColor: i } = t[n];
+	return /* @__PURE__ */ h(c, {
+		size: "small",
+		sx: {
+			fontWeight: 600,
+			backgroundColor: i
+		},
+		label: r
+	});
+}
+function w(e) {
+	let { dueDate: t } = e, r = n(t);
+	if (!r) return null;
+	let i = r.diff(v.utc().startOf("day"), "day"), a = r.format("MM/DD/YY"), o = "#E0E0E0";
+	return i < 0 ? o = "#FFCDD2" : i < 30 && (o = "#FFF9C4"), /* @__PURE__ */ h(c, {
+		size: "small",
+		sx: {
+			fontWeight: 600,
+			backgroundColor: o
+		},
+		label: `Due ${a}`
+	});
+}
+function T(e) {
+	return {
+		title: e?.dataType ?? "",
+		description: e?.instructions ?? "",
+		principalIds: e?.assigneePrincipalId ? [e.assigneePrincipalId] : []
+	};
+}
+function E(t) {
+	let { taskBundle: n, title: c, description: v, taskType: y, principalIds: T, renderActionButton: E } = t, D = _(), [O, k] = o(!1), A = n.task?.taskId, j = n.task?.projectId, { data: M } = e(j, void 0, {
+		includeEntity: !0,
+		includePermissions: !0
+	}), N = M?.permissions?.canEdit ?? !1;
+	return /* @__PURE__ */ g(s, {
+		className: b(i.card, r.card),
+		children: [/* @__PURE__ */ g("div", {
+			className: r.cardContent,
+			children: [
+				/* @__PURE__ */ g("div", {
+					className: r.mainContent,
+					children: [
+						/* @__PURE__ */ g("div", {
+							className: r.titleChipContainer,
+							children: [
+								/* @__PURE__ */ h(p, {
+									variant: "headline3",
+									className: r.title,
+									onClick: () => k(!O),
+									children: c
+								}),
+								y && /* @__PURE__ */ h(S, { label: y }),
+								N && /* @__PURE__ */ h(d, {
+									onClick: () => void D(`edit/${A}`),
+									"aria-label": "Task settings",
+									children: /* @__PURE__ */ h(x, {})
+								})
+							]
+						}),
+						/* @__PURE__ */ g("div", {
+							className: r.entityInfo,
+							children: [M?.entity?.name ? /* @__PURE__ */ h(p, {
+								variant: "body1",
+								children: M.entity.name
+							}) : /* @__PURE__ */ h(f, { width: 100 }), A && /* @__PURE__ */ g(p, {
+								variant: "body1",
+								children: ["Task ID: ", A]
+							})]
+						}),
+						/* @__PURE__ */ h("div", {
+							className: r.userChipContainer,
+							children: T.map((e) => /* @__PURE__ */ h(a, { principalId: e }, e))
+						})
+					]
+				}),
+				/* @__PURE__ */ g("div", {
+					className: r.statusContainer,
+					children: [/* @__PURE__ */ h(C, { state: n.status?.state }), /* @__PURE__ */ h(w, { dueDate: n.status?.dueDate })]
+				}),
+				!O && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, {
+					orientation: "vertical",
+					flexItem: !0,
+					sx: { display: {
+						xs: "none",
+						md: "block"
+					} }
+				}), E({ expanded: !1 })] })
+			]
+		}), /* @__PURE__ */ h(l, {
+			in: O,
+			children: /* @__PURE__ */ g("div", {
+				className: r.expandedContent,
+				children: [v && /* @__PURE__ */ h(p, {
+					variant: "body1",
+					children: v
+				}), E({ expanded: !0 })]
+			})
+		})]
+	});
+}
+//#endregion
+export { E as default, T as deriveCardFields };
+
+//# sourceMappingURL=CurationTaskCardLayout.js.map

package/dist/features/curator/dashboard/components/CurationTaskCardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCardLayout.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCardLayout.tsx"],"sourcesContent":["import {\n  Card,\n  Chip,\n  Collapse,\n  Divider,\n  IconButton,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  TaskBundle,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { useNavigate } from 'react-router'\nimport dayjs from 'dayjs'\nimport utc from 'dayjs/plugin/utc'\nimport SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { TASK_STATUS_CONFIG } from '@/features/entity/metadata-task/utils/constants'\nimport { parseDueDate } from '@/features/entity/metadata-task/utils/dueDate'\nimport styles from './CurationTaskCard.module.scss'\nimport sharedStyles from './shared.module.scss'\nimport UserOrTeamChip from './UserOrTeamChip'\n\ndayjs.extend(utc)\n\nfunction TaskTypeChip(props: { label: string }) {\n  const { label } = props\n  return (\n    <Chip sx={{ fontWeight: 600, backgroundColor: '#BFD3ED' }} label={label} />\n  )\n}\n\n/**\n * A chip to display CurationTask status.\n *\n * See {@link https://www.figma.com/design/0oPm5lLSUva8kyfVNMS6FA/Sage-Style---Component-Library--SDS-?node-id=4942-1129&m=dev}\n */\nfunction TaskStatusChip(props: { state: TaskStatusStateEnum | undefined }) {\n  const { state } = props\n  if (!state) return null\n  const { label, backgroundColor } = TASK_STATUS_CONFIG[state]\n  return (\n    <Chip\n      size=\"small\"\n      sx={{ fontWeight: 600, backgroundColor }}\n      label={label}\n    />\n  )\n}\n\nfunction DueDateChip(props: { dueDate: string | undefined }) {\n  const { dueDate } = props\n  const dueDateObj = parseDueDate(dueDate)\n  if (!dueDateObj) return null\n\n  const daysUntilDue = dueDateObj.diff(dayjs.utc().startOf('day'), 'day')\n  const formattedDate = dueDateObj.format('MM/DD/YY')\n\n  let backgroundColor = '#E0E0E0'\n  if (daysUntilDue < 0) {\n    backgroundColor = '#FFCDD2'\n  } else if (daysUntilDue < 30) {\n    backgroundColor = '#FFF9C4'\n  }\n\n  return (\n    <Chip\n      size=\"small\"\n      sx={{ fontWeight: 600, backgroundColor }}\n      label={`Due ${formattedDate}`}\n    />\n  )\n}\n\nexport type CurationTaskCardLayoutProps = {\n  taskBundle: TaskBundle\n  title: string\n  description: string\n  taskType: string\n  principalIds: string[]\n  /** Renders the action button. `expanded` reflects whether the card is in its expanded layout. */\n  renderActionButton: (props: { expanded: boolean }) => ReactNode\n}\n\n/** Derives the fields shared by every card variant from a task's common properties. */\nexport function deriveCardFields(task: TaskBundle['task']) {\n  return {\n    title: task?.dataType ?? '',\n    description: task?.instructions ?? '',\n    principalIds: task?.assigneePrincipalId ? [task.assigneePrincipalId] : [],\n  }\n}\n\n/**\n * Shared presentational chrome for a curation task card: title, chips, entity info, assignees,\n * status/due date, and an action button slot. Both the grid and executable task cards compose this.\n */\nexport default function CurationTaskCardLayout(\n  props: CurationTaskCardLayoutProps,\n) {\n  const {\n    taskBundle,\n    title,\n    description,\n    taskType,\n    principalIds,\n    renderActionButton,\n  } = props\n\n  const navigate = useNavigate()\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  const taskId = taskBundle.task?.taskId\n  const projectId = taskBundle.task?.projectId\n  const { data: bundle } = useGetEntityBundle(projectId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n  const canEdit = bundle?.permissions?.canEdit ?? false\n\n  return (\n    <Card className={classNames(sharedStyles.card, styles.card)}>\n      <div className={styles.cardContent}>\n        <div className={styles.mainContent}>\n          <div className={styles.titleChipContainer}>\n            <Typography\n              variant=\"headline3\"\n              className={styles.title}\n              onClick={() => setIsExpanded(!isExpanded)}\n            >\n              {title}\n            </Typography>\n            {taskType && <TaskTypeChip label={taskType} />}\n            {canEdit && (\n              <IconButton\n                onClick={() => void navigate(`edit/${taskId}`)}\n                aria-label=\"Task settings\"\n              >\n                <SettingsOutlinedIcon />\n              </IconButton>\n            )}\n          </div>\n          <div className={styles.entityInfo}>\n            {bundle?.entity?.name ? (\n              <Typography variant=\"body1\">{bundle.entity.name}</Typography>\n            ) : (\n              <Skeleton width={100} />\n            )}\n            {taskId && (\n              <Typography variant=\"body1\">Task ID: {taskId}</Typography>\n            )}\n          </div>\n          <div className={styles.userChipContainer}>\n            {principalIds.map(principalId => (\n              <UserOrTeamChip key={principalId} principalId={principalId} />\n            ))}\n          </div>\n        </div>\n        <div className={styles.statusContainer}>\n          <TaskStatusChip state={taskBundle.status?.state} />\n          <DueDateChip dueDate={taskBundle.status?.dueDate} />\n        </div>\n        {!isExpanded && (\n          <>\n            <Divider\n              orientation=\"vertical\"\n              flexItem\n              sx={{ display: { xs: 'none', md: 'block' } }}\n            />\n            {renderActionButton({ expanded: false })}\n          </>\n        )}\n      </div>\n      <Collapse in={isExpanded}>\n        <div className={styles.expandedContent}>\n          {description && (\n            <Typography variant=\"body1\">{description}</Typography>\n          )}\n          {renderActionButton({ expanded: true })}\n        </div>\n      </Collapse>\n    </Card>\n  )\n}\n"],"mappings":"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"}

package/dist/features/curator/dashboard/components/ExecutableTaskCard.d.ts

@@ -0,0 +1,10 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export type ExecutableTaskCardProps = {
+    taskBundle: TaskBundle;
+};
+/**
+ * Card for an executable (Compute Data) curation task. Lets an authorized user run the task's agent
+ * and, once finished, navigate to the destination task where the generated output was written.
+ */
+export default function ExecutableTaskCard(props: ExecutableTaskCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExecutableTaskCard.d.ts.map

package/dist/features/curator/dashboard/components/ExecutableTaskCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutableTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/ExecutableTaskCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAS7D,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAwExE"}

package/dist/features/curator/dashboard/components/ExecutableTaskCard.js

@@ -0,0 +1,51 @@
+import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
+import { GRID_PAGE_TASK_ID_QUERY_PARAM as t } from "../../../../utils/SynapseConstants.js";
+import n from "../../../../synapse-queries/entity/useEntityBundle.js";
+import { useGetCurrentUserProfile as r } from "../../../../synapse-queries/user/useUserBundle.js";
+import { useGetIsPrincipalIdUserOrMemberOfTeam as i } from "../../../../synapse-queries/team/useTeamMembers.js";
+import "../../../../components/index.js";
+import { useExecuteCurationTask as a } from "../../../../synapse-queries/curation/task/useCurationTask.js";
+import o from "./CurationTaskCard.module.js";
+import s, { deriveCardFields as c } from "./CurationTaskCardLayout.js";
+import { getExecutableTaskButtonState as l } from "./getExecutableTaskButtonState.js";
+import u from "./NextStepButton.js";
+import { jsx as d } from "react/jsx-runtime";
+import { useSearchParams as f } from "react-router";
+//#region src/features/curator/dashboard/components/ExecutableTaskCard.tsx
+function p(p) {
+	let { taskBundle: m } = p, h = m.task, g = h.taskProperties, _ = g && "destinationTaskId" in g ? g.destinationTaskId : void 0, [, v] = f(), { data: y } = n(h.projectId, void 0, {
+		includeEntity: !0,
+		includePermissions: !0
+	}), b = y?.permissions?.canEdit ?? !1, { data: x } = r(), { data: S } = i(x?.ownerId ?? "", h.assigneePrincipalId ?? "", { enabled: !!x?.ownerId && !!h.assigneePrincipalId }), C = b || !!S, { mutate: w, isPending: T } = a({ onError: (t) => e(t.message, "danger") }), E = l({
+		state: m.status?.state,
+		canExecute: C,
+		isExecutePending: T,
+		destinationTaskId: _
+	}), { title: D, description: O, principalIds: k } = c(h);
+	function A() {
+		E.action === "start" ? w(h.taskId) : E.action === "viewResult" && _ && v((e) => {
+			let n = new URLSearchParams(e);
+			return n.set(t, String(_)), n;
+		});
+	}
+	return /* @__PURE__ */ d(s, {
+		taskBundle: m,
+		title: D,
+		description: O,
+		taskType: "Compute",
+		principalIds: k,
+		renderActionButton: ({ expanded: e }) => /* @__PURE__ */ d(u, {
+			className: o.cardButton,
+			buttonText: E.buttonText,
+			onClick: A,
+			disabled: E.disabled,
+			loading: E.loading,
+			tooltip: E.tooltip,
+			expanded: e
+		})
+	});
+}
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=ExecutableTaskCard.js.map

package/dist/features/curator/dashboard/components/ExecutableTaskCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutableTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/ExecutableTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport { useExecuteCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport useGetEntityBundle from '@/synapse-queries/entity/useEntityBundle'\nimport { useGetIsPrincipalIdUserOrMemberOfTeam } from '@/synapse-queries/team/useTeamMembers'\nimport { useGetCurrentUserProfile } from '@/synapse-queries/user/useUserBundle'\nimport { GRID_PAGE_TASK_ID_QUERY_PARAM } from '@/utils/SynapseConstants'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport { useSearchParams } from 'react-router'\nimport CurationTaskCardLayout, {\n  deriveCardFields,\n} from './CurationTaskCardLayout'\nimport { getExecutableTaskButtonState } from './getExecutableTaskButtonState'\nimport NextStepButton from './NextStepButton'\nimport styles from './CurationTaskCard.module.scss'\n\nexport type ExecutableTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\n/**\n * Card for an executable (Compute Data) curation task. Lets an authorized user run the task's agent\n * and, once finished, navigate to the destination task where the generated output was written.\n */\nexport default function ExecutableTaskCard(props: ExecutableTaskCardProps) {\n  const { taskBundle } = props\n  const task = taskBundle.task!\n  const taskProperties = task.taskProperties\n  const destinationTaskId =\n    taskProperties && 'destinationTaskId' in taskProperties\n      ? taskProperties.destinationTaskId\n      : undefined\n\n  const [, setSearchParams] = useSearchParams()\n\n  const { data: bundle } = useGetEntityBundle(task.projectId, undefined, {\n    includeEntity: true,\n    includePermissions: true,\n  })\n  const canEdit = bundle?.permissions?.canEdit ?? false\n\n  const { data: currentUserProfile } = useGetCurrentUserProfile()\n  const { data: isAssigneeOrTeamMember } =\n    useGetIsPrincipalIdUserOrMemberOfTeam(\n      currentUserProfile?.ownerId ?? '',\n      task.assigneePrincipalId ?? '',\n      { enabled: !!currentUserProfile?.ownerId && !!task.assigneePrincipalId },\n    )\n\n  const canExecute = canEdit || Boolean(isAssigneeOrTeamMember)\n\n  const { mutate: executeTask, isPending } = useExecuteCurationTask({\n    onError: error => displayToast(error.message, 'danger'),\n  })\n\n  const buttonState = getExecutableTaskButtonState({\n    state: taskBundle.status?.state,\n    canExecute,\n    isExecutePending: isPending,\n    destinationTaskId,\n  })\n\n  const { title, description, principalIds } = deriveCardFields(task)\n\n  function onClickAction() {\n    if (buttonState.action === 'start') {\n      executeTask(task.taskId!)\n    } else if (buttonState.action === 'viewResult' && destinationTaskId) {\n      setSearchParams(prev => {\n        const next = new URLSearchParams(prev)\n        next.set(GRID_PAGE_TASK_ID_QUERY_PARAM, String(destinationTaskId))\n        return next\n      })\n    }\n  }\n\n  return (\n    <CurationTaskCardLayout\n      taskBundle={taskBundle}\n      title={title}\n      description={description}\n      taskType=\"Compute\"\n      principalIds={principalIds}\n      renderActionButton={({ expanded }) => (\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText={buttonState.buttonText}\n          onClick={onClickAction}\n          disabled={buttonState.disabled}\n          loading={buttonState.loading}\n          tooltip={buttonState.tooltip}\n          expanded={expanded}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,kBAAe,GACjB,IAAO,EAAW,MAClB,IAAiB,EAAK,gBACtB,IACJ,KAAkB,uBAAuB,IACrC,EAAe,oBACf,KAAA,GAEA,GAAG,KAAmB,EAAgB,GAEtC,EAAE,MAAM,MAAW,EAAmB,EAAK,WAAW,KAAA,GAAW;EACrE,eAAe;EACf,oBAAoB;CACtB,CAAC,GACK,IAAU,GAAQ,aAAa,WAAW,IAE1C,EAAE,MAAM,MAAuB,EAAyB,GACxD,EAAE,MAAM,MACZ,EACE,GAAoB,WAAW,IAC/B,EAAK,uBAAuB,IAC5B,EAAE,SAAS,CAAC,CAAC,GAAoB,WAAW,CAAC,CAAC,EAAK,oBAAoB,CACzE,GAEI,IAAa,KAAW,EAAQ,GAEhC,EAAE,QAAQ,GAAa,iBAAc,EAAuB,EAChE,UAAS,MAAS,EAAa,EAAM,SAAS,QAAQ,EACxD,CAAC,GAEK,IAAc,EAA6B;EAC/C,OAAO,EAAW,QAAQ;EAC1B;EACA,kBAAkB;EAClB;CACF,CAAC,GAEK,EAAE,UAAO,gBAAa,oBAAiB,EAAiB,CAAI;CAElE,SAAS,IAAgB;EACvB,AAAI,EAAY,WAAW,UACzB,EAAY,EAAK,MAAO,IACf,EAAY,WAAW,gBAAgB,KAChD,GAAgB,MAAQ;GACtB,IAAM,IAAO,IAAI,gBAAgB,CAAI;GAErC,OADA,EAAK,IAAI,GAA+B,OAAO,CAAiB,CAAC,GAC1D;EACT,CAAC;CAEL;CAEA,OACE,kBAAC,GAAD;EACc;EACL;EACM;EACb,UAAS;EACK;EACd,qBAAqB,EAAE,kBACrB,kBAAC,GAAD;GACE,WAAW,EAAO;GAClB,YAAY,EAAY;GACxB,SAAS;GACT,UAAU,EAAY;GACtB,SAAS,EAAY;GACrB,SAAS,EAAY;GACX;EACX,CAAA;CAEJ,CAAA;AAEL"}

package/dist/features/curator/dashboard/components/GridTaskCard.d.ts

@@ -0,0 +1,10 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export type GridTaskCardProps = {
+    taskBundle: TaskBundle;
+};
+/**
+ * Card for a grid-supported (Curate Data) curation task. The action button opens the task in
+ * Curator, gated on read access to the task's source entity.
+ */
+export default function GridTaskCard(props: GridTaskCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GridTaskCard.d.ts.map

package/dist/features/curator/dashboard/components/GridTaskCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/GridTaskCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAO7D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAmC5D"}

package/dist/features/curator/dashboard/components/GridTaskCard.js

@@ -0,0 +1,35 @@
+import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
+import "../../../../components/index.js";
+import { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE as t } from "../../../entity/metadata-task/utils/constants.js";
+import n from "../../../entity/metadata-task/hooks/useOpenCuratorButton.js";
+import r from "./CurationTaskCard.module.js";
+import i, { deriveCardFields as a } from "./CurationTaskCardLayout.js";
+import o from "./NextStepButton.js";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/features/curator/dashboard/components/GridTaskCard.tsx
+function c(c) {
+	let { taskBundle: l } = c, { onClick: u, isLoading: d, isPending: f, hasPermission: p } = n(l);
+	function m() {
+		p ? u() : e(t, "danger");
+	}
+	let { title: h, description: g, principalIds: _ } = a(l.task);
+	return /* @__PURE__ */ s(i, {
+		taskBundle: l,
+		title: h,
+		description: g,
+		taskType: "Curate Data",
+		principalIds: _,
+		renderActionButton: ({ expanded: e }) => /* @__PURE__ */ s(o, {
+			className: r.cardButton,
+			buttonText: "Open Curator",
+			onClick: m,
+			disabled: d,
+			loading: f,
+			expanded: e
+		})
+	});
+}
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=GridTaskCard.js.map

package/dist/features/curator/dashboard/components/GridTaskCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/GridTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport useOpenCuratorFromTaskButton from '@/features/entity/metadata-task/hooks/useOpenCuratorButton'\nimport { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE } from '@/features/entity/metadata-task/utils/constants'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport CurationTaskCardLayout, {\n  deriveCardFields,\n} from './CurationTaskCardLayout'\nimport NextStepButton from './NextStepButton'\nimport styles from './CurationTaskCard.module.scss'\n\nexport type GridTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\n/**\n * Card for a grid-supported (Curate Data) curation task. The action button opens the task in\n * Curator, gated on read access to the task's source entity.\n */\nexport default function GridTaskCard(props: GridTaskCardProps) {\n  const { taskBundle } = props\n\n  const { onClick, isLoading, isPending, hasPermission } =\n    useOpenCuratorFromTaskButton(taskBundle)\n\n  function onClickAction() {\n    if (hasPermission) {\n      onClick()\n    } else {\n      displayToast(OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE, 'danger')\n    }\n  }\n\n  const { title, description, principalIds } = deriveCardFields(taskBundle.task)\n\n  return (\n    <CurationTaskCardLayout\n      taskBundle={taskBundle}\n      title={title}\n      description={description}\n      taskType=\"Curate Data\"\n      principalIds={principalIds}\n      renderActionButton={({ expanded }) => (\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText=\"Open Curator\"\n          onClick={onClickAction}\n          disabled={isLoading}\n          loading={isPending}\n          expanded={expanded}\n        />\n      )}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAwB,EAAa,GAA0B;CAC7D,IAAM,EAAE,kBAAe,GAEjB,EAAE,YAAS,cAAW,cAAW,qBACrC,EAA6B,CAAU;CAEzC,SAAS,IAAgB;EACvB,AAAI,IACF,EAAQ,IAER,EAAa,GAAoD,QAAQ;CAE7E;CAEA,IAAM,EAAE,UAAO,gBAAa,oBAAiB,EAAiB,EAAW,IAAI;CAE7E,OACE,kBAAC,GAAD;EACc;EACL;EACM;EACb,UAAS;EACK;EACd,qBAAqB,EAAE,kBACrB,kBAAC,GAAD;GACE,WAAW,EAAO;GAClB,YAAW;GACX,SAAS;GACT,UAAU;GACV,SAAS;GACC;EACX,CAAA;CAEJ,CAAA;AAEL"}

package/dist/features/curator/dashboard/components/NextStepButton.css

@@ -1 +1 @@
-._button_1mypv_1{flex-direction:row;justify-content:flex-end;align-items:center;gap:32px;display:flex}._button_1mypv_1 ._icon_1mypv_8{color:var(--synapse-gray-700);font-size:30px}._button_1mypv_1 ._buttonText_1mypv_12{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:0;margin-left:16px;margin-right:16px;display:flex}._button_1mypv_1 ._buttonTextSub_1mypv_22{color:var(--synapse-gray-700)}._button_1mypv_1:disabled{pointer-events:all;opacity:.5}._button_1mypv_1:hover:not(:disabled) ._buttonTextMain_1mypv_29{text-decoration:underline}._button_1mypv_1:hover:not(:disabled) ._icon_1mypv_8,._button_1mypv_1:hover:not(:disabled) ._buttonTextSub_1mypv_22{color:var(--synapse-gray-800)}._button_1mypv_1:active:not(:disabled) ._buttonTextMain_1mypv_29{text-decoration:underline;text-decoration-thickness:3px}._button_1mypv_1:active:not(:disabled) ._icon_1mypv_8,._button_1mypv_1:active:not(:disabled) ._buttonTextSub_1mypv_22{color:var(--synapse-gray-900)}
+._button_1ncgu_1{flex-direction:row;justify-content:flex-end;align-items:center;gap:32px;display:flex}._button_1ncgu_1 ._icon_1ncgu_8{color:var(--synapse-gray-700);font-size:30px}._button_1ncgu_1 ._buttonText_1ncgu_12{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:0;margin-left:16px;margin-right:16px;display:flex}._button_1ncgu_1 ._buttonTextSub_1ncgu_22{color:var(--synapse-gray-700)}._button_1ncgu_1:disabled{pointer-events:all;opacity:.5}._button_1ncgu_1:hover:not(:disabled) ._buttonTextMain_1ncgu_29{text-decoration:underline}._button_1ncgu_1:hover:not(:disabled) ._icon_1ncgu_8,._button_1ncgu_1:hover:not(:disabled) ._buttonTextSub_1ncgu_22{color:var(--synapse-gray-800)}._button_1ncgu_1:active:not(:disabled) ._buttonTextMain_1ncgu_29{text-decoration:underline;text-decoration-thickness:3px}._button_1ncgu_1:active:not(:disabled) ._icon_1ncgu_8,._button_1ncgu_1:active:not(:disabled) ._buttonTextSub_1ncgu_22{color:var(--synapse-gray-900)}._expandedButton_1ncgu_49{background-color:var(--synapse-primary-action-color);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;display:flex}._expandedButton_1ncgu_49:disabled{pointer-events:all;opacity:.5}._expandedButton_1ncgu_49:hover:not(:disabled){opacity:.9}._expandedButton_1ncgu_49:active:not(:disabled){opacity:.8}

package/dist/features/curator/dashboard/components/NextStepButton.d.ts

@@ -4,6 +4,9 @@ type NextStepButtonProps = {
     onClick: () => void;
     disabled?: boolean;
     loading?: boolean;
+    expanded?: boolean;
+    /** When provided, wraps the button in a tooltip. Useful to explain a disabled state. */
+    tooltip?: string;
 };
 /**
  * Button component used to proceed to the next step in a workflow.

package/dist/features/curator/dashboard/components/NextStepButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAMA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8BhE"}
+{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAoBD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8DhE"}

package/dist/features/curator/dashboard/components/NextStepButton.js

@@ -1,35 +1,65 @@
 import { SynapseSpinner as e } from "../../../../components/LoadingScreen/LoadingScreen.js";
 import t from "./NextStepButton.module.js";
-import { Typography as n } from "@mui/material";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { ArrowForwardIos as a } from "@mui/icons-material";
-import o from "classnames";
+import { Button as n, Tooltip as r, Typography as i } from "@mui/material";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { ArrowForwardIos as s, TableChartOutlined as c } from "@mui/icons-material";
+import l from "classnames";
 //#region src/features/curator/dashboard/components/NextStepButton.tsx
-function s(s) {
-	let { className: c, buttonText: l, onClick: u, disabled: d, loading: f } = s;
-	return /* @__PURE__ */ i("button", {
-		type: "button",
-		className: o(t.button, c),
-		onClick: u,
-		disabled: d || f,
-		children: [/* @__PURE__ */ i("div", {
-			className: t.buttonText,
-			children: [/* @__PURE__ */ r(n, {
-				className: t.buttonTextSub,
-				variant: "body1",
-				children: "Next step"
-			}), /* @__PURE__ */ r(n, {
-				className: t.buttonTextMain,
+function u(e) {
+	let { children: t, title: n } = e;
+	return n ? /* @__PURE__ */ a(r, {
+		title: n,
+		children: /* @__PURE__ */ a("span", {
+			style: { display: "inline-flex" },
+			children: t
+		})
+	}) : t;
+}
+function d(r) {
+	let { className: d, buttonText: f, onClick: p, disabled: m, loading: h, expanded: g, tooltip: _ } = r;
+	return g ? /* @__PURE__ */ a(u, {
+		title: _,
+		children: /* @__PURE__ */ a(n, {
+			className: l(t.expandedButton, d),
+			onClick: p,
+			disabled: m || h,
+			startIcon: /* @__PURE__ */ a(c, { sx: { fontSize: 20 } }),
+			sx: { width: "100%" },
+			children: /* @__PURE__ */ a(i, {
 				variant: "buttonLink",
-				color: "primary",
-				fontWeight: 700,
-				align: "left",
-				children: l
-			})]
-		}), f ? /* @__PURE__ */ r(e, { size: 30 }) : /* @__PURE__ */ r(a, { className: t.icon })]
+				sx: {
+					color: "inherit",
+					fontWeight: 700
+				},
+				children: f
+			})
+		})
+	}) : /* @__PURE__ */ a(u, {
+		title: _,
+		children: /* @__PURE__ */ o("button", {
+			type: "button",
+			className: l(t.button, d),
+			onClick: p,
+			disabled: m || h,
+			children: [/* @__PURE__ */ o("div", {
+				className: t.buttonText,
+				children: [/* @__PURE__ */ a(i, {
+					className: t.buttonTextSub,
+					variant: "body1",
+					children: "Next step"
+				}), /* @__PURE__ */ a(i, {
+					className: t.buttonTextMain,
+					variant: "buttonLink",
+					color: "primary",
+					fontWeight: 700,
+					align: "left",
+					children: f
+				})]
+			}), h ? /* @__PURE__ */ a(e, { size: 30 }) : /* @__PURE__ */ a(s, { className: t.icon })]
+		})
 	});
 }
 //#endregion
-export { s as default };
+export { d as default };
 
 //# sourceMappingURL=NextStepButton.js.map

package/dist/features/curator/dashboard/components/NextStepButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Typography } from '@mui/material'\nimport { ArrowForwardIos } from '@mui/icons-material'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const { className, buttonText, onClick, disabled, loading } = props\n  return (\n    <button\n      type=\"button\"\n      className={classNames(styles.button, className)}\n      onClick={onClick}\n      disabled={disabled || loading}\n    >\n      <div className={styles.buttonText}>\n        <Typography className={styles.buttonTextSub} variant=\"body1\">\n          Next step\n        </Typography>\n        <Typography\n          className={styles.buttonTextMain}\n          variant=\"buttonLink\"\n          color=\"primary\"\n          fontWeight={700}\n          align=\"left\"\n        >\n          {buttonText}\n        </Typography>\n      </div>\n      {loading ? (\n        <SynapseSpinner size={30} />\n      ) : (\n        <ArrowForwardIos className={styles.icon} />\n      )}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,cAAW,eAAY,YAAS,aAAU,eAAY;CAC9D,OACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW,EAAW,EAAO,QAAQ,CAAS;EACrC;EACT,UAAU,KAAY;YAJxB,CAME,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IAAY,WAAW,EAAO;IAAe,SAAQ;cAAQ;GAEjD,CAAA,GACZ,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,SAAQ;IACR,OAAM;IACN,YAAY;IACZ,OAAM;cAEL;GACS,CAAA,CACT;MACJ,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD,EAAiB,WAAW,EAAO,KAAO,CAAA,CAEtC;;AAEZ"}
+{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Button, Tooltip, Typography } from '@mui/material'\nimport { ArrowForwardIos, TableChartOutlined } from '@mui/icons-material'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\nimport { PropsWithChildren } from 'react'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n  expanded?: boolean\n  /** When provided, wraps the button in a tooltip. Useful to explain a disabled state. */\n  tooltip?: string\n}\n\n/**\n * Wraps the button in a Tooltip when tooltip text is provided. A disabled MUI button does not fire\n * pointer events, so the button is wrapped in a focusable span so the tooltip remains discoverable.\n */\nfunction OptionalButtonTooltip(\n  props: PropsWithChildren<{ title: string | undefined }>,\n) {\n  const { children, title } = props\n  if (!title) {\n    return children\n  }\n  return (\n    <Tooltip title={title}>\n      <span style={{ display: 'inline-flex' }}>{children}</span>\n    </Tooltip>\n  )\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const {\n    className,\n    buttonText,\n    onClick,\n    disabled,\n    loading,\n    expanded,\n    tooltip,\n  } = props\n\n  if (expanded) {\n    return (\n      <OptionalButtonTooltip title={tooltip}>\n        <Button\n          className={classNames(styles.expandedButton, className)}\n          onClick={onClick}\n          disabled={disabled || loading}\n          startIcon={<TableChartOutlined sx={{ fontSize: 20 }} />}\n          sx={{ width: '100%' }}\n        >\n          <Typography\n            variant=\"buttonLink\"\n            sx={{ color: 'inherit', fontWeight: 700 }}\n          >\n            {buttonText}\n          </Typography>\n        </Button>\n      </OptionalButtonTooltip>\n    )\n  }\n\n  return (\n    <OptionalButtonTooltip title={tooltip}>\n      <button\n        type=\"button\"\n        className={classNames(styles.button, className)}\n        onClick={onClick}\n        disabled={disabled || loading}\n      >\n        <div className={styles.buttonText}>\n          <Typography className={styles.buttonTextSub} variant=\"body1\">\n            Next step\n          </Typography>\n          <Typography\n            className={styles.buttonTextMain}\n            variant=\"buttonLink\"\n            color=\"primary\"\n            fontWeight={700}\n            align=\"left\"\n          >\n            {buttonText}\n          </Typography>\n        </div>\n        {loading ? (\n          <SynapseSpinner size={30} />\n        ) : (\n          <ArrowForwardIos className={styles.icon} />\n        )}\n      </button>\n    </OptionalButtonTooltip>\n  )\n}\n"],"mappings":";;;;;;;AAsBA,SAAS,EACP,GACA;CACA,IAAM,EAAE,aAAU,aAAU;CAI5B,OAHK,IAIH,kBAAC,GAAD;EAAgB;YACd,kBAAC,QAAD;GAAM,OAAO,EAAE,SAAS,cAAc;GAAI;EAAe,CAAA;CAClD,CAAA,IALF;AAOX;AAMA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EACJ,cACA,eACA,YACA,aACA,YACA,aACA,eACE;CAuBJ,OArBI,IAEA,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,GAAD;GACE,WAAW,EAAW,EAAO,gBAAgB,CAAS;GAC7C;GACT,UAAU,KAAY;GACtB,WAAW,kBAAC,GAAD,EAAoB,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA;GACtD,IAAI,EAAE,OAAO,OAAO;aAEpB,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,OAAO;KAAW,YAAY;IAAI;cAEvC;GACS,CAAA;EACN,CAAA;CACa,CAAA,IAKzB,kBAAC,GAAD;EAAuB,OAAO;YAC5B,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EAAW,EAAO,QAAQ,CAAS;GACrC;GACT,UAAU,KAAY;aAJxB,CAME,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAW,EAAO;KAAe,SAAQ;eAAQ;IAEjD,CAAA,GACZ,kBAAC,GAAD;KACE,WAAW,EAAO;KAClB,SAAQ;KACR,OAAM;KACN,YAAY;KACZ,OAAM;eAEL;IACS,CAAA,CACT;OACJ,IACC,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD,EAAiB,WAAW,EAAO,KAAO,CAAA,CAEtC;;CACa,CAAA;AAE3B"}

package/dist/features/curator/dashboard/components/NextStepButton.module.js

@@ -1,9 +1,10 @@
 import './NextStepButton.css';var e = {
-	button: "_button_1mypv_1",
-	icon: "_icon_1mypv_8",
-	buttonText: "_buttonText_1mypv_12",
-	buttonTextSub: "_buttonTextSub_1mypv_22",
-	buttonTextMain: "_buttonTextMain_1mypv_29"
+	button: "_button_1ncgu_1",
+	icon: "_icon_1ncgu_8",
+	buttonText: "_buttonText_1ncgu_12",
+	buttonTextSub: "_buttonTextSub_1ncgu_22",
+	buttonTextMain: "_buttonTextMain_1ncgu_29",
+	expandedButton: "_expandedButton_1ncgu_49"
 };
 //#endregion
 export { e as default };

package/dist/features/curator/dashboard/components/NextStepButton.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"NextStepButton.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.module.scss"],"sourcesContent":[".button {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 32px;\n\n  .icon {\n    color: var(--synapse-gray-700);\n    font-size: 30px;\n  }\n\n  .buttonText {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 0;\n    flex-shrink: 0;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .buttonTextSub {\n    color: var(--synapse-gray-700);\n  }\n\n  &:disabled {\n    pointer-events: all;\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    .buttonTextMain {\n      text-decoration: underline;\n    }\n    .icon {\n      color: var(--synapse-gray-800);\n    }\n    .buttonTextSub {\n      color: var(--synapse-gray-800);\n    }\n  }\n\n  &:active:not(:disabled) {\n    .buttonTextMain {\n      text-decoration: underline;\n      text-decoration-thickness: 3px;\n    }\n    .icon {\n      color: var(--synapse-gray-900);\n    }\n    .buttonTextSub {\n      color: var(--synapse-gray-900);\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"NextStepButton.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.module.scss"],"sourcesContent":[".button {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 32px;\n\n  .icon {\n    color: var(--synapse-gray-700);\n    font-size: 30px;\n  }\n\n  .buttonText {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 0;\n    flex-shrink: 0;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .buttonTextSub {\n    color: var(--synapse-gray-700);\n  }\n\n  &:disabled {\n    pointer-events: all;\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    .buttonTextMain {\n      text-decoration: underline;\n    }\n    .icon {\n      color: var(--synapse-gray-800);\n    }\n    .buttonTextSub {\n      color: var(--synapse-gray-800);\n    }\n  }\n\n  &:active:not(:disabled) {\n    .buttonTextMain {\n      text-decoration: underline;\n      text-decoration-thickness: 3px;\n    }\n    .icon {\n      color: var(--synapse-gray-900);\n    }\n    .buttonTextSub {\n      color: var(--synapse-gray-900);\n    }\n  }\n}\n\n.expandedButton {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  width: 100%;\n  padding: 12px 24px;\n  background-color: var(--synapse-primary-action-color);\n  color: white;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n\n  &:disabled {\n    pointer-events: all;\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    opacity: 0.9;\n  }\n\n  &:active:not(:disabled) {\n    opacity: 0.8;\n  }\n}\n"],"mappings":""}

package/dist/features/curator/dashboard/components/NextStepButton.module.scss

@@ -55,3 +55,31 @@
     }
   }
 }
+
+.expandedButton {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  width: 100%;
+  padding: 12px 24px;
+  background-color: var(--synapse-primary-action-color);
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+
+  &:disabled {
+    pointer-events: all;
+    opacity: 0.5;
+  }
+
+  &:hover:not(:disabled) {
+    opacity: 0.9;
+  }
+
+  &:active:not(:disabled) {
+    opacity: 0.8;
+  }
+}

package/dist/features/curator/dashboard/components/getExecutableTaskButtonState.d.ts

@@ -0,0 +1,31 @@
+import { TaskStatusStateEnum } from '@sage-bionetworks/synapse-client';
+export declare const RUN_AGENT_BUTTON_TEXT = "Start (Run Agent)";
+export declare const RUNNING_BUTTON_TEXT = "Running";
+export declare const VIEW_RESULT_BUTTON_TEXT = "View Result";
+export declare const EXECUTABLE_TASK_NO_PERMISSION_MESSAGE = "You do not have permission to run this task. Only the assignee or a data manager can run it.";
+export declare const DESTINATION_TASK_MISSING_MESSAGE = "Destination task is missing";
+/** The action that clicking the button should perform. */
+export type ExecutableTaskButtonAction = 'start' | 'viewResult' | 'none';
+export type ExecutableTaskButtonState = {
+    buttonText: string;
+    action: ExecutableTaskButtonAction;
+    disabled: boolean;
+    loading: boolean;
+    tooltip: string | undefined;
+};
+export type GetExecutableTaskButtonStateArgs = {
+    state: TaskStatusStateEnum | undefined;
+    canExecute: boolean;
+    isExecutePending: boolean;
+    destinationTaskId: number | undefined;
+};
+/**
+ * Pure state machine mapping a task's status, the user's execute permission, and the local
+ * mutation state to the props the action button should render with.
+ *
+ * "Running" is derived from the server state (`EXECUTING`) OR the in-flight local mutation, so it
+ * survives reloads and reflects a run started by another user. Any state past `NOT_STARTED`/
+ * `EXECUTING` is treated leniently as "finished" and offers to view the result.
+ */
+export declare function getExecutableTaskButtonState(args: GetExecutableTaskButtonStateArgs): ExecutableTaskButtonState;
+//# sourceMappingURL=getExecutableTaskButtonState.d.ts.map

package/dist/features/curator/dashboard/components/getExecutableTaskButtonState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getExecutableTaskButtonState.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/getExecutableTaskButtonState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AAEtE,eAAO,MAAM,qBAAqB,sBAAsB,CAAA;AACxD,eAAO,MAAM,mBAAmB,YAAY,CAAA;AAC5C,eAAO,MAAM,uBAAuB,gBAAgB,CAAA;AAEpD,eAAO,MAAM,qCAAqC,iGAC8C,CAAA;AAChG,eAAO,MAAM,gCAAgC,gCAAgC,CAAA;AAE7E,0DAA0D;AAC1D,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAA;AAExE,MAAM,MAAM,yBAAyB,GAAG;IACtC,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,0BAA0B,CAAA;IAClC,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,gCAAgC,GAAG;IAC7C,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,gBAAgB,EAAE,OAAO,CAAA;IACzB,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAA;CACtC,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,4BAA4B,CAC1C,IAAI,EAAE,gCAAgC,GACrC,yBAAyB,CAgC3B"}

package/dist/features/curator/dashboard/components/getExecutableTaskButtonState.js

@@ -0,0 +1,32 @@
+import { TaskStatusStateEnum as e } from "@sage-bionetworks/synapse-client";
+//#region src/features/curator/dashboard/components/getExecutableTaskButtonState.ts
+var t = "Start (Run Agent)", n = "Running", r = "View Result", i = "You do not have permission to run this task. Only the assignee or a data manager can run it.", a = "Destination task is missing";
+function o(o) {
+	let { state: s, canExecute: c, isExecutePending: l, destinationTaskId: u } = o;
+	if (s === e.EXECUTING || l) return {
+		buttonText: n,
+		action: "none",
+		disabled: !0,
+		loading: !0,
+		tooltip: void 0
+	};
+	if (s === void 0 || s === e.NOT_STARTED) return {
+		buttonText: t,
+		action: c ? "start" : "none",
+		disabled: !c,
+		loading: !1,
+		tooltip: c ? void 0 : i
+	};
+	let d = u !== void 0;
+	return {
+		buttonText: r,
+		action: d ? "viewResult" : "none",
+		disabled: !d,
+		loading: !1,
+		tooltip: d ? void 0 : a
+	};
+}
+//#endregion
+export { a as DESTINATION_TASK_MISSING_MESSAGE, i as EXECUTABLE_TASK_NO_PERMISSION_MESSAGE, n as RUNNING_BUTTON_TEXT, t as RUN_AGENT_BUTTON_TEXT, r as VIEW_RESULT_BUTTON_TEXT, o as getExecutableTaskButtonState };
+
+//# sourceMappingURL=getExecutableTaskButtonState.js.map

package/dist/features/curator/dashboard/components/getExecutableTaskButtonState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getExecutableTaskButtonState.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/getExecutableTaskButtonState.ts"],"sourcesContent":["import { TaskStatusStateEnum } from '@sage-bionetworks/synapse-client'\n\nexport const RUN_AGENT_BUTTON_TEXT = 'Start (Run Agent)'\nexport const RUNNING_BUTTON_TEXT = 'Running'\nexport const VIEW_RESULT_BUTTON_TEXT = 'View Result'\n\nexport const EXECUTABLE_TASK_NO_PERMISSION_MESSAGE =\n  'You do not have permission to run this task. Only the assignee or a data manager can run it.'\nexport const DESTINATION_TASK_MISSING_MESSAGE = 'Destination task is missing'\n\n/** The action that clicking the button should perform. */\nexport type ExecutableTaskButtonAction = 'start' | 'viewResult' | 'none'\n\nexport type ExecutableTaskButtonState = {\n  buttonText: string\n  action: ExecutableTaskButtonAction\n  disabled: boolean\n  loading: boolean\n  tooltip: string | undefined\n}\n\nexport type GetExecutableTaskButtonStateArgs = {\n  state: TaskStatusStateEnum | undefined\n  canExecute: boolean\n  isExecutePending: boolean\n  destinationTaskId: number | undefined\n}\n\n/**\n * Pure state machine mapping a task's status, the user's execute permission, and the local\n * mutation state to the props the action button should render with.\n *\n * \"Running\" is derived from the server state (`EXECUTING`) OR the in-flight local mutation, so it\n * survives reloads and reflects a run started by another user. Any state past `NOT_STARTED`/\n * `EXECUTING` is treated leniently as \"finished\" and offers to view the result.\n */\nexport function getExecutableTaskButtonState(\n  args: GetExecutableTaskButtonStateArgs,\n): ExecutableTaskButtonState {\n  const { state, canExecute, isExecutePending, destinationTaskId } = args\n\n  const isRunning = state === TaskStatusStateEnum.EXECUTING || isExecutePending\n  if (isRunning) {\n    return {\n      buttonText: RUNNING_BUTTON_TEXT,\n      action: 'none',\n      disabled: true,\n      loading: true,\n      tooltip: undefined,\n    }\n  }\n\n  if (state === undefined || state === TaskStatusStateEnum.NOT_STARTED) {\n    return {\n      buttonText: RUN_AGENT_BUTTON_TEXT,\n      action: canExecute ? 'start' : 'none',\n      disabled: !canExecute,\n      loading: false,\n      tooltip: canExecute ? undefined : EXECUTABLE_TASK_NO_PERMISSION_MESSAGE,\n    }\n  }\n\n  const hasDestination = destinationTaskId !== undefined\n  return {\n    buttonText: VIEW_RESULT_BUTTON_TEXT,\n    action: hasDestination ? 'viewResult' : 'none',\n    disabled: !hasDestination,\n    loading: false,\n    tooltip: hasDestination ? undefined : DESTINATION_TASK_MISSING_MESSAGE,\n  }\n}\n"],"mappings":";;AAEA,IAAa,IAAwB,qBACxB,IAAsB,WACtB,IAA0B,eAE1B,IACX,gGACW,IAAmC;AA4BhD,SAAgB,EACd,GAC2B;CAC3B,IAAM,EAAE,UAAO,eAAY,qBAAkB,yBAAsB;CAGnE,IADkB,MAAU,EAAoB,aAAa,GAE3D,OAAO;EACL,YAAY;EACZ,QAAQ;EACR,UAAU;EACV,SAAS;EACT,SAAS,KAAA;CACX;CAGF,IAAI,MAAU,KAAA,KAAa,MAAU,EAAoB,aACvD,OAAO;EACL,YAAY;EACZ,QAAQ,IAAa,UAAU;EAC/B,UAAU,CAAC;EACX,SAAS;EACT,SAAS,IAAa,KAAA,IAAY;CACpC;CAGF,IAAM,IAAiB,MAAsB,KAAA;CAC7C,OAAO;EACL,YAAY;EACZ,QAAQ,IAAiB,eAAe;EACxC,UAAU,CAAC;EACX,SAAS;EACT,SAAS,IAAiB,KAAA,IAAY;CACxC;AACF"}

package/dist/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateCurationTaskDialog.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"names":[],"mappings":"AAuCA,OAAO,EACL,YAAY,EAMb,MAAM,kCAAkC,CAAA;AA6CzC,MAAM,MAAM,qCAAqC,GAAG;IAClD,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAsBD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CAsoB7C"}
+{"version":3,"file":"CreateOrUpdateCurationTaskDialog.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/components/CreateOrUpdateCurationTaskDialog.tsx"],"names":[],"mappings":"AAuCA,OAAO,EACL,YAAY,EAMb,MAAM,kCAAkC,CAAA;AA8CzC,MAAM,MAAM,qCAAqC,GAAG;IAClD,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,YAAY,CAAA;CACpB,CAAA;AAsBD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gCAAgC,CACtD,KAAK,EAAE,qCAAqC,2CA0qB7C"}