agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/patterns/ActivityPattern/ActivityFeed.js

@@ -0,0 +1,162 @@
+import { DataTable as e } from "../../DataTable/DataTable.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region ui/patterns/ActivityPattern/ActivityFeed.tsx
+var n = [
+	{
+		key: "actor",
+		header: "Person",
+		sortable: !0
+	},
+	{
+		key: "event",
+		header: "Event",
+		sortable: !0
+	},
+	{
+		key: "type",
+		header: "Type",
+		sortable: !0
+	},
+	{
+		key: "when",
+		header: "When",
+		sortable: !0
+	}
+], r = [
+	{
+		id: "comment-launch",
+		actor: {
+			type: "avatar",
+			label: "Maya Chen",
+			name: "Maya Chen",
+			src: "/faces/maya-chen.jpg"
+		},
+		event: {
+			type: "file",
+			label: "Commented on Launch brief"
+		},
+		type: {
+			type: "badge",
+			label: "Comment",
+			tone: "info"
+		},
+		when: "2h ago"
+	},
+	{
+		id: "blocked-qa",
+		actor: {
+			type: "avatar",
+			label: "Unassigned",
+			name: "Unassigned"
+		},
+		event: {
+			type: "file",
+			label: "QA checklist marked Blocked"
+		},
+		type: {
+			type: "badge",
+			label: "Status",
+			tone: "danger"
+		},
+		when: "4h ago"
+	},
+	{
+		id: "macros-update",
+		actor: {
+			type: "avatar",
+			label: "Alex Rivera",
+			name: "Alex Rivera",
+			src: "/faces/alex-rivera.jpg"
+		},
+		event: {
+			type: "file",
+			label: "Updated Support macros"
+		},
+		type: {
+			type: "badge",
+			label: "Edit",
+			tone: "neutral"
+		},
+		when: "5h ago"
+	},
+	{
+		id: "ready-notes",
+		actor: {
+			type: "avatar",
+			label: "Jordan Lee",
+			name: "Jordan Lee",
+			src: "/faces/jordan-lee.jpg"
+		},
+		event: {
+			type: "file",
+			label: "Moved Release notes to Ready"
+		},
+		type: {
+			type: "badge",
+			label: "Status",
+			tone: "success"
+		},
+		when: "Yesterday"
+	},
+	{
+		id: "mention-launch",
+		actor: {
+			type: "avatar",
+			label: "Maya Chen",
+			name: "Maya Chen",
+			src: "/faces/maya-chen.jpg"
+		},
+		event: {
+			type: "file",
+			label: "Mentioned you in Launch brief"
+		},
+		type: {
+			type: "badge",
+			label: "Mention",
+			tone: "brand"
+		},
+		when: "Yesterday"
+	},
+	{
+		id: "macros-comment",
+		actor: {
+			type: "avatar",
+			label: "Alex Rivera",
+			name: "Alex Rivera",
+			src: "/faces/alex-rivera.jpg"
+		},
+		event: {
+			type: "file",
+			label: "Replied on Support macros"
+		},
+		type: {
+			type: "badge",
+			label: "Comment",
+			tone: "info"
+		},
+		when: "Mon"
+	}
+];
+function i(e) {
+	if (e === "all") return r;
+	let t = e === "comments" ? "Comment" : e === "status" ? "Status" : "Mention";
+	return r.filter((e) => {
+		let n = e.type;
+		return typeof n == "object" && !!n && "label" in n && n.label === t;
+	});
+}
+function a({ tab: r, caption: a }) {
+	return /* @__PURE__ */ t(e, {
+		caption: a,
+		toolbar: !0,
+		cellSize: "sm",
+		searchPlaceholder: "Search activity...",
+		emptyMessage: "No activity in this filter.",
+		columns: n,
+		rows: i(r)
+	});
+}
+//#endregion
+export { a as ActivityFeed };
+
+//# sourceMappingURL=ActivityFeed.js.map

