agentic-ds-kit 0.1.0 → 0.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDrawer.js","names":[],"sources":["../../../../ui/patterns/ActivityPattern/TaskDrawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar } from \"../../Avatar\";\nimport { Badge } from \"../../Badge\";\nimport type { BadgeTone } from \"../../Badge\";\nimport { Button } from \"../../Button\";\nimport { Drawer } from \"../../Drawer\";\nimport type { InsightCardTone } from \"../../InsightCard\";\nimport { Progress } from \"../../Progress\";\nimport styles from \"./TaskDrawer.module.css\";\n\nexport interface TaskInsight {\n  id: string;\n  title: string;\n  description: string;\n  tone: InsightCardTone;\n  source: string;\n  owner: string;\n  ownerSrc?: string;\n  status: string;\n  statusTone: BadgeTone;\n  due: string;\n  summary: string;\n  progress: number;\n}\n\nexport const TASK_INSIGHTS: TaskInsight[] = [\n  {\n    id: \"qa-checklist\",\n    title: \"QA checklist is still blocked\",\n    description: \"Unassigned for 2 days. Assign an owner before Thursday's review.\",\n    tone: \"warning\",\n    source: \"From Open tasks\",\n    owner: \"Unassigned\",\n    status: \"Blocked\",\n    statusTone: \"danger\",\n    due: \"Thursday\",\n    summary: \"No owner. Legal sign-off and the last two device passes are still open.\",\n    progress: 35,\n  },\n  {\n    id: \"launch-brief\",\n    title: \"Launch brief is waiting on review\",\n    description: \"Maya left comments 2 hours ago. Close them before the freeze.\",\n    tone: \"info\",\n    source: \"From Open tasks\",\n    owner: \"Maya Chen\",\n    ownerSrc: \"/faces/maya-chen.jpg\",\n    status: \"In review\",\n    statusTone: \"warning\",\n    due: \"Tomorrow\",\n    summary: \"Copy is in review. Two comments on positioning still need a reply.\",\n    progress: 72,\n  },\n  {\n    id: \"release-notes\",\n    title: \"Release notes are ready to ship\",\n    description: \"Jordan marked this Ready. Confirm the changelog before tag.\",\n    tone: \"opportunity\",\n    source: \"From Open tasks\",\n    owner: \"Jordan Lee\",\n    ownerSrc: \"/faces/jordan-lee.jpg\",\n    status: \"Ready\",\n    statusTone: \"success\",\n    due: \"Today\",\n    summary: \"Draft is complete. Needs a final pass on the known-issues list.\",\n    progress: 90,\n  },\n  {\n    id: \"support-macros\",\n    title: \"Support macros need a pass\",\n    description: \"Alex updated the file 5 hours ago. Three replies are still in progress.\",\n    tone: \"neutral\",\n    source: \"From Open tasks\",\n    owner: \"Alex Rivera\",\n    ownerSrc: \"/faces/alex-rivera.jpg\",\n    status: \"In progress\",\n    statusTone: \"info\",\n    due: \"Friday\",\n    summary: \"Refund and delay macros are drafted. Escalation paths are not.\",\n    progress: 55,\n  },\n  {\n    id: \"user-research\",\n    title: \"User research needs synthesis\",\n    description: \"Eight interviews landed this week. Tag themes before Friday's readout.\",\n    tone: \"info\",\n    source: \"From Resources\",\n    owner: \"Iris Okafor\",\n    ownerSrc: \"/faces/iris-okafor.jpg\",\n    status: \"In progress\",\n    statusTone: \"info\",\n    due: \"Friday\",\n    summary: \"Notes are in. Themes and clips still need to land in the shared doc.\",\n    progress: 48,\n  },\n  {\n    id: \"at-risk-triage\",\n    title: \"At-risk items need triage\",\n    description: \"Five tagged At risk. Rank them before the freeze so owners can move.\",\n    tone: \"danger\",\n    source: \"From Tags\",\n    owner: \"Noah Williams\",\n    ownerSrc: \"/faces/noah-williams.jpg\",\n    status: \"Blocked\",\n    statusTone: \"danger\",\n    due: \"Tomorrow\",\n    summary: \"The list is stale. Two items already shipped and still carry the tag.\",\n    progress: 20,\n  },\n  {\n    id: \"invite-members\",\n    title: \"Invite members is still open\",\n    description: \"Three seats unused. Send invites so review comments have owners.\",\n    tone: \"warning\",\n    source: \"From Workspace\",\n    owner: \"Unassigned\",\n    status: \"Open\",\n    statusTone: \"warning\",\n    due: \"Friday\",\n    summary: \"Seats are provisioned. Nobody has sent the invites for design and QA.\",\n    progress: 10,\n  },\n  {\n    id: \"insights-share\",\n    title: \"Insights report is ready to share\",\n    description: \"Weekly digest is compiled. Send it before standup so the team can act.\",\n    tone: \"opportunity\",\n    source: \"From Insights\",\n    owner: \"Iris Okafor\",\n    ownerSrc: \"/faces/iris-okafor.jpg\",\n    status: \"Ready\",\n    statusTone: \"success\",\n    due: \"Today\",\n    summary: \"Charts are current. Needs a one-line takeaway on the at-risk tag.\",\n    progress: 88,\n  },\n];\n\nexport function TaskDrawer({\n  task,\n  onClose,\n}: {\n  task: TaskInsight | null;\n  onClose: () => void;\n}) {\n  const unassigned = task?.owner === \"Unassigned\";\n\n  return (\n    <Drawer\n      open={Boolean(task)}\n      title={task?.title ?? \"Task\"}\n      description={task ? `${task.status} · Due ${task.due}` : undefined}\n      onClose={onClose}\n      footer={\n        task ? (\n          <>\n            {unassigned ? (\n              <Button variant=\"primary\" block onClick={onClose}>\n                Assign owner\n              </Button>\n            ) : null}\n            <Button variant=\"secondary\" block onClick={onClose}>\n              Close\n            </Button>\n          </>\n        ) : null\n      }\n    >\n      {task ? (\n        <div className={styles.stack}>\n          <div className={styles.row}>\n            <Avatar name={task.owner} src={task.ownerSrc} size=\"md\" />\n            <div className={styles.meta}>\n              <p className={styles.label}>Owner</p>\n              <p className={styles.value}>{task.owner}</p>\n            </div>\n            <Badge tone={task.statusTone}>{task.status}</Badge>\n          </div>\n          <p className={styles.summary}>{task.summary}</p>\n          <Progress value={task.progress} size=\"sm\" label=\"Progress\" showValue />\n        </div>\n      ) : null}\n    </Drawer>\n  );\n}\n"],"mappings":";;;;;;;;;AA0BA,IAAa,IAA+B;CAC1C;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,QAAQ;EACR,YAAY;EACZ,KAAK;EACL,SAAS;EACT,UAAU;CACZ;AACF;AAEA,SAAgB,EAAW,EACzB,SACA,cAIC;CACD,IAAM,IAAa,GAAM,UAAU;CAEnC,OACE,kBAAC,GAAD;EACE,MAAM,EAAQ;EACd,OAAO,GAAM,SAAS;EACtB,aAAa,IAAO,GAAG,EAAK,OAAO,SAAS,EAAK,QAAQ,KAAA;EAChD;EACT,QACE,IACE,kBAAA,GAAA,EAAA,UAAA,CACG,IACC,kBAAC,GAAD;GAAQ,SAAQ;GAAU,OAAA;GAAM,SAAS;GAAS,UAAA;EAE1C,CAAA,IACN,MACJ,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAA;GAAM,SAAS;GAAS,UAAA;EAE5C,CAAA,CACR,EAAA,CAAA,IACA;EAGL,UAAA,IACC,kBAAC,OAAD;GAAK,WAAW,EAAO;GAAvB,UAAA;IACE,kBAAC,OAAD;KAAK,WAAW,EAAO;KAAvB,UAAA;MACE,kBAAC,GAAD;OAAQ,MAAM,EAAK;OAAO,KAAK,EAAK;OAAU,MAAK;MAAM,CAAA;MACzD,kBAAC,OAAD;OAAK,WAAW,EAAO;OAAvB,UAAA,CACE,kBAAC,KAAD;QAAG,WAAW,EAAO;QAAO,UAAA;OAAQ,CAAA,GACpC,kBAAC,KAAD;QAAG,WAAW,EAAO;QAAQ,UAAA,EAAK;OAAS,CAAA,CACxC;;MACL,kBAAC,GAAD;OAAO,MAAM,EAAK;OAAa,UAAA,EAAK;MAAc,CAAA;KAC/C;;IACL,kBAAC,KAAD;KAAG,WAAW,EAAO;KAAU,UAAA,EAAK;IAAW,CAAA;IAC/C,kBAAC,GAAD;KAAU,OAAO,EAAK;KAAU,MAAK;KAAK,OAAM;KAAW,WAAA;IAAW,CAAA;GACnE;EACH,CAAA,IAAA;CACE,CAAA;AAEZ"}