package/dist/ui/patterns/ActivityPattern/ActivityFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.js","names":[],"sources":["../../../../ui/patterns/ActivityPattern/ActivityFeed.tsx"],"sourcesContent":["import { DataTable } from \"../../DataTable\";\nimport type { DataTableColumn, DataTableRow } from \"../../DataTable\";\n\nconst EVENT_COLUMNS: DataTableColumn[] = [\n  { key: \"actor\", header: \"Person\", sortable: true },\n  { key: \"event\", header: \"Event\", sortable: true },\n  { key: \"type\", header: \"Type\", sortable: true },\n  { key: \"when\", header: \"When\", sortable: true },\n];\n\nconst EVENT_ROWS: DataTableRow[] = [\n  {\n    id: \"comment-launch\",\n    actor: { type: \"avatar\", label: \"Maya Chen\", name: \"Maya Chen\", src: \"/faces/maya-chen.jpg\" },\n    event: { type: \"file\", label: \"Commented on Launch brief\" },\n    type: { type: \"badge\", label: \"Comment\", tone: \"info\" },\n    when: \"2h ago\",\n  },\n  {\n    id: \"blocked-qa\",\n    actor: { type: \"avatar\", label: \"Unassigned\", name: \"Unassigned\" },\n    event: { type: \"file\", label: \"QA checklist marked Blocked\" },\n    type: { type: \"badge\", label: \"Status\", tone: \"danger\" },\n    when: \"4h ago\",\n  },\n  {\n    id: \"macros-update\",\n    actor: { type: \"avatar\", label: \"Alex Rivera\", name: \"Alex Rivera\", src: \"/faces/alex-rivera.jpg\" },\n    event: { type: \"file\", label: \"Updated Support macros\" },\n    type: { type: \"badge\", label: \"Edit\", tone: \"neutral\" },\n    when: \"5h ago\",\n  },\n  {\n    id: \"ready-notes\",\n    actor: { type: \"avatar\", label: \"Jordan Lee\", name: \"Jordan Lee\", src: \"/faces/jordan-lee.jpg\" },\n    event: { type: \"file\", label: \"Moved Release notes to Ready\" },\n    type: { type: \"badge\", label: \"Status\", tone: \"success\" },\n    when: \"Yesterday\",\n  },\n  {\n    id: \"mention-launch\",\n    actor: { type: \"avatar\", label: \"Maya Chen\", name: \"Maya Chen\", src: \"/faces/maya-chen.jpg\" },\n    event: { type: \"file\", label: \"Mentioned you in Launch brief\" },\n    type: { type: \"badge\", label: \"Mention\", tone: \"brand\" },\n    when: \"Yesterday\",\n  },\n  {\n    id: \"macros-comment\",\n    actor: { type: \"avatar\", label: \"Alex Rivera\", name: \"Alex Rivera\", src: \"/faces/alex-rivera.jpg\" },\n    event: { type: \"file\", label: \"Replied on Support macros\" },\n    type: { type: \"badge\", label: \"Comment\", tone: \"info\" },\n    when: \"Mon\",\n  },\n];\n\nfunction rowsFor(tab: string): DataTableRow[] {\n  if (tab === \"all\") return EVENT_ROWS;\n  const label = tab === \"comments\" ? \"Comment\" : tab === \"status\" ? \"Status\" : \"Mention\";\n  return EVENT_ROWS.filter((row) => {\n    const cell = row.type;\n    return typeof cell === \"object\" && cell !== null && \"label\" in cell && cell.label === label;\n  });\n}\n\nexport function ActivityFeed({ tab, caption }: { tab: string; caption: string }) {\n  return (\n    <DataTable\n      caption={caption}\n      toolbar\n      cellSize=\"sm\"\n      searchPlaceholder=\"Search activity...\"\n      emptyMessage=\"No activity in this filter.\"\n      columns={EVENT_COLUMNS}\n      rows={rowsFor(tab)}\n    />\n  );\n}\n"],"mappings":";;;AAGA,IAAM,IAAmC;CACvC;EAAE,KAAK;EAAS,QAAQ;EAAU,UAAU;CAAK;CACjD;EAAE,KAAK;EAAS,QAAQ;EAAS,UAAU;CAAK;CAChD;EAAE,KAAK;EAAQ,QAAQ;EAAQ,UAAU;CAAK;CAC9C;EAAE,KAAK;EAAQ,QAAQ;EAAQ,UAAU;CAAK;AAChD,GAEM,IAA6B;CACjC;EACE,IAAI;EACJ,OAAO;GAAE,MAAM;GAAU,OAAO;GAAa,MAAM;GAAa,KAAK;EAAuB;EAC5F,OAAO;GAAE,MAAM;GAAQ,OAAO;EAA4B;EAC1D,MAAM;GAAE,MAAM;GAAS,OAAO;GAAW,MAAM;EAAO;EACtD,MAAM;CACR;CACA;EACE,IAAI;EACJ,OAAO;GAAE,MAAM;GAAU,OAAO;GAAc,MAAM;EAAa;EACjE,OAAO;GAAE,MAAM;GAAQ,OAAO;EAA8B;EAC5D,MAAM;GAAE,MAAM;GAAS,OAAO;GAAU,MAAM;EAAS;EACvD,MAAM;CACR;CACA;EACE,IAAI;EACJ,OAAO;GAAE,MAAM;GAAU,OAAO;GAAe,MAAM;GAAe,KAAK;EAAyB;EAClG,OAAO;GAAE,MAAM;GAAQ,OAAO;EAAyB;EACvD,MAAM;GAAE,MAAM;GAAS,OAAO;GAAQ,MAAM;EAAU;EACtD,MAAM;CACR;CACA;EACE,IAAI;EACJ,OAAO;GAAE,MAAM;GAAU,OAAO;GAAc,MAAM;GAAc,KAAK;EAAwB;EAC/F,OAAO;GAAE,MAAM;GAAQ,OAAO;EAA+B;EAC7D,MAAM;GAAE,MAAM;GAAS,OAAO;GAAU,MAAM;EAAU;EACxD,MAAM;CACR;CACA;EACE,IAAI;EACJ,OAAO;GAAE,MAAM;GAAU,OAAO;GAAa,MAAM;GAAa,KAAK;EAAuB;EAC5F,OAAO;GAAE,MAAM;GAAQ,OAAO;EAAgC;EAC9D,MAAM;GAAE,MAAM;GAAS,OAAO;GAAW,MAAM;EAAQ;EACvD,MAAM;CACR;CACA;EACE,IAAI;EACJ,OAAO;GAAE,MAAM;GAAU,OAAO;GAAe,MAAM;GAAe,KAAK;EAAyB;EAClG,OAAO;GAAE,MAAM;GAAQ,OAAO;EAA4B;EAC1D,MAAM;GAAE,MAAM;GAAS,OAAO;GAAW,MAAM;EAAO;EACtD,MAAM;CACR;AACF;AAEA,SAAS,EAAQ,GAA6B;CAC5C,IAAI,MAAQ,OAAO,OAAO;CAC1B,IAAM,IAAQ,MAAQ,aAAa,YAAY,MAAQ,WAAW,WAAW;CAC7E,OAAO,EAAW,QAAQ,MAAQ;EAChC,IAAM,IAAO,EAAI;EACjB,OAAO,OAAO,KAAS,cAAY,KAAiB,WAAW,KAAQ,EAAK,UAAU;CACxF,CAAC;AACH;AAEA,SAAgB,EAAa,EAAE,QAAK,cAA6C;CAC/E,OACE,kBAAC,GAAD;EACW;EACT,SAAA;EACA,UAAS;EACT,mBAAkB;EAClB,cAAa;EACb,SAAS;EACT,MAAM,EAAQ,CAAG;CAClB,CAAA;AAEL"}