package/{ui/patterns/ActivityPattern/TaskDrawer.module.css → dist/ui/patterns/ActivityPattern/TaskDrawer.kit.css}

@@ -1,20 +1,20 @@
-.stack {
+._stack_1kdhd_1 {
   display: grid;
   gap: var(--space-stack-lg);
 }
 
-.row {
+._row_1kdhd_6 {
   display: flex;
   align-items: center;
   gap: var(--space-inline-md);
 }
 
-.meta {
+._meta_1kdhd_12 {
   flex: 1;
   min-width: 0;
 }
 
-.label {
+._label_1kdhd_17 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-caption);
@@ -22,7 +22,7 @@
   color: var(--text-secondary);
 }
 
-.value {
+._value_1kdhd_25 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body-sm);
@@ -30,7 +30,7 @@
   color: var(--text-primary);
 }
 
-.summary {
+._summary_1kdhd_33 {
   margin: 0;
   font-family: var(--font-sans);
   font-size: var(--type-size-body);

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

@@ -0,0 +1,14 @@
+import "./TaskDrawer.kit.css";
+//#region ui/patterns/ActivityPattern/TaskDrawer.module.css
+var e = "_stack_1kdhd_1", t = "_row_1kdhd_6", n = "_meta_1kdhd_12", r = "_label_1kdhd_17", i = "_value_1kdhd_25", a = "_summary_1kdhd_33", o = {
+	stack: e,
+	row: t,
+	meta: n,
+	label: r,
+	value: i,
+	summary: a
+};
+//#endregion
+export { o as default, r as label, n as meta, t as row, e as stack, a as summary, i as value };
+
+//# sourceMappingURL=TaskDrawer.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TaskDrawer.module.js","names":[],"sources":["../../../../ui/patterns/ActivityPattern/TaskDrawer.module.css"],"sourcesContent":[".stack {\n  display: grid;\n  gap: var(--space-stack-lg);\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--space-inline-md);\n}\n\n.meta {\n  flex: 1;\n  min-width: 0;\n}\n\n.label {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-caption);\n  font-weight: var(--type-weight-caption);\n  color: var(--text-secondary);\n}\n\n.value {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body-sm);\n  font-weight: var(--type-weight-label);\n  color: var(--text-primary);\n}\n\n.summary {\n  margin: 0;\n  font-family: var(--font-sans);\n  font-size: var(--type-size-body);\n  line-height: var(--type-line-body);\n  color: var(--text-secondary);\n}\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+export { ActivityPattern } from './ActivityPattern';
+export type { ActivityPatternProps } from './ActivityPattern';

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

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

package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.js

@@ -0,0 +1,123 @@
+"use client";
+import { Button as e } from "../../Button/Button.js";
+import { Chat as t } from "../../Chat/Chat.js";
+import { InsightCard as n } from "../../InsightCard/InsightCard.js";
+import { PageHeader as r } from "../../PageHeader/PageHeader.js";
+import { Section as i } from "../../Section/Section.js";
+import a from "./AssistantWorkspacePattern.module.js";
+import { useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.tsx
+var d = [
+	{
+		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",
+		prompt: "Why is QA blocked?",
+		reply: "QA checklist has no owner. Assign someone before Thursday so the last two device passes can close."
+	},
+	{
+		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",
+		prompt: "Who should own invites?",
+		reply: "Seats are provisioned. Maya can send the design and QA invites from Invite members so comments have owners."
+	},
+	{
+		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",
+		prompt: "Draft a standup update",
+		reply: "Release notes are Ready. Confirm the known-issues list, then tag. QA is still blocked and needs an owner today."
+	}
+], f = [{
+	role: "assistant",
+	content: "I can explain a blocked task, suggest an owner, or draft a standup update."
+}], p = d.map((e) => e.prompt);
+function m(e) {
+	let t = d.find((t) => t.prompt.toLowerCase() === e.trim().toLowerCase() || t.id === e);
+	return t ? t.reply : `Got it — “${e}”. I can go deeper on owners or next steps.`;
+}
+function h({ breadcrumbs: h }) {
+	let [g, _] = c(!0), [v, y] = c(f), [b, x] = c(!1), S = s(null);
+	o(() => () => {
+		S.current !== null && window.clearTimeout(S.current);
+	}, []);
+	function C(e) {
+		let t = e.trim();
+		!t || b || (_(!0), y((e) => [...e, {
+			role: "user",
+			content: t
+		}]), x(!0), S.current !== null && window.clearTimeout(S.current), S.current = window.setTimeout(() => {
+			y((e) => [...e, {
+				role: "assistant",
+				content: m(t)
+			}]), x(!1), S.current = null;
+		}, 1200));
+	}
+	return /* @__PURE__ */ u("div", {
+		className: `${g ? "layout-workspace" : "layout-workspace layout-workspace--flush"} ${a.shell}`,
+		children: [/* @__PURE__ */ u("div", {
+			className: "layout-canvas",
+			children: [/* @__PURE__ */ l("div", {
+				className: "layout-header",
+				children: /* @__PURE__ */ l(r, {
+					title: "Insights",
+					subtitle: "Recommendations for Sprint 24, with an assistant on the side.",
+					breadcrumbs: h,
+					actions: g ? void 0 : /* @__PURE__ */ l(e, {
+						variant: "primary",
+						size: "md",
+						iconStart: "Sparkles",
+						onClick: () => _(!0),
+						children: "Ask assistant"
+					})
+				})
+			}), /* @__PURE__ */ l("div", {
+				className: "layout-content",
+				children: /* @__PURE__ */ l(i, {
+					title: "Recommended",
+					description: "Ask the assistant about a card, or send a prompt in the rail.",
+					children: /* @__PURE__ */ l("div", {
+						className: `layout-split ${a.insights}`,
+						children: d.map((e) => /* @__PURE__ */ l(n, {
+							title: e.title,
+							description: e.description,
+							tone: e.tone,
+							source: e.source,
+							secondaryAction: {
+								label: "Ask",
+								onClick: () => C(e.prompt)
+							}
+						}, e.id))
+					})
+				})
+			})]
+		}), g ? /* @__PURE__ */ l("aside", {
+			className: a.rail,
+			children: /* @__PURE__ */ l(t, {
+				title: "Assistant",
+				status: "Sprint 24",
+				messages: v,
+				suggestions: p,
+				placeholder: "Ask about this sprint",
+				emptyState: "Ask about a blocked task, a draft, or who should own the next review.",
+				isThinking: b,
+				disabled: b,
+				onSend: C,
+				onClose: () => _(!1),
+				radius: "none"
+			})
+		}) : null]
+	});
+}
+//#endregion
+export { h as AssistantWorkspacePattern };
+
+//# sourceMappingURL=AssistantWorkspacePattern.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantWorkspacePattern.js","names":[],"sources":["../../../../ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../../Button\";\nimport { Chat } from \"../../Chat\";\nimport type { ChatMessage } from \"../../Chat\";\nimport { InsightCard } from \"../../InsightCard\";\nimport type { InsightCardTone } from \"../../InsightCard\";\nimport { PageHeader } from \"../../PageHeader\";\nimport type { PageHeaderProps } from \"../../PageHeader\";\nimport { Section } from \"../../Section\";\nimport styles from \"./AssistantWorkspacePattern.module.css\";\n\ninterface Insight {\n  id: string;\n  title: string;\n  description: string;\n  tone: InsightCardTone;\n  source: string;\n  prompt: string;\n  reply: string;\n}\n\nconst INSIGHTS: Insight[] = [\n  {\n    id: \"qa-checklist\",\n    title: \"QA checklist is still blocked\",\n    description: \"Unassigned for 2 days. Assign an owner before Thursday's review.\",\n    tone: \"warning\",\n    source: \"From Open tasks\",\n    prompt: \"Why is QA blocked?\",\n    reply: \"QA checklist has no owner. Assign someone before Thursday so the last two device passes can close.\",\n  },\n  {\n    id: \"invite-members\",\n    title: \"Invite members is still open\",\n    description: \"Three seats unused. Send invites so review comments have owners.\",\n    tone: \"warning\",\n    source: \"From Workspace\",\n    prompt: \"Who should own invites?\",\n    reply: \"Seats are provisioned. Maya can send the design and QA invites from Invite members so comments have owners.\",\n  },\n  {\n    id: \"release-notes\",\n    title: \"Release notes are ready to ship\",\n    description: \"Jordan marked this Ready. Confirm the changelog before tag.\",\n    tone: \"opportunity\",\n    source: \"From Open tasks\",\n    prompt: \"Draft a standup update\",\n    reply: \"Release notes are Ready. Confirm the known-issues list, then tag. QA is still blocked and needs an owner today.\",\n  },\n];\n\nconst STARTER: ChatMessage[] = [\n  {\n    role: \"assistant\",\n    content: \"I can explain a blocked task, suggest an owner, or draft a standup update.\",\n  },\n];\n\nconst SUGGESTIONS = INSIGHTS.map((insight) => insight.prompt);\n\nfunction replyFor(message: string): string {\n  const hit = INSIGHTS.find(\n    (insight) => insight.prompt.toLowerCase() === message.trim().toLowerCase() || insight.id === message,\n  );\n  if (hit) return hit.reply;\n  return `Got it — “${message}”. I can go deeper on owners or next steps.`;\n}\n\nexport interface AssistantWorkspacePatternProps {\n  breadcrumbs?: PageHeaderProps[\"breadcrumbs\"];\n}\n\nexport function AssistantWorkspacePattern({ breadcrumbs }: AssistantWorkspacePatternProps) {\n  const [railOpen, setRailOpen] = useState(true);\n  const [messages, setMessages] = useState<ChatMessage[]>(STARTER);\n  const [thinking, setThinking] = useState(false);\n  const timerRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current !== null) window.clearTimeout(timerRef.current);\n    };\n  }, []);\n\n  function ask(prompt: string) {\n    const next = prompt.trim();\n    if (!next || thinking) return;\n    setRailOpen(true);\n    setMessages((current) => [...current, { role: \"user\", content: next }]);\n    setThinking(true);\n    if (timerRef.current !== null) window.clearTimeout(timerRef.current);\n    timerRef.current = window.setTimeout(() => {\n      setMessages((current) => [...current, { role: \"assistant\", content: replyFor(next) }]);\n      setThinking(false);\n      timerRef.current = null;\n    }, 1200);\n  }\n\n  return (\n    <div\n      className={`${railOpen ? \"layout-workspace\" : \"layout-workspace layout-workspace--flush\"} ${styles.shell}`}\n    >\n      <div className=\"layout-canvas\">\n        <div className=\"layout-header\">\n          <PageHeader\n            title=\"Insights\"\n            subtitle=\"Recommendations for Sprint 24, with an assistant on the side.\"\n            breadcrumbs={breadcrumbs}\n            actions={\n              railOpen ? undefined : (\n                <Button variant=\"primary\" size=\"md\" iconStart=\"Sparkles\" onClick={() => setRailOpen(true)}>\n                  Ask assistant\n                </Button>\n              )\n            }\n          />\n        </div>\n        <div className=\"layout-content\">\n          <Section title=\"Recommended\" description=\"Ask the assistant about a card, or send a prompt in the rail.\">\n            <div className={`layout-split ${styles.insights}`}>\n              {INSIGHTS.map((insight) => (\n                <InsightCard\n                  key={insight.id}\n                  title={insight.title}\n                  description={insight.description}\n                  tone={insight.tone}\n                  source={insight.source}\n                  secondaryAction={{\n                    label: \"Ask\",\n                    onClick: () => ask(insight.prompt),\n                  }}\n                />\n              ))}\n            </div>\n          </Section>\n        </div>\n      </div>\n      {railOpen ? (\n        <aside className={styles.rail}>\n          <Chat\n            title=\"Assistant\"\n            status=\"Sprint 24\"\n            messages={messages}\n            suggestions={SUGGESTIONS}\n            placeholder=\"Ask about this sprint\"\n            emptyState=\"Ask about a blocked task, a draft, or who should own the next review.\"\n            isThinking={thinking}\n            disabled={thinking}\n            onSend={ask}\n            onClose={() => setRailOpen(false)}\n            radius=\"none\"\n          />\n        </aside>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,IAAM,IAAsB;CAC1B;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF,GAEM,IAAyB,CAC7B;CACE,MAAM;CACN,SAAS;AACX,CACF,GAEM,IAAc,EAAS,KAAK,MAAY,EAAQ,MAAM;AAE5D,SAAS,EAAS,GAAyB;CACzC,IAAM,IAAM,EAAS,MAClB,MAAY,EAAQ,OAAO,YAAY,MAAM,EAAQ,KAAK,CAAC,CAAC,YAAY,KAAK,EAAQ,OAAO,CAC/F;CAEA,OADI,IAAY,EAAI,QACb,aAAa,EAAQ;AAC9B;AAMA,SAAgB,EAA0B,EAAE,kBAA+C;CACzF,IAAM,CAAC,GAAU,KAAe,EAAS,EAAI,GACvC,CAAC,GAAU,KAAe,EAAwB,CAAO,GACzD,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,IAAW,EAAsB,IAAI;CAE3C,cACe;EACX,AAAI,EAAS,YAAY,QAAM,OAAO,aAAa,EAAS,OAAO;CACrE,GACC,CAAC,CAAC;CAEL,SAAS,EAAI,GAAgB;EAC3B,IAAM,IAAO,EAAO,KAAK;EACrB,CAAC,KAAQ,MACb,EAAY,EAAI,GAChB,GAAa,MAAY,CAAC,GAAG,GAAS;GAAE,MAAM;GAAQ,SAAS;EAAK,CAAC,CAAC,GACtE,EAAY,EAAI,GACZ,EAAS,YAAY,QAAM,OAAO,aAAa,EAAS,OAAO,GACnE,EAAS,UAAU,OAAO,iBAAiB;GAGzC,AAFA,GAAa,MAAY,CAAC,GAAG,GAAS;IAAE,MAAM;IAAa,SAAS,EAAS,CAAI;GAAE,CAAC,CAAC,GACrF,EAAY,EAAK,GACjB,EAAS,UAAU;EACrB,GAAG,IAAI;CACT;CAEA,OACE,kBAAC,OAAD;EACE,WAAW,GAAG,IAAW,qBAAqB,2CAA2C,GAAG,EAAO;EADrG,UAAA,CAGE,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,GAAD;KACE,OAAM;KACN,UAAS;KACI;KACb,SACE,IAAW,KAAA,IACT,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,WAAU;MAAW,eAAe,EAAY,EAAI;MAAG,UAAA;KAEnF,CAAA;IAGb,CAAA;GACE,CAAA,GACL,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,GAAD;KAAS,OAAM;KAAc,aAAY;KACvC,UAAA,kBAAC,OAAD;MAAK,WAAW,gBAAgB,EAAO;MACpC,UAAA,EAAS,KAAK,MACb,kBAAC,GAAD;OAEE,OAAO,EAAQ;OACf,aAAa,EAAQ;OACrB,MAAM,EAAQ;OACd,QAAQ,EAAQ;OAChB,iBAAiB;QACf,OAAO;QACP,eAAe,EAAI,EAAQ,MAAM;OACnC;MACD,GATM,EAAQ,EASd,CACF;KACE,CAAA;IACE,CAAA;GACN,CAAA,CACF;EACJ,CAAA,GAAA,IACC,kBAAC,SAAD;GAAO,WAAW,EAAO;GACvB,UAAA,kBAAC,GAAD;IACE,OAAM;IACN,QAAO;IACG;IACV,aAAa;IACb,aAAY;IACZ,YAAW;IACX,YAAY;IACZ,UAAU;IACV,QAAQ;IACR,eAAe,EAAY,EAAK;IAChC,QAAO;GACR,CAAA;EACI,CAAA,IACL,IACD;;AAET"}

package/{ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.css → dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.kit.css}

@@ -1,15 +1,15 @@
-.shell {
+._shell_1jv27_1 {
   flex: 1;
   min-width: 0;
   min-height: 0;
 }
 
-.insights {
+._insights_1jv27_7 {
   min-width: 0;
   min-height: 0;
 }
 
-.rail {
+._rail_1jv27_12 {
   min-width: 0;
   min-height: 0;
   display: grid;

package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.js

@@ -0,0 +1,11 @@
+import "./AssistantWorkspacePattern.kit.css";
+//#region ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.css
+var e = "_shell_1jv27_1", t = "_insights_1jv27_7", n = "_rail_1jv27_12", r = {
+	shell: e,
+	insights: t,
+	rail: n
+};
+//#endregion
+export { r as default, t as insights, n as rail, e as shell };
+
+//# sourceMappingURL=AssistantWorkspacePattern.module.js.map

package/dist/ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssistantWorkspacePattern.module.js","names":[],"sources":["../../../../ui/patterns/AssistantWorkspacePattern/AssistantWorkspacePattern.module.css"],"sourcesContent":[".shell {\n  flex: 1;\n  min-width: 0;\n  min-height: 0;\n}\n\n.insights {\n  min-width: 0;\n  min-height: 0;\n}\n\n.rail {\n  min-width: 0;\n  min-height: 0;\n  display: grid;\n}\n"],"mappings":""}

package/dist/ui/patterns/AssistantWorkspacePattern/index.d.ts

@@ -0,0 +1,2 @@
+export { AssistantWorkspacePattern } from './AssistantWorkspacePattern';
+export type { AssistantWorkspacePatternProps } from './AssistantWorkspacePattern';

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

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

package/dist/ui/patterns/DashboardPattern/DashboardPattern.js

@@ -0,0 +1,225 @@
+"use client";
+import { DataTable as e } from "../../DataTable/DataTable.js";
+import { LineChart as t } from "../../LineChart/LineChart.js";
+import { PageHeader as n } from "../../PageHeader/PageHeader.js";
+import { Scoreboard as r } from "../../Scoreboard/Scoreboard.js";
+import { Section as i } from "../../Section/Section.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ui/patterns/DashboardPattern/DashboardPattern.tsx
+var s = [
+	{
+		label: "Weekly users",
+		value: "1.44k",
+		delta: "+6.2%",
+		trend: "up",
+		hint: "vs last week",
+		size: "lg",
+		badge: "Live",
+		badgeTone: "success"
+	},
+	{
+		label: "Open tasks",
+		value: "4",
+		delta: "+1",
+		trend: "up",
+		hint: "this sprint",
+		size: "lg",
+		badge: "Sprint",
+		badgeTone: "info"
+	},
+	{
+		label: "Blocked",
+		value: "1",
+		delta: "0",
+		trend: "flat",
+		hint: "need owner",
+		size: "lg",
+		badge: "At risk",
+		badgeTone: "danger"
+	},
+	{
+		label: "Ready",
+		value: "1",
+		delta: "+1",
+		trend: "up",
+		hint: "to ship",
+		size: "lg",
+		badge: "Ship",
+		badgeTone: "brand"
+	}
+], c = [
+	{
+		label: "Mon",
+		value: 1280
+	},
+	{
+		label: "Tue",
+		value: 1410
+	},
+	{
+		label: "Wed",
+		value: 1320
+	},
+	{
+		label: "Thu",
+		value: 1480
+	},
+	{
+		label: "Fri",
+		value: 1360
+	},
+	{
+		label: "Sat",
+		value: 1440
+	},
+	{
+		label: "Sun",
+		value: 1390
+	}
+], l = [
+	{
+		key: "task",
+		header: "Task",
+		sortable: !0
+	},
+	{
+		key: "owner",
+		header: "Owner",
+		sortable: !0
+	},
+	{
+		key: "status",
+		header: "Status",
+		sortable: !0
+	}
+], u = [
+	{
+		id: "launch-brief",
+		task: {
+			type: "file",
+			label: "Launch brief"
+		},
+		owner: {
+			type: "avatar",
+			label: "Maya Chen",
+			name: "Maya Chen",
+			src: "/faces/maya-chen.jpg"
+		},
+		status: {
+			type: "badge",
+			label: "In review",
+			tone: "warning"
+		}
+	},
+	{
+		id: "qa-checklist",
+		task: {
+			type: "file",
+			label: "QA checklist"
+		},
+		owner: {
+			type: "avatar",
+			label: "Unassigned",
+			name: "Unassigned"
+		},
+		status: {
+			type: "badge",
+			label: "Blocked",
+			tone: "danger"
+		}
+	},
+	{
+		id: "release-notes",
+		task: {
+			type: "file",
+			label: "Release notes"
+		},
+		owner: {
+			type: "avatar",
+			label: "Jordan Lee",
+			name: "Jordan Lee",
+			src: "/faces/jordan-lee.jpg"
+		},
+		status: {
+			type: "badge",
+			label: "Ready",
+			tone: "success"
+		}
+	},
+	{
+		id: "support-macros",
+		task: {
+			type: "file",
+			label: "Support macros"
+		},
+		owner: {
+			type: "avatar",
+			label: "Alex Rivera",
+			name: "Alex Rivera",
+			src: "/faces/alex-rivera.jpg"
+		},
+		status: {
+			type: "badge",
+			label: "In progress",
+			tone: "info"
+		}
+	}
+];
+function d({ breadcrumbs: d }) {
+	return /* @__PURE__ */ o("div", {
+		className: "layout-canvas layout-canvas--sticky-header",
+		children: [/* @__PURE__ */ a("div", {
+			className: "layout-header",
+			children: /* @__PURE__ */ a(n, {
+				title: "Overview",
+				subtitle: "Workspace overview for the current team.",
+				breadcrumbs: d
+			})
+		}), /* @__PURE__ */ o("div", {
+			className: "layout-content",
+			children: [
+				/* @__PURE__ */ a(i, {
+					title: "Sprint metrics",
+					children: /* @__PURE__ */ a(r, {
+						className: "layout-metrics layout-metrics--fixed-4",
+						"aria-label": "Sprint metrics",
+						items: s
+					})
+				}),
+				/* @__PURE__ */ a(i, {
+					title: "Weekly users",
+					children: /* @__PURE__ */ a(t, {
+						data: c,
+						variant: "line",
+						showTable: !1
+					})
+				}),
+				/* @__PURE__ */ a(i, {
+					title: "Open tasks",
+					description: "4 items need attention",
+					children: /* @__PURE__ */ a(e, {
+						caption: "Sprint backlog",
+						selectable: !0,
+						toolbar: !0,
+						cellSize: "sm",
+						searchPlaceholder: "Search tasks...",
+						filters: [{
+							key: "status",
+							label: "Status"
+						}, {
+							key: "owner",
+							label: "Owner"
+						}],
+						columnSettings: !0,
+						columns: l,
+						rows: u
+					})
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { d as DashboardPattern };
+
+//# sourceMappingURL=DashboardPattern.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPattern.js","names":[],"sources":["../../../../ui/patterns/DashboardPattern/DashboardPattern.tsx"],"sourcesContent":["\"use client\";\n\nimport { DataTable } from \"../../DataTable\";\nimport type { DataTableColumn, DataTableRow } from \"../../DataTable\";\nimport { LineChart } from \"../../LineChart\";\nimport { PageHeader } from \"../../PageHeader\";\nimport type { PageHeaderProps } from \"../../PageHeader\";\nimport { Scoreboard } from \"../../Scoreboard\";\nimport { Section } from \"../../Section\";\nimport type { ChartDatum } from \"../../shared/chartMath\";\n\nconst SPRINT_METRICS = [\n  { label: \"Weekly users\", value: \"1.44k\", delta: \"+6.2%\", trend: \"up\" as const, hint: \"vs last week\", size: \"lg\" as const, badge: \"Live\", badgeTone: \"success\" as const },\n  { label: \"Open tasks\", value: \"4\", delta: \"+1\", trend: \"up\" as const, hint: \"this sprint\", size: \"lg\" as const, badge: \"Sprint\", badgeTone: \"info\" as const },\n  { label: \"Blocked\", value: \"1\", delta: \"0\", trend: \"flat\" as const, hint: \"need owner\", size: \"lg\" as const, badge: \"At risk\", badgeTone: \"danger\" as const },\n  { label: \"Ready\", value: \"1\", delta: \"+1\", trend: \"up\" as const, hint: \"to ship\", size: \"lg\" as const, badge: \"Ship\", badgeTone: \"brand\" as const },\n];\n\nconst WEEKLY_USERS: ChartDatum[] = [\n  { label: \"Mon\", value: 1280 },\n  { label: \"Tue\", value: 1410 },\n  { label: \"Wed\", value: 1320 },\n  { label: \"Thu\", value: 1480 },\n  { label: \"Fri\", value: 1360 },\n  { label: \"Sat\", value: 1440 },\n  { label: \"Sun\", value: 1390 },\n];\n\nconst TASK_COLUMNS: DataTableColumn[] = [\n  { key: \"task\", header: \"Task\", sortable: true },\n  { key: \"owner\", header: \"Owner\", sortable: true },\n  { key: \"status\", header: \"Status\", sortable: true },\n];\n\nconst TASK_ROWS: DataTableRow[] = [\n  {\n    id: \"launch-brief\",\n    task: { type: \"file\", label: \"Launch brief\" },\n    owner: { type: \"avatar\", label: \"Maya Chen\", name: \"Maya Chen\", src: \"/faces/maya-chen.jpg\" },\n    status: { type: \"badge\", label: \"In review\", tone: \"warning\" },\n  },\n  {\n    id: \"qa-checklist\",\n    task: { type: \"file\", label: \"QA checklist\" },\n    owner: { type: \"avatar\", label: \"Unassigned\", name: \"Unassigned\" },\n    status: { type: \"badge\", label: \"Blocked\", tone: \"danger\" },\n  },\n  {\n    id: \"release-notes\",\n    task: { type: \"file\", label: \"Release notes\" },\n    owner: { type: \"avatar\", label: \"Jordan Lee\", name: \"Jordan Lee\", src: \"/faces/jordan-lee.jpg\" },\n    status: { type: \"badge\", label: \"Ready\", tone: \"success\" },\n  },\n  {\n    id: \"support-macros\",\n    task: { type: \"file\", label: \"Support macros\" },\n    owner: { type: \"avatar\", label: \"Alex Rivera\", name: \"Alex Rivera\", src: \"/faces/alex-rivera.jpg\" },\n    status: { type: \"badge\", label: \"In progress\", tone: \"info\" },\n  },\n];\n\nexport function DashboardPattern({ breadcrumbs }: { breadcrumbs?: PageHeaderProps[\"breadcrumbs\"] }) {\n  return (\n    <div className=\"layout-canvas layout-canvas--sticky-header\">\n      <div className=\"layout-header\">\n        <PageHeader\n          title=\"Overview\"\n          subtitle=\"Workspace overview for the current team.\"\n          breadcrumbs={breadcrumbs}\n        />\n      </div>\n      <div className=\"layout-content\">\n        <Section title=\"Sprint metrics\">\n          <Scoreboard\n            className=\"layout-metrics layout-metrics--fixed-4\"\n            aria-label=\"Sprint metrics\"\n            items={SPRINT_METRICS}\n          />\n        </Section>\n        <Section title=\"Weekly users\">\n          <LineChart data={WEEKLY_USERS} variant=\"line\" showTable={false} />\n        </Section>\n        <Section title=\"Open tasks\" description=\"4 items need attention\">\n          <DataTable\n            caption=\"Sprint backlog\"\n            selectable\n            toolbar\n            cellSize=\"sm\"\n            searchPlaceholder=\"Search tasks...\"\n            filters={[\n              { key: \"status\", label: \"Status\" },\n              { key: \"owner\", label: \"Owner\" },\n            ]}\n            columnSettings\n            columns={TASK_COLUMNS}\n            rows={TASK_ROWS}\n          />\n        </Section>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/patterns/DashboardPattern/index.d.ts

@@ -0,0 +1 @@
+export { DashboardPattern } from './DashboardPattern';

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

@@ -0,0 +1,8 @@
+import { PageHeaderProps } from '../../PageHeader';
+export interface EmptyFirstRunPatternProps {
+    breadcrumbs?: PageHeaderProps["breadcrumbs"];
+    onCreate?: (payload: {
+        title: string;
+    }) => void;
+}
+export declare function EmptyFirstRunPattern({ breadcrumbs, onCreate }: EmptyFirstRunPatternProps): import("react").JSX.Element;

package/dist/ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.js

@@ -0,0 +1,109 @@
+"use client";
+import { Button as e } from "../../Button/Button.js";
+import { ButtonGroup as t } from "../../ButtonGroup/ButtonGroup.js";
+import { Input as n } from "../../Input/Input.js";
+import { Empty as r } from "../../Empty/Empty.js";
+import { Field as i } from "../../Field/Field.js";
+import { Modal as a } from "../../Modal/Modal.js";
+import { PageHeader as o } from "../../PageHeader/PageHeader.js";
+import { Toast as s } from "../../Toast/Toast.js";
+import { useId as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.tsx
+function f({ breadcrumbs: f, onCreate: p }) {
+	let m = `${c()}-title`, [h, g] = l(!1), [_, v] = l(""), [y, b] = l(), [x, S] = l(!1), [C, w] = l("");
+	function T() {
+		g(!1), b(void 0);
+	}
+	function E() {
+		let e = _.trim();
+		if (!e) {
+			b("Enter a study name.");
+			return;
+		}
+		p?.({ title: e }), w(e), v(""), b(void 0), g(!1), S(!0);
+	}
+	function D(e) {
+		e.preventDefault(), E();
+	}
+	return /* @__PURE__ */ d("div", {
+		className: "layout-canvas layout-canvas--sticky-header",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "layout-header",
+				children: /* @__PURE__ */ u(o, {
+					title: "User research",
+					subtitle: "Interview notes and findings for Sprint 24.",
+					breadcrumbs: f
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "layout-content",
+				children: /* @__PURE__ */ u(r, {
+					title: "No studies yet",
+					description: "Add the first study so launch comments have evidence.",
+					icon: "User",
+					outlined: !0,
+					actions: /* @__PURE__ */ u(e, {
+						variant: "primary",
+						size: "md",
+						onClick: () => g(!0),
+						children: "New study"
+					})
+				})
+			}),
+			/* @__PURE__ */ u(a, {
+				open: h,
+				title: "New study",
+				description: "Name the study. Notes can come later.",
+				size: "md",
+				onClose: T,
+				footer: /* @__PURE__ */ d(t, {
+					ariaLabel: "Study actions",
+					children: [/* @__PURE__ */ u(e, {
+						variant: "secondary",
+						size: "md",
+						onClick: T,
+						children: "Cancel"
+					}), /* @__PURE__ */ u(e, {
+						variant: "primary",
+						size: "md",
+						onClick: E,
+						children: "Create study"
+					})]
+				}),
+				children: /* @__PURE__ */ u("form", {
+					onSubmit: D,
+					children: /* @__PURE__ */ u(i, {
+						label: "Title",
+						htmlFor: m,
+						hint: "Something the team will recognize",
+						error: y,
+						children: /* @__PURE__ */ u(n, {
+							id: m,
+							iconStart: "Search",
+							placeholder: "Launch interview round",
+							value: _,
+							onChange: (e) => {
+								v(e), y && b(void 0);
+							}
+						})
+					})
+				})
+			}),
+			/* @__PURE__ */ u(s, {
+				open: x,
+				title: "Study added",
+				description: C ? `We'll keep “${C}” in User research.` : void 0,
+				status: "success",
+				duration: 3e3,
+				onClose: () => S(!1),
+				onOpenChange: S
+			})
+		]
+	});
+}
+//#endregion
+export { f as EmptyFirstRunPattern };
+
+//# sourceMappingURL=EmptyFirstRunPattern.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyFirstRunPattern.js","names":[],"sources":["../../../../ui/patterns/EmptyFirstRunPattern/EmptyFirstRunPattern.tsx"],"sourcesContent":["\"use client\";\n\nimport { useId, useState, type FormEvent } from \"react\";\nimport { Button } from \"../../Button\";\nimport { ButtonGroup } from \"../../ButtonGroup\";\nimport { Empty } from \"../../Empty\";\nimport { Field } from \"../../Field\";\nimport { Input } from \"../../Input\";\nimport { Modal } from \"../../Modal\";\nimport { PageHeader } from \"../../PageHeader\";\nimport type { PageHeaderProps } from \"../../PageHeader\";\nimport { Toast } from \"../../Toast\";\n\nexport interface EmptyFirstRunPatternProps {\n  breadcrumbs?: PageHeaderProps[\"breadcrumbs\"];\n  onCreate?: (payload: { title: string }) => void;\n}\n\nexport function EmptyFirstRunPattern({ breadcrumbs, onCreate }: EmptyFirstRunPatternProps) {\n  const uid = useId();\n  const titleId = `${uid}-title`;\n  const [open, setOpen] = useState(false);\n  const [title, setTitle] = useState(\"\");\n  const [titleError, setTitleError] = useState<string | undefined>();\n  const [toastOpen, setToastOpen] = useState(false);\n  const [createdTitle, setCreatedTitle] = useState(\"\");\n\n  function close() {\n    setOpen(false);\n    setTitleError(undefined);\n  }\n\n  function create() {\n    const nextTitle = title.trim();\n    if (!nextTitle) {\n      setTitleError(\"Enter a study name.\");\n      return;\n    }\n\n    onCreate?.({ title: nextTitle });\n    setCreatedTitle(nextTitle);\n    setTitle(\"\");\n    setTitleError(undefined);\n    setOpen(false);\n    setToastOpen(true);\n  }\n\n  function handleSubmit(event: FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    create();\n  }\n\n  return (\n    <div className=\"layout-canvas layout-canvas--sticky-header\">\n      <div className=\"layout-header\">\n        <PageHeader\n          title=\"User research\"\n          subtitle=\"Interview notes and findings for Sprint 24.\"\n          breadcrumbs={breadcrumbs}\n        />\n      </div>\n      <div className=\"layout-content\">\n        <Empty\n          title=\"No studies yet\"\n          description=\"Add the first study so launch comments have evidence.\"\n          icon=\"User\"\n          outlined\n          actions={\n            <Button variant=\"primary\" size=\"md\" onClick={() => setOpen(true)}>\n              New study\n            </Button>\n          }\n        />\n      </div>\n      <Modal\n        open={open}\n        title=\"New study\"\n        description=\"Name the study. Notes can come later.\"\n        size=\"md\"\n        onClose={close}\n        footer={\n          <ButtonGroup ariaLabel=\"Study actions\">\n            <Button variant=\"secondary\" size=\"md\" onClick={close}>\n              Cancel\n            </Button>\n            <Button variant=\"primary\" size=\"md\" onClick={create}>\n              Create study\n            </Button>\n          </ButtonGroup>\n        }\n      >\n        <form onSubmit={handleSubmit}>\n          <Field\n            label=\"Title\"\n            htmlFor={titleId}\n            hint=\"Something the team will recognize\"\n            error={titleError}\n          >\n            <Input\n              id={titleId}\n              iconStart=\"Search\"\n              placeholder=\"Launch interview round\"\n              value={title}\n              onChange={(value) => {\n                setTitle(value);\n                if (titleError) setTitleError(undefined);\n              }}\n            />\n          </Field>\n        </form>\n      </Modal>\n      <Toast\n        open={toastOpen}\n        title=\"Study added\"\n        description={\n          createdTitle ? `We'll keep “${createdTitle}” in User research.` : undefined\n        }\n        status=\"success\"\n        duration={3000}\n        onClose={() => setToastOpen(false)}\n        onOpenChange={setToastOpen}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAgB,EAAqB,EAAE,gBAAa,eAAuC;CAEzF,IAAM,IAAU,GADJ,EACO,EAAI,SACjB,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,CAAC,GAAY,KAAiB,EAA6B,GAC3D,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAc,KAAmB,EAAS,EAAE;CAEnD,SAAS,IAAQ;EAEf,AADA,EAAQ,EAAK,GACb,EAAc,KAAA,CAAS;CACzB;CAEA,SAAS,IAAS;EAChB,IAAM,IAAY,EAAM,KAAK;EAC7B,IAAI,CAAC,GAAW;GACd,EAAc,qBAAqB;GACnC;EACF;EAOA,AALA,IAAW,EAAE,OAAO,EAAU,CAAC,GAC/B,EAAgB,CAAS,GACzB,EAAS,EAAE,GACX,EAAc,KAAA,CAAS,GACvB,EAAQ,EAAK,GACb,EAAa,EAAI;CACnB;CAEA,SAAS,EAAa,GAAmC;EAEvD,AADA,EAAM,eAAe,GACrB,EAAO;CACT;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACE,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,GAAD;KACE,OAAM;KACN,UAAS;KACI;IACd,CAAA;GACE,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAK;KACL,UAAA;KACA,SACE,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,EAAQ,EAAI;MAAG,UAAA;KAE1D,CAAA;IAEX,CAAA;GACE,CAAA;GACL,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,aAAY;IACZ,MAAK;IACL,SAAS;IACT,QACE,kBAAC,GAAD;KAAa,WAAU;KAAvB,UAAA,CACE,kBAAC,GAAD;MAAQ,SAAQ;MAAY,MAAK;MAAK,SAAS;MAAO,UAAA;KAE9C,CAAA,GACR,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,SAAS;MAAQ,UAAA;KAE7C,CAAA,CACG;;IAGf,UAAA,kBAAC,QAAD;KAAM,UAAU;KACd,UAAA,kBAAC,GAAD;MACE,OAAM;MACN,SAAS;MACT,MAAK;MACL,OAAO;MAEP,UAAA,kBAAC,GAAD;OACE,IAAI;OACJ,WAAU;OACV,aAAY;OACZ,OAAO;OACP,WAAW,MAAU;QAEnB,AADA,EAAS,CAAK,GACV,KAAY,EAAc,KAAA,CAAS;OACzC;MACD,CAAA;KACI,CAAA;IACH,CAAA;GACD,CAAA;GACP,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,aACE,IAAe,eAAe,EAAa,uBAAuB,KAAA;IAEpE,QAAO;IACP,UAAU;IACV,eAAe,EAAa,EAAK;IACjC,cAAc;GACf,CAAA;EACE;;AAET"}