package/dist/ui/patterns/ActivityPattern/ActivityPattern.d.ts

@@ -0,0 +1,5 @@
+import { PageHeaderProps } from '../../PageHeader';
+export interface ActivityPatternProps {
+    breadcrumbs?: PageHeaderProps["breadcrumbs"];
+}
+export declare function ActivityPattern({ breadcrumbs }: ActivityPatternProps): import("react").JSX.Element;

package/dist/ui/patterns/ActivityPattern/ActivityPattern.js

@@ -0,0 +1,168 @@
+"use client";
+import { Button as e } from "../../Button/Button.js";
+import { ButtonGroup as t } from "../../ButtonGroup/ButtonGroup.js";
+import { Empty as n } from "../../Empty/Empty.js";
+import { PageHeader as r } from "../../PageHeader/PageHeader.js";
+import { Scoreboard as i } from "../../Scoreboard/Scoreboard.js";
+import { Section as a } from "../../Section/Section.js";
+import { Tabs as o } from "../../Tabs/Tabs.js";
+import { ActivityFeed as s } from "./ActivityFeed.js";
+import { TaskCards as c, TaskList as l } from "./ActivityTasks.js";
+import { TASK_INSIGHTS as u, TaskDrawer as d } from "./TaskDrawer.js";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region ui/patterns/ActivityPattern/ActivityPattern.tsx
+var h = [
+	{
+		label: "Today",
+		value: "6",
+		delta: "+2",
+		trend: "up",
+		hint: "vs yesterday",
+		size: "lg",
+		badge: "Live",
+		badgeTone: "success"
+	},
+	{
+		label: "Comments",
+		value: "5",
+		delta: "+1",
+		trend: "up",
+		hint: "this sprint",
+		size: "lg",
+		badge: "Sprint",
+		badgeTone: "info"
+	},
+	{
+		label: "Status changes",
+		value: "4",
+		delta: "0",
+		trend: "flat",
+		hint: "this sprint",
+		size: "lg",
+		badge: "Ship",
+		badgeTone: "brand"
+	},
+	{
+		label: "Mentions",
+		value: "2",
+		delta: "+2",
+		trend: "up",
+		hint: "need reply",
+		size: "lg",
+		badge: "At risk",
+		badgeTone: "danger"
+	}
+];
+function g({ breadcrumbs: g }) {
+	let [_, v] = f([]), [y, b] = f(null), [x, S] = f("cards"), C = u.filter((e) => !_.includes(e.id)), w = u.find((e) => e.id === y) ?? null, T = C.length === 0 ? "All caught up" : `${C.length} ${C.length === 1 ? "needs" : "need"} attention`;
+	function E(e) {
+		v((t) => [...t, e]), b((t) => t === e ? null : t);
+	}
+	return /* @__PURE__ */ m("div", {
+		className: "layout-canvas layout-canvas--sticky-header",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "layout-header",
+				children: /* @__PURE__ */ p(r, {
+					title: "Activity",
+					subtitle: "What the team shipped, blocked, and commented on.",
+					breadcrumbs: g
+				})
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "layout-content",
+				children: [
+					/* @__PURE__ */ p(a, {
+						title: "This week",
+						children: /* @__PURE__ */ p(i, {
+							className: "layout-metrics layout-metrics--fixed-4",
+							"aria-label": "Activity this week",
+							items: h
+						})
+					}),
+					/* @__PURE__ */ p(a, {
+						title: "Tasks",
+						description: T,
+						actions: C.length > 0 ? /* @__PURE__ */ m(t, {
+							ariaLabel: "Task layout",
+							children: [/* @__PURE__ */ p(e, {
+								variant: x === "cards" ? "secondary" : "tertiary",
+								size: "sm",
+								onClick: () => S("cards"),
+								children: "Cards"
+							}), /* @__PURE__ */ p(e, {
+								variant: x === "list" ? "secondary" : "tertiary",
+								size: "sm",
+								onClick: () => S("list"),
+								children: "List"
+							})]
+						}) : void 0,
+						children: C.length > 0 ? p(x === "cards" ? c : l, {
+							tasks: C,
+							onOpen: b,
+							onDismiss: E
+						}) : /* @__PURE__ */ p(n, {
+							title: "No open tasks",
+							description: "Nothing in this sprint needs a look right now.",
+							icon: "Check",
+							outlined: !0
+						})
+					}),
+					/* @__PURE__ */ p(a, {
+						title: "Feed",
+						description: "Newest first",
+						children: /* @__PURE__ */ p(o, {
+							ariaLabel: "Activity type",
+							variant: "line",
+							size: "md",
+							defaultValue: "all",
+							items: [
+								{
+									id: "all",
+									label: "All",
+									content: /* @__PURE__ */ p(s, {
+										tab: "all",
+										caption: "All activity"
+									})
+								},
+								{
+									id: "comments",
+									label: "Comments",
+									content: /* @__PURE__ */ p(s, {
+										tab: "comments",
+										caption: "Comments"
+									})
+								},
+								{
+									id: "status",
+									label: "Status",
+									content: /* @__PURE__ */ p(s, {
+										tab: "status",
+										caption: "Status changes"
+									})
+								},
+								{
+									id: "mentions",
+									label: "Mentions",
+									content: /* @__PURE__ */ p(s, {
+										tab: "mentions",
+										caption: "Mentions"
+									})
+								}
+							]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ p(d, {
+				task: w,
+				onClose: () => b(null)
+			})
+		]
+	});
+}
+//#endregion
+export { g as ActivityPattern };
+
+//# sourceMappingURL=ActivityPattern.js.map

package/dist/ui/patterns/ActivityPattern/ActivityPattern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityPattern.js","names":[],"sources":["../../../../ui/patterns/ActivityPattern/ActivityPattern.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"../../Button\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { Empty } from \"../../Empty\";\nimport { PageHeader } from \"../../PageHeader\";\nimport type { PageHeaderProps } from \"../../PageHeader\";\nimport { Scoreboard } from \"../../Scoreboard\";\nimport { Section } from \"../../Section\";\nimport { Tabs } from \"../../Tabs\";\nimport { ActivityFeed } from \"./ActivityFeed\";\nimport { TaskCards, TaskList } from \"./ActivityTasks\";\nimport { TASK_INSIGHTS, TaskDrawer } from \"./TaskDrawer\";\n\ntype TaskView = \"cards\" | \"list\";\n\nconst ACTIVITY_METRICS = [\n  { label: \"Today\", value: \"6\", delta: \"+2\", trend: \"up\" as const, hint: \"vs yesterday\", size: \"lg\" as const, badge: \"Live\", badgeTone: \"success\" as const },\n  { label: \"Comments\", value: \"5\", delta: \"+1\", trend: \"up\" as const, hint: \"this sprint\", size: \"lg\" as const, badge: \"Sprint\", badgeTone: \"info\" as const },\n  { label: \"Status changes\", value: \"4\", delta: \"0\", trend: \"flat\" as const, hint: \"this sprint\", size: \"lg\" as const, badge: \"Ship\", badgeTone: \"brand\" as const },\n  { label: \"Mentions\", value: \"2\", delta: \"+2\", trend: \"up\" as const, hint: \"need reply\", size: \"lg\" as const, badge: \"At risk\", badgeTone: \"danger\" as const },\n];\n\nexport interface ActivityPatternProps {\n  breadcrumbs?: PageHeaderProps[\"breadcrumbs\"];\n}\n\nexport function ActivityPattern({ breadcrumbs }: ActivityPatternProps) {\n  const [dismissed, setDismissed] = useState<string[]>([]);\n  const [openTaskId, setOpenTaskId] = useState<string | null>(null);\n  const [taskView, setTaskView] = useState<TaskView>(\"cards\");\n\n  const tasks = TASK_INSIGHTS.filter((task) => !dismissed.includes(task.id));\n  const openTask = TASK_INSIGHTS.find((task) => task.id === openTaskId) ?? null;\n  const taskCount =\n    tasks.length === 0\n      ? \"All caught up\"\n      : `${tasks.length} ${tasks.length === 1 ? \"needs\" : \"need\"} attention`;\n\n  function dismissTask(id: string) {\n    setDismissed((current) => [...current, id]);\n    setOpenTaskId((current) => (current === id ? null : current));\n  }\n\n  return (\n    <div className=\"layout-canvas layout-canvas--sticky-header\">\n      <div className=\"layout-header\">\n        <PageHeader\n          title=\"Activity\"\n          subtitle=\"What the team shipped, blocked, and commented on.\"\n          breadcrumbs={breadcrumbs}\n        />\n      </div>\n      <div className=\"layout-content\">\n        <Section title=\"This week\">\n          <Scoreboard\n            className=\"layout-metrics layout-metrics--fixed-4\"\n            aria-label=\"Activity this week\"\n            items={ACTIVITY_METRICS}\n          />\n        </Section>\n        <Section\n          title=\"Tasks\"\n          description={taskCount}\n          actions={\n            tasks.length > 0 ? (\n              <ButtonGroup ariaLabel=\"Task layout\">\n                <Button\n                  variant={taskView === \"cards\" ? \"secondary\" : \"tertiary\"}\n                  size=\"sm\"\n                  onClick={() => setTaskView(\"cards\")}\n                >\n                  Cards\n                </Button>\n                <Button\n                  variant={taskView === \"list\" ? \"secondary\" : \"tertiary\"}\n                  size=\"sm\"\n                  onClick={() => setTaskView(\"list\")}\n                >\n                  List\n                </Button>\n              </ButtonGroup>\n            ) : undefined\n          }\n        >\n          {tasks.length > 0 ? (\n            taskView === \"cards\" ? (\n              <TaskCards tasks={tasks} onOpen={setOpenTaskId} onDismiss={dismissTask} />\n            ) : (\n              <TaskList tasks={tasks} onOpen={setOpenTaskId} onDismiss={dismissTask} />\n            )\n          ) : (\n            <Empty\n              title=\"No open tasks\"\n              description=\"Nothing in this sprint needs a look right now.\"\n              icon=\"Check\"\n              outlined\n            />\n          )}\n        </Section>\n        <Section title=\"Feed\" description=\"Newest first\">\n          <Tabs\n            ariaLabel=\"Activity type\"\n            variant=\"line\"\n            size=\"md\"\n            defaultValue=\"all\"\n            items={[\n              { id: \"all\", label: \"All\", content: <ActivityFeed tab=\"all\" caption=\"All activity\" /> },\n              { id: \"comments\", label: \"Comments\", content: <ActivityFeed tab=\"comments\" caption=\"Comments\" /> },\n              { id: \"status\", label: \"Status\", content: <ActivityFeed tab=\"status\" caption=\"Status changes\" /> },\n              { id: \"mentions\", label: \"Mentions\", content: <ActivityFeed tab=\"mentions\" caption=\"Mentions\" /> },\n            ]}\n          />\n        </Section>\n      </div>\n      <TaskDrawer task={openTask} onClose={() => setOpenTaskId(null)} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/patterns/ActivityPattern/ActivityTasks.d.ts

@@ -0,0 +1,11 @@
+import { TaskInsight } from './TaskDrawer';
+export declare function TaskCards({ tasks, onOpen, onDismiss, }: {
+    tasks: TaskInsight[];
+    onOpen: (id: string) => void;
+    onDismiss: (id: string) => void;
+}): import("react").JSX.Element;
+export declare function TaskList({ tasks, onOpen, onDismiss, }: {
+    tasks: TaskInsight[];
+    onOpen: (id: string) => void;
+    onDismiss: (id: string) => void;
+}): import("react").JSX.Element;

package/dist/ui/patterns/ActivityPattern/ActivityTasks.js

@@ -0,0 +1,89 @@
+import { Button as e } from "../../Button/Button.js";
+import { ButtonGroup as t } from "../../ButtonGroup/ButtonGroup.js";
+import { Badge as n } from "../../Badge/Badge.js";
+import { Carousel as r } from "../../Carousel/Carousel.js";
+import { InsightCard as i } from "../../InsightCard/InsightCard.js";
+import { Table as a } from "../../Table/Table.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ui/patterns/ActivityPattern/ActivityTasks.tsx
+function c({ tasks: e, onOpen: t, onDismiss: n }) {
+	let a = Math.min(3, Math.max(1, e.length));
+	return /* @__PURE__ */ o("div", {
+		className: "layout-carousel",
+		children: /* @__PURE__ */ o(r, {
+			ariaLabel: "Tasks that need attention",
+			slidesPerView: a,
+			items: e.map((e) => /* @__PURE__ */ o(i, {
+				eyebrow: "Task",
+				title: e.title,
+				description: e.description,
+				tone: e.tone,
+				source: e.source,
+				secondaryAction: {
+					label: "View task",
+					onClick: () => t(e.id)
+				},
+				onDismiss: () => n(e.id)
+			}, e.id))
+		})
+	});
+}
+function l({ tasks: r, onOpen: i, onDismiss: c }) {
+	return /* @__PURE__ */ o(a, {
+		caption: "Open tasks",
+		size: "sm",
+		emptyLabel: "No open tasks.",
+		columns: [
+			{
+				key: "task",
+				header: "Task",
+				emphasis: !0
+			},
+			{
+				key: "owner",
+				header: "Owner"
+			},
+			{
+				key: "status",
+				header: "Status"
+			},
+			{
+				key: "due",
+				header: "Due"
+			},
+			{
+				key: "actions",
+				header: "Actions",
+				align: "end"
+			}
+		],
+		rows: r.map((r) => ({
+			task: r.title,
+			owner: r.owner,
+			status: /* @__PURE__ */ o(n, {
+				size: "sm",
+				tone: r.statusTone,
+				children: r.status
+			}),
+			due: r.due,
+			actions: /* @__PURE__ */ s(t, {
+				ariaLabel: `${r.title} actions`,
+				children: [/* @__PURE__ */ o(e, {
+					variant: "secondary",
+					size: "sm",
+					onClick: () => i(r.id),
+					children: "View task"
+				}), /* @__PURE__ */ o(e, {
+					variant: "tertiary",
+					size: "sm",
+					onClick: () => c(r.id),
+					children: "Dismiss"
+				})]
+			})
+		}))
+	});
+}
+//#endregion
+export { c as TaskCards, l as TaskList };
+
+//# sourceMappingURL=ActivityTasks.js.map

package/dist/ui/patterns/ActivityPattern/ActivityTasks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityTasks.js","names":[],"sources":["../../../../ui/patterns/ActivityPattern/ActivityTasks.tsx"],"sourcesContent":["import { Badge } from \"../../Badge\";\nimport { Button } from \"../../Button\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { Carousel } from \"../../Carousel\";\nimport type { CarouselSlidesPerView } from \"../../Carousel\";\nimport { InsightCard } from \"../../InsightCard\";\nimport { Table } from \"../../Table\";\nimport type { TaskInsight } from \"./TaskDrawer\";\n\nexport function TaskCards({\n  tasks,\n  onOpen,\n  onDismiss,\n}: {\n  tasks: TaskInsight[];\n  onOpen: (id: string) => void;\n  onDismiss: (id: string) => void;\n}) {\n  const slidesPerView = Math.min(3, Math.max(1, tasks.length)) as CarouselSlidesPerView;\n\n  return (\n    <div className=\"layout-carousel\">\n      <Carousel\n        ariaLabel=\"Tasks that need attention\"\n        slidesPerView={slidesPerView}\n        items={tasks.map((task) => (\n          <InsightCard\n            key={task.id}\n            eyebrow=\"Task\"\n            title={task.title}\n            description={task.description}\n            tone={task.tone}\n            source={task.source}\n            secondaryAction={{ label: \"View task\", onClick: () => onOpen(task.id) }}\n            onDismiss={() => onDismiss(task.id)}\n          />\n        ))}\n      />\n    </div>\n  );\n}\n\nexport function TaskList({\n  tasks,\n  onOpen,\n  onDismiss,\n}: {\n  tasks: TaskInsight[];\n  onOpen: (id: string) => void;\n  onDismiss: (id: string) => void;\n}) {\n  return (\n    <Table\n      caption=\"Open tasks\"\n      size=\"sm\"\n      emptyLabel=\"No open tasks.\"\n      columns={[\n        { key: \"task\", header: \"Task\", emphasis: true },\n        { key: \"owner\", header: \"Owner\" },\n        { key: \"status\", header: \"Status\" },\n        { key: \"due\", header: \"Due\" },\n        { key: \"actions\", header: \"Actions\", align: \"end\" },\n      ]}\n      rows={tasks.map((task) => ({\n        task: task.title,\n        owner: task.owner,\n        status: (\n          <Badge size=\"sm\" tone={task.statusTone}>\n            {task.status}\n          </Badge>\n        ),\n        due: task.due,\n        actions: (\n          <ButtonGroup ariaLabel={`${task.title} actions`}>\n            <Button variant=\"secondary\" size=\"sm\" onClick={() => onOpen(task.id)}>\n              View task\n            </Button>\n            <Button variant=\"tertiary\" size=\"sm\" onClick={() => onDismiss(task.id)}>\n              Dismiss\n            </Button>\n          </ButtonGroup>\n        ),\n      }))}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AASA,SAAgB,EAAU,EACxB,UACA,WACA,gBAKC;CACD,IAAM,IAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,EAAM,MAAM,CAAC;CAE3D,OACE,kBAAC,OAAD;EAAK,WAAU;EACb,UAAA,kBAAC,GAAD;GACE,WAAU;GACK;GACf,OAAO,EAAM,KAAK,MAChB,kBAAC,GAAD;IAEE,SAAQ;IACR,OAAO,EAAK;IACZ,aAAa,EAAK;IAClB,MAAM,EAAK;IACX,QAAQ,EAAK;IACb,iBAAiB;KAAE,OAAO;KAAa,eAAe,EAAO,EAAK,EAAE;IAAE;IACtE,iBAAiB,EAAU,EAAK,EAAE;GACnC,GARM,EAAK,EAQX,CACF;EACF,CAAA;CACE,CAAA;AAET;AAEA,SAAgB,EAAS,EACvB,UACA,WACA,gBAKC;CACD,OACE,kBAAC,GAAD;EACE,SAAQ;EACR,MAAK;EACL,YAAW;EACX,SAAS;GACP;IAAE,KAAK;IAAQ,QAAQ;IAAQ,UAAU;GAAK;GAC9C;IAAE,KAAK;IAAS,QAAQ;GAAQ;GAChC;IAAE,KAAK;IAAU,QAAQ;GAAS;GAClC;IAAE,KAAK;IAAO,QAAQ;GAAM;GAC5B;IAAE,KAAK;IAAW,QAAQ;IAAW,OAAO;GAAM;EACpD;EACA,MAAM,EAAM,KAAK,OAAU;GACzB,MAAM,EAAK;GACX,OAAO,EAAK;GACZ,QACE,kBAAC,GAAD;IAAO,MAAK;IAAK,MAAM,EAAK;IACzB,UAAA,EAAK;GACD,CAAA;GAET,KAAK,EAAK;GACV,SACE,kBAAC,GAAD;IAAa,WAAW,GAAG,EAAK,MAAM;IAAtC,UAAA,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAY,MAAK;KAAK,eAAe,EAAO,EAAK,EAAE;KAAG,UAAA;IAE9D,CAAA,GACR,kBAAC,GAAD;KAAQ,SAAQ;KAAW,MAAK;KAAK,eAAe,EAAU,EAAK,EAAE;KAAG,UAAA;IAEhE,CAAA,CACG;;EAEjB,EAAE;CACH,CAAA;AAEL"}

package/dist/ui/patterns/ActivityPattern/TaskDrawer.d.ts

@@ -0,0 +1,21 @@
+import { BadgeTone } from '../../Badge';
+import { InsightCardTone } from '../../InsightCard';
+export interface TaskInsight {
+    id: string;
+    title: string;
+    description: string;
+    tone: InsightCardTone;
+    source: string;
+    owner: string;
+    ownerSrc?: string;
+    status: string;
+    statusTone: BadgeTone;
+    due: string;
+    summary: string;
+    progress: number;
+}
+export declare const TASK_INSIGHTS: TaskInsight[];
+export declare function TaskDrawer({ task, onClose, }: {
+    task: TaskInsight | null;
+    onClose: () => void;
+}): import("react").JSX.Element;

package/dist/ui/patterns/ActivityPattern/TaskDrawer.js

@@ -0,0 +1,184 @@
+"use client";
+import { Button as e } from "../../Button/Button.js";
+import { Avatar as t } from "../../Avatar/Avatar.js";
+import { Badge as n } from "../../Badge/Badge.js";
+import { Progress as r } from "../../Progress/Progress.js";
+import { Drawer as i } from "../../Drawer/Drawer.js";
+import a from "./TaskDrawer.module.js";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ui/patterns/ActivityPattern/TaskDrawer.tsx
+var l = [
+	{
+		id: "qa-checklist",
+		title: "QA checklist is still blocked",
+		description: "Unassigned for 2 days. Assign an owner before Thursday's review.",
+		tone: "warning",
+		source: "From Open tasks",
+		owner: "Unassigned",
+		status: "Blocked",
+		statusTone: "danger",
+		due: "Thursday",
+		summary: "No owner. Legal sign-off and the last two device passes are still open.",
+		progress: 35
+	},
+	{
+		id: "launch-brief",
+		title: "Launch brief is waiting on review",
+		description: "Maya left comments 2 hours ago. Close them before the freeze.",
+		tone: "info",
+		source: "From Open tasks",
+		owner: "Maya Chen",
+		ownerSrc: "/faces/maya-chen.jpg",
+		status: "In review",
+		statusTone: "warning",
+		due: "Tomorrow",
+		summary: "Copy is in review. Two comments on positioning still need a reply.",
+		progress: 72
+	},
+	{
+		id: "release-notes",
+		title: "Release notes are ready to ship",
+		description: "Jordan marked this Ready. Confirm the changelog before tag.",
+		tone: "opportunity",
+		source: "From Open tasks",
+		owner: "Jordan Lee",
+		ownerSrc: "/faces/jordan-lee.jpg",
+		status: "Ready",
+		statusTone: "success",
+		due: "Today",
+		summary: "Draft is complete. Needs a final pass on the known-issues list.",
+		progress: 90
+	},
+	{
+		id: "support-macros",
+		title: "Support macros need a pass",
+		description: "Alex updated the file 5 hours ago. Three replies are still in progress.",
+		tone: "neutral",
+		source: "From Open tasks",
+		owner: "Alex Rivera",
+		ownerSrc: "/faces/alex-rivera.jpg",
+		status: "In progress",
+		statusTone: "info",
+		due: "Friday",
+		summary: "Refund and delay macros are drafted. Escalation paths are not.",
+		progress: 55
+	},
+	{
+		id: "user-research",
+		title: "User research needs synthesis",
+		description: "Eight interviews landed this week. Tag themes before Friday's readout.",
+		tone: "info",
+		source: "From Resources",
+		owner: "Iris Okafor",
+		ownerSrc: "/faces/iris-okafor.jpg",
+		status: "In progress",
+		statusTone: "info",
+		due: "Friday",
+		summary: "Notes are in. Themes and clips still need to land in the shared doc.",
+		progress: 48
+	},
+	{
+		id: "at-risk-triage",
+		title: "At-risk items need triage",
+		description: "Five tagged At risk. Rank them before the freeze so owners can move.",
+		tone: "danger",
+		source: "From Tags",
+		owner: "Noah Williams",
+		ownerSrc: "/faces/noah-williams.jpg",
+		status: "Blocked",
+		statusTone: "danger",
+		due: "Tomorrow",
+		summary: "The list is stale. Two items already shipped and still carry the tag.",
+		progress: 20
+	},
+	{
+		id: "invite-members",
+		title: "Invite members is still open",
+		description: "Three seats unused. Send invites so review comments have owners.",
+		tone: "warning",
+		source: "From Workspace",
+		owner: "Unassigned",
+		status: "Open",
+		statusTone: "warning",
+		due: "Friday",
+		summary: "Seats are provisioned. Nobody has sent the invites for design and QA.",
+		progress: 10
+	},
+	{
+		id: "insights-share",
+		title: "Insights report is ready to share",
+		description: "Weekly digest is compiled. Send it before standup so the team can act.",
+		tone: "opportunity",
+		source: "From Insights",
+		owner: "Iris Okafor",
+		ownerSrc: "/faces/iris-okafor.jpg",
+		status: "Ready",
+		statusTone: "success",
+		due: "Today",
+		summary: "Charts are current. Needs a one-line takeaway on the at-risk tag.",
+		progress: 88
+	}
+];
+function u({ task: l, onClose: u }) {
+	let d = l?.owner === "Unassigned";
+	return /* @__PURE__ */ s(i, {
+		open: !!l,
+		title: l?.title ?? "Task",
+		description: l ? `${l.status} · Due ${l.due}` : void 0,
+		onClose: u,
+		footer: l ? /* @__PURE__ */ c(o, { children: [d ? /* @__PURE__ */ s(e, {
+			variant: "primary",
+			block: !0,
+			onClick: u,
+			children: "Assign owner"
+		}) : null, /* @__PURE__ */ s(e, {
+			variant: "secondary",
+			block: !0,
+			onClick: u,
+			children: "Close"
+		})] }) : null,
+		children: l ? /* @__PURE__ */ c("div", {
+			className: a.stack,
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: a.row,
+					children: [
+						/* @__PURE__ */ s(t, {
+							name: l.owner,
+							src: l.ownerSrc,
+							size: "md"
+						}),
+						/* @__PURE__ */ c("div", {
+							className: a.meta,
+							children: [/* @__PURE__ */ s("p", {
+								className: a.label,
+								children: "Owner"
+							}), /* @__PURE__ */ s("p", {
+								className: a.value,
+								children: l.owner
+							})]
+						}),
+						/* @__PURE__ */ s(n, {
+							tone: l.statusTone,
+							children: l.status
+						})
+					]
+				}),
+				/* @__PURE__ */ s("p", {
+					className: a.summary,
+					children: l.summary
+				}),
+				/* @__PURE__ */ s(r, {
+					value: l.progress,
+					size: "sm",
+					label: "Progress",
+					showValue: !0
+				})
+			]
+		}) : null
+	});
+}
+//#endregion
+export { l as TASK_INSIGHTS, u as TaskDrawer };
+
+//# sourceMappingURL=TaskDrawer.js.map