@yarvelle/ui 0.1.1 → 0.1.2

package/dist/index.js

@@ -2402,8 +2402,348 @@ function ModelSelector({
   );
 }
 
-// src/notes/RecordSearch.tsx
+// src/chat/DeliberationRoundtable.tsx
+import * as React23 from "react";
 import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+var stanceBadgeVariant = {
+  endorse: "success",
+  complement: "info",
+  amend: "warn",
+  conflict: "danger"
+};
+function mapRiskTierToLevel(tier) {
+  switch (tier) {
+    case "irreversible":
+      return "danger";
+    case "write_external":
+    case "write_local":
+      return "warn";
+    case "read":
+      return "info";
+    default:
+      return "danger";
+  }
+}
+function DeliberationRoundtable({
+  panel_id,
+  title,
+  agents = [],
+  shared_constraints,
+  skipped_constraints,
+  proposals,
+  critiques,
+  staged_actions,
+  rounds_used,
+  converged,
+  termination_reason,
+  minority_reports,
+  open_amendments,
+  className,
+  onApproveStagedAction
+}) {
+  const proposalList = React23.useMemo(() => {
+    if (!proposals) return [];
+    if (Array.isArray(proposals)) return proposals;
+    const flat = [];
+    for (const roundKey of Object.keys(proposals)) {
+      const roundProposals = proposals[Number(roundKey)];
+      if (roundProposals) {
+        for (const agentKey of Object.keys(roundProposals)) {
+          flat.push(roundProposals[agentKey]);
+        }
+      }
+    }
+    return flat;
+  }, [proposals]);
+  const critiqueList = React23.useMemo(() => {
+    if (!critiques) return [];
+    if (Array.isArray(critiques)) return critiques;
+    const flat = [];
+    for (const roundKey of Object.keys(critiques)) {
+      const roundCritiques = critiques[Number(roundKey)];
+      if (Array.isArray(roundCritiques)) {
+        flat.push(...roundCritiques);
+      }
+    }
+    return flat;
+  }, [critiques]);
+  const availableRounds = React23.useMemo(() => {
+    const roundSet = /* @__PURE__ */ new Set();
+    proposalList.forEach((p) => roundSet.add(p.round_num));
+    critiqueList.forEach((c) => roundSet.add(c.round_num));
+    return Array.from(roundSet).sort((a, b) => a - b);
+  }, [proposalList, critiqueList]);
+  const [selectedRound, setSelectedRound] = React23.useState("all");
+  const filteredProposals = React23.useMemo(() => {
+    if (selectedRound === "all") return proposalList;
+    return proposalList.filter((p) => p.round_num === selectedRound);
+  }, [proposalList, selectedRound]);
+  const filteredCritiques = React23.useMemo(() => {
+    if (selectedRound === "all") return critiqueList;
+    return critiqueList.filter((c) => c.round_num === selectedRound);
+  }, [critiqueList, selectedRound]);
+  const renderStatusBadge = () => {
+    if (converged) {
+      return /* @__PURE__ */ jsx28(Badge, { variant: "success", children: "Converged" });
+    }
+    if (termination_reason === "max_rounds") {
+      return /* @__PURE__ */ jsx28(Badge, { variant: "warn", children: "Max Rounds Reached" });
+    }
+    if (termination_reason === "budget") {
+      return /* @__PURE__ */ jsx28(Badge, { variant: "danger", children: "Budget Exceeded" });
+    }
+    if (termination_reason === "cancelled") {
+      return /* @__PURE__ */ jsx28(Badge, { variant: "danger", children: "Cancelled" });
+    }
+    if (termination_reason) {
+      return /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: termination_reason });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      role: "region",
+      "aria-label": "Multi-Agent Deliberation Roundtable",
+      "data-slot": "deliberation-roundtable",
+      className: cn(
+        "yc-DeliberationRoundtable-root yc-RoundtableCard-root my-3 rounded-lg border border-border bg-surface p-4 text-xs shadow-1 space-y-4",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs20("div", { "data-slot": "panel-header", className: "yc-DeliberationRoundtable-header flex flex-col gap-2 pb-3 border-b border-border", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx28("h3", { "data-slot": "title", className: "yc-DeliberationRoundtable-title text-sm font-semibold text-fg", children: title || "Multi-Agent Deliberation" }),
+              panel_id && /* @__PURE__ */ jsx28(Badge, { variant: "outline", children: panel_id })
+            ] }),
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1.5", children: [
+              renderStatusBadge(),
+              rounds_used != null && /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: `Rounds: ${rounds_used}` })
+            ] })
+          ] }),
+          agents.length > 0 && /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-1.5", "data-slot": "agent-pills", children: [
+            /* @__PURE__ */ jsx28("span", { className: "text-fg-muted font-medium", children: "Specialists:" }),
+            agents.map((agent) => /* @__PURE__ */ jsx28(Badge, { variant: "neutral", "data-slot": "agent-pill", children: agent }, agent))
+          ] }),
+          shared_constraints && shared_constraints.length > 0 && /* @__PURE__ */ jsxs20("div", { className: "space-y-1.5 pt-1", "data-slot": "constraint-meters", children: [
+            /* @__PURE__ */ jsx28("span", { className: "text-fg-muted font-medium text-[11px]", children: "Shared Constraints:" }),
+            /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: shared_constraints.map((c) => {
+              const isSkipped = c.limit_value == null || c.skipped === true || skipped_constraints && skipped_constraints.includes(c.id);
+              const claimed = c.total_claimed ?? 0;
+              const isOver = !isSkipped && c.limit_value != null && claimed > c.limit_value;
+              const overAmount = isOver ? claimed - c.limit_value : 0;
+              return /* @__PURE__ */ jsxs20(
+                "div",
+                {
+                  "data-slot": "constraint-item",
+                  className: "yc-DeliberationRoundtable-constraintItem flex items-center justify-between p-2 rounded bg-surface-2 border border-border",
+                  children: [
+                    /* @__PURE__ */ jsxs20("div", { className: "flex flex-col", children: [
+                      /* @__PURE__ */ jsx28("span", { className: "font-semibold text-fg", children: c.id }),
+                      c.description && /* @__PURE__ */ jsx28("span", { className: "text-fg-muted text-[11px]", children: c.description })
+                    ] }),
+                    isSkipped ? /* @__PURE__ */ jsx28(Badge, { variant: "neutral", "data-slot": "constraint-skipped", children: "Limit Unknown (Skipped)" }) : /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ jsxs20("span", { className: "text-fg-muted font-mono", children: [
+                        claimed,
+                        " / ",
+                        c.limit_value,
+                        " ",
+                        c.unit
+                      ] }),
+                      isOver ? /* @__PURE__ */ jsx28(Badge, { variant: "danger", children: `Overbudget (+${overAmount.toFixed(1)})` }) : /* @__PURE__ */ jsx28(Badge, { variant: "success", children: "Within limit" })
+                    ] })
+                  ]
+                },
+                c.id
+              );
+            }) })
+          ] })
+        ] }),
+        filteredProposals.length > 0 && /* @__PURE__ */ jsxs20("div", { "data-slot": "proposals-section", className: "yc-DeliberationRoundtable-proposals space-y-3", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2 pb-1", "data-slot": "proposals-header", children: [
+            /* @__PURE__ */ jsx28("h4", { className: "text-sm font-semibold text-fg", children: "Specialist Proposals" }),
+            availableRounds.length > 1 && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-1", "data-slot": "round-tabs", role: "tablist", children: [
+              /* @__PURE__ */ jsx28(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": selectedRound === "all",
+                  className: cn(
+                    "px-2 py-0.5 rounded text-[11px] font-medium transition-colors",
+                    selectedRound === "all" ? "bg-primary text-primary-fg" : "bg-surface-2 text-fg-muted hover:bg-surface-3"
+                  ),
+                  onClick: () => setSelectedRound("all"),
+                  children: "All Rounds"
+                }
+              ),
+              availableRounds.map((r) => /* @__PURE__ */ jsx28(
+                "button",
+                {
+                  type: "button",
+                  role: "tab",
+                  "aria-selected": selectedRound === r,
+                  className: cn(
+                    "px-2 py-0.5 rounded text-[11px] font-medium transition-colors",
+                    selectedRound === r ? "bg-primary text-primary-fg" : "bg-surface-2 text-fg-muted hover:bg-surface-3"
+                  ),
+                  onClick: () => setSelectedRound(r),
+                  children: `Round ${r}`
+                },
+                r
+              ))
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx28("div", { className: "space-y-3", children: filteredProposals.map((p, idx) => /* @__PURE__ */ jsxs20(
+            "div",
+            {
+              "data-slot": "proposal-card",
+              className: "yc-DeliberationRoundtable-proposalCard rounded border border-border bg-surface-2 p-3 space-y-2",
+              children: [
+                /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                    /* @__PURE__ */ jsx28("span", { className: "font-semibold text-fg text-sm", children: p.agent_id }),
+                    /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: `Round ${p.round_num}` }),
+                    p.round_num > 1 && /* @__PURE__ */ jsx28(Badge, { variant: "primary", "data-slot": "revision-badge", children: "Revised after peer review" }),
+                    p.tainted === true && /* @__PURE__ */ jsx28(Badge, { variant: "warn", "data-slot": "taint-badge", children: "\u26A0\uFE0F Untrusted Source" })
+                  ] }),
+                  p.confidence != null && /* @__PURE__ */ jsx28("span", { className: "text-fg-muted font-mono text-[11px]", children: `conf: ${(p.confidence * 100).toFixed(0)}%` })
+                ] }),
+                /* @__PURE__ */ jsx28("p", { className: "text-fg text-xs leading-relaxed", children: p.summary }),
+                p.recommendations && p.recommendations.length > 0 && /* @__PURE__ */ jsxs20("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsx28("span", { className: "text-fg-muted text-[11px] font-medium", children: "Recommendations:" }),
+                  /* @__PURE__ */ jsx28("ul", { className: "space-y-1 ps-4 list-disc text-fg-muted text-xs", "data-slot": "recommendations", children: p.recommendations.map((rec, rIdx) => /* @__PURE__ */ jsx28("li", { children: rec }, rIdx)) })
+                ] }),
+                p.resource_claims && Object.keys(p.resource_claims).length > 0 && /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-center gap-1.5 pt-1", "data-slot": "resource-claims", children: [
+                  /* @__PURE__ */ jsx28("span", { className: "text-fg-muted text-[11px] font-medium", children: "Claims:" }),
+                  Object.entries(p.resource_claims).map(([key, val]) => {
+                    const unit = p.resource_claim_units?.[key] || "";
+                    return /* @__PURE__ */ jsx28(Badge, { variant: "neutral", className: "font-mono text-[11px]", children: `${key}: ${val}${unit ? ` ${unit}` : ""}` }, key);
+                  })
+                ] })
+              ]
+            },
+            `${p.agent_id}-${p.round_num}-${idx}`
+          )) })
+        ] }),
+        filteredCritiques.length > 0 && /* @__PURE__ */ jsxs20("div", { "data-slot": "critiques-section", className: "yc-DeliberationRoundtable-critiques space-y-3", children: [
+          /* @__PURE__ */ jsx28("h4", { className: "text-sm font-semibold text-fg", children: "Peer Critiques & Alignments" }),
+          /* @__PURE__ */ jsx28("div", { className: "space-y-2", children: filteredCritiques.map((c, idx) => {
+            const stanceVariant = stanceBadgeVariant[c.stance] || "neutral";
+            return /* @__PURE__ */ jsxs20(
+              "div",
+              {
+                "data-slot": "critique-item",
+                className: "yc-DeliberationRoundtable-critiqueItem flex flex-col gap-1.5 p-2.5 rounded border border-border bg-surface",
+                children: [
+                  /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+                    /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                      /* @__PURE__ */ jsx28("span", { className: "font-mono text-xs text-fg font-semibold", children: `${c.reviewer_agent_id} \u2192 ${c.target_agent_id}` }),
+                      /* @__PURE__ */ jsx28(Badge, { variant: stanceVariant, "data-slot": "stance-badge", children: c.stance.toUpperCase() }),
+                      /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: c.issue_type })
+                    ] }),
+                    /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: `Round ${c.round_num}` })
+                  ] }),
+                  /* @__PURE__ */ jsx28("p", { className: "text-fg-muted text-xs leading-relaxed", children: c.critique }),
+                  c.proposed_resolution && /* @__PURE__ */ jsxs20("p", { className: "text-fg text-xs font-medium", children: [
+                    /* @__PURE__ */ jsx28("span", { className: "text-fg-muted", children: "Proposed: " }),
+                    c.proposed_resolution
+                  ] })
+                ]
+              },
+              `${c.reviewer_agent_id}-${c.target_agent_id}-${c.round_num}-${idx}`
+            );
+          }) })
+        ] }),
+        minority_reports && minority_reports.length > 0 && /* @__PURE__ */ jsxs20("div", { "data-slot": "minority-report", className: "space-y-3 rounded-lg border border-danger-border bg-danger-bg/20 p-3", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx28(Badge, { variant: "danger", children: "Minority Report" }),
+              /* @__PURE__ */ jsx28("h4", { className: "text-sm font-semibold text-fg", children: "Minority Report: Unresolved Conflicts" })
+            ] }),
+            /* @__PURE__ */ jsx28("p", { className: "text-xs text-fg-muted", children: "The panel did not reach consensus on the following items. Options are presented below for stakeholder review and value judgment." })
+          ] }),
+          /* @__PURE__ */ jsx28("div", { className: "space-y-3", children: minority_reports.map((item, idx) => /* @__PURE__ */ jsxs20("div", { className: "rounded border border-border bg-surface p-3 space-y-2.5", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ jsx28(Badge, { variant: "danger", children: "CONFLICT" }),
+              /* @__PURE__ */ jsx28("span", { className: "font-mono text-xs font-semibold text-fg", children: `${item.reviewer_agent_id} vs. ${item.target_agent_id}` }),
+              /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: item.issue_type })
+            ] }),
+            /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2.5", children: [
+              /* @__PURE__ */ jsxs20("div", { "data-slot": "minority-option", "data-option": "A", className: "p-2.5 rounded bg-surface-2 border border-border space-y-1", children: [
+                /* @__PURE__ */ jsx28("div", { className: "font-semibold text-xs text-fg", children: `Option A (${item.target_agent_id} Position)` }),
+                /* @__PURE__ */ jsx28("p", { className: "text-xs text-fg-muted leading-relaxed", children: item.target_position }),
+                item.target_recommendations && item.target_recommendations.length > 0 && /* @__PURE__ */ jsx28("ul", { className: "list-disc ps-4 text-[11px] text-fg-muted space-y-0.5 pt-1", children: item.target_recommendations.map((rec, ri) => /* @__PURE__ */ jsx28("li", { children: rec }, ri)) })
+              ] }),
+              /* @__PURE__ */ jsxs20("div", { "data-slot": "minority-option", "data-option": "B", className: "p-2.5 rounded bg-surface-2 border border-border space-y-1", children: [
+                /* @__PURE__ */ jsx28("div", { className: "font-semibold text-xs text-fg", children: `Option B (${item.reviewer_agent_id} Position)` }),
+                /* @__PURE__ */ jsx28("p", { className: "text-xs text-fg-muted leading-relaxed", children: item.reviewer_critique }),
+                /* @__PURE__ */ jsxs20("p", { className: "text-xs text-fg pt-1", children: [
+                  /* @__PURE__ */ jsx28("span", { className: "text-fg-muted font-medium", children: "Proposed: " }),
+                  item.reviewer_proposed_resolution
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx28("div", { className: "text-xs text-primary font-medium", children: "Stakeholder Decision Required: Value judgment and review required by human stakeholder." })
+          ] }, idx)) })
+        ] }),
+        open_amendments && open_amendments.length > 0 && /* @__PURE__ */ jsxs20("div", { "data-slot": "open-amendments", className: "space-y-2 rounded-lg border border-warn-border bg-warn-bg/20 p-3", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx28(Badge, { variant: "warn", children: "Open Amendments" }),
+              /* @__PURE__ */ jsx28("h4", { className: "text-sm font-semibold text-fg", children: "Advisory Amendment Notes" })
+            ] }),
+            /* @__PURE__ */ jsx28("p", { className: "text-xs text-fg-muted", children: "The following peer amendment proposals remain open for stakeholder review:" })
+          ] }),
+          /* @__PURE__ */ jsx28("div", { className: "space-y-2", children: open_amendments.map((amend, idx) => /* @__PURE__ */ jsxs20("div", { className: "p-2.5 rounded border border-border bg-surface space-y-1", children: [
+            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ jsx28("span", { className: "font-mono text-xs font-semibold text-fg", children: `${amend.reviewer_agent_id} \u2192 ${amend.target_agent_id}` }),
+              /* @__PURE__ */ jsx28(Badge, { variant: "warn", children: "AMEND" }),
+              /* @__PURE__ */ jsx28(Badge, { variant: "neutral", children: amend.issue_type })
+            ] }),
+            /* @__PURE__ */ jsx28("p", { className: "text-xs text-fg-muted", children: amend.critique }),
+            amend.proposed_resolution && /* @__PURE__ */ jsxs20("p", { className: "text-xs text-fg", children: [
+              /* @__PURE__ */ jsx28("span", { className: "text-fg-muted font-medium", children: "Proposed: " }),
+              amend.proposed_resolution
+            ] })
+          ] }, idx)) })
+        ] }),
+        staged_actions && staged_actions.length > 0 && /* @__PURE__ */ jsxs20("div", { "data-slot": "staged-actions", className: "space-y-3 pt-1", children: [
+          /* @__PURE__ */ jsxs20("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx28("h4", { className: "text-sm font-semibold text-fg", children: "Staged Actions for Human Approval" }),
+            /* @__PURE__ */ jsx28("p", { className: "text-xs text-fg-muted", children: "All panel-staged actions require human verification before execution." })
+          ] }),
+          /* @__PURE__ */ jsx28("div", { className: "space-y-2", children: staged_actions.map((action, idx) => {
+            const level = mapRiskTierToLevel(action.risk_tier);
+            const actionId = action.id || `staged-${action.agent_id}-${action.tool_name}-${idx}`;
+            return /* @__PURE__ */ jsx28(
+              ApprovalCard,
+              {
+                id: actionId,
+                level,
+                label: `${action.agent_id}: ${action.tool_name}`,
+                details: {
+                  agent: action.agent_id,
+                  tool: action.tool_name,
+                  arguments: action.tool_args || {},
+                  rationale: action.rationale || "",
+                  risk_tier: action.risk_tier
+                },
+                status: action.status || "pending",
+                onDecide: onApproveStagedAction
+              },
+              actionId
+            );
+          }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/notes/RecordSearch.tsx
+import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
 function RecordSearch({
   searchQuery,
   onSearchChange,
@@ -2417,15 +2757,15 @@ function RecordSearch({
   placeholder = "Search records...",
   className
 }) {
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       "data-slot": "record-search",
       className: cn("yc-RecordSearch-root flex flex-col gap-2.5", className),
       children: [
-        /* @__PURE__ */ jsxs20("div", { className: "relative flex items-center", children: [
-          /* @__PURE__ */ jsx28("span", { className: "absolute start-3 text-fg-muted text-sm", children: "\u{1F50D}" }),
-          /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs21("div", { className: "relative flex items-center", children: [
+          /* @__PURE__ */ jsx29("span", { className: "absolute start-3 text-fg-muted text-sm", children: "\u{1F50D}" }),
+          /* @__PURE__ */ jsx29(
             "input",
             {
               type: "text",
@@ -2436,7 +2776,7 @@ function RecordSearch({
               "data-slot": "search-input"
             }
           ),
-          searchQuery && /* @__PURE__ */ jsx28(
+          searchQuery && /* @__PURE__ */ jsx29(
             "button",
             {
               type: "button",
@@ -2447,21 +2787,21 @@ function RecordSearch({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           "div",
           {
             "data-slot": "filter-chips",
             className: "yc-RecordSearch-chips flex flex-wrap gap-1.5",
             children: filterOptions.map((opt) => {
               const isSelected = opt.id === selectedFilter;
-              return /* @__PURE__ */ jsxs20(
+              return /* @__PURE__ */ jsxs21(
                 Chip,
                 {
                   selected: isSelected,
                   onClick: () => onFilterChange(opt.id),
                   children: [
                     opt.label,
-                    opt.count !== void 0 && /* @__PURE__ */ jsxs20("span", { className: "ms-1.5 text-xs text-fg-muted font-normal", children: [
+                    opt.count !== void 0 && /* @__PURE__ */ jsxs21("span", { className: "ms-1.5 text-xs text-fg-muted font-normal", children: [
                       "(",
                       opt.count,
                       ")"
@@ -2479,7 +2819,7 @@ function RecordSearch({
 }
 
 // src/notes/NotesList.tsx
-import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
 function NotesList({
   notes,
   selectedNoteId,
@@ -2489,16 +2829,16 @@ function NotesList({
   emptyDescription = "Create a new note or adjust your search filter."
 }) {
   if (notes.length === 0) {
-    return /* @__PURE__ */ jsx29(EmptyState, { title: emptyTitle, description: emptyDescription, className });
+    return /* @__PURE__ */ jsx30(EmptyState, { title: emptyTitle, description: emptyDescription, className });
   }
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "notes-list",
       className: cn("yc-NotesList-root flex flex-col gap-2 overflow-y-auto", className),
       children: notes.map((note) => {
         const isSelected = note.id === selectedNoteId;
-        return /* @__PURE__ */ jsxs21(
+        return /* @__PURE__ */ jsxs22(
           "button",
           {
             type: "button",
@@ -2510,15 +2850,15 @@ function NotesList({
               isSelected ? "border-primary bg-primary-subtle/20" : "border-border bg-surface hover:bg-surface-2"
             ),
             children: [
-              /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between gap-2 pb-1", children: [
-                /* @__PURE__ */ jsxs21("span", { className: "font-semibold text-sm text-fg truncate", children: [
-                  note.pinned && /* @__PURE__ */ jsx29("span", { className: "me-1 text-primary", children: "\u{1F4CC}" }),
+              /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between gap-2 pb-1", children: [
+                /* @__PURE__ */ jsxs22("span", { className: "font-semibold text-sm text-fg truncate", children: [
+                  note.pinned && /* @__PURE__ */ jsx30("span", { className: "me-1 text-primary", children: "\u{1F4CC}" }),
                   note.title || "Untitled Note"
                 ] }),
-                /* @__PURE__ */ jsx29("span", { className: "text-[11px] text-fg-muted shrink-0", children: note.updatedAt })
+                /* @__PURE__ */ jsx30("span", { className: "text-[11px] text-fg-muted shrink-0", children: note.updatedAt })
               ] }),
-              /* @__PURE__ */ jsx29("p", { className: "text-xs text-fg-muted line-clamp-2 leading-relaxed", children: note.content || "No content" }),
-              note.tags && note.tags.length > 0 && /* @__PURE__ */ jsx29("div", { className: "mt-2 flex flex-wrap gap-1", children: note.tags.map((tag) => /* @__PURE__ */ jsx29(Badge, { variant: "neutral", children: tag }, tag)) })
+              /* @__PURE__ */ jsx30("p", { className: "text-xs text-fg-muted line-clamp-2 leading-relaxed", children: note.content || "No content" }),
+              note.tags && note.tags.length > 0 && /* @__PURE__ */ jsx30("div", { className: "mt-2 flex flex-wrap gap-1", children: note.tags.map((tag) => /* @__PURE__ */ jsx30(Badge, { variant: "neutral", children: tag }, tag)) })
             ]
           },
           note.id
@@ -2529,7 +2869,7 @@ function NotesList({
 }
 
 // src/notes/NoteView.tsx
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
 function NoteView({
   note,
   onEdit,
@@ -2537,7 +2877,7 @@ function NoteView({
   onTogglePin,
   className
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "div",
     {
       "data-slot": "note-view",
@@ -2546,25 +2886,25 @@ function NoteView({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-start justify-between gap-4 border-b border-border pb-4", children: [
-          /* @__PURE__ */ jsxs22("div", { children: [
-            /* @__PURE__ */ jsxs22("h2", { className: "yc-NoteView-title text-xl font-bold text-fg flex items-center gap-2", children: [
-              note.pinned && /* @__PURE__ */ jsx30("span", { className: "text-primary text-base", children: "\u{1F4CC}" }),
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-start justify-between gap-4 border-b border-border pb-4", children: [
+          /* @__PURE__ */ jsxs23("div", { children: [
+            /* @__PURE__ */ jsxs23("h2", { className: "yc-NoteView-title text-xl font-bold text-fg flex items-center gap-2", children: [
+              note.pinned && /* @__PURE__ */ jsx31("span", { className: "text-primary text-base", children: "\u{1F4CC}" }),
               note.title || "Untitled Note"
             ] }),
-            /* @__PURE__ */ jsxs22("div", { className: "mt-1 flex items-center gap-3 text-xs text-fg-muted", children: [
-              /* @__PURE__ */ jsxs22("span", { children: [
+            /* @__PURE__ */ jsxs23("div", { className: "mt-1 flex items-center gap-3 text-xs text-fg-muted", children: [
+              /* @__PURE__ */ jsxs23("span", { children: [
                 "Updated ",
                 note.updatedAt
               ] }),
-              /* @__PURE__ */ jsxs22("span", { children: [
+              /* @__PURE__ */ jsxs23("span", { children: [
                 "Created ",
                 note.createdAt
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-            onTogglePin && /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
+            onTogglePin && /* @__PURE__ */ jsx31(
               Button,
               {
                 size: "sm",
@@ -2574,12 +2914,12 @@ function NoteView({
                 children: note.pinned ? "Unpin" : "Pin"
               }
             ),
-            onEdit && /* @__PURE__ */ jsx30(Button, { size: "sm", variant: "secondary", onClick: () => onEdit(note), children: "Edit" }),
-            onDelete && /* @__PURE__ */ jsx30(Button, { size: "sm", variant: "danger", onClick: () => onDelete(note.id), children: "Delete" })
+            onEdit && /* @__PURE__ */ jsx31(Button, { size: "sm", variant: "secondary", onClick: () => onEdit(note), children: "Edit" }),
+            onDelete && /* @__PURE__ */ jsx31(Button, { size: "sm", variant: "danger", onClick: () => onDelete(note.id), children: "Delete" })
           ] })
         ] }),
-        note.tags && note.tags.length > 0 && /* @__PURE__ */ jsx30("div", { className: "mt-3 flex flex-wrap gap-1.5 pb-2", children: note.tags.map((tag) => /* @__PURE__ */ jsx30(Badge, { variant: "neutral", children: tag }, tag)) }),
-        /* @__PURE__ */ jsx30(
+        note.tags && note.tags.length > 0 && /* @__PURE__ */ jsx31("div", { className: "mt-3 flex flex-wrap gap-1.5 pb-2", children: note.tags.map((tag) => /* @__PURE__ */ jsx31(Badge, { variant: "neutral", children: tag }, tag)) }),
+        /* @__PURE__ */ jsx31(
           "div",
           {
             "data-slot": "note-content",
@@ -2593,8 +2933,8 @@ function NoteView({
 }
 
 // src/calendar/Calendar.tsx
-import * as React23 from "react";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import * as React24 from "react";
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 function Calendar({
   events,
   selectedDate = /* @__PURE__ */ new Date(),
@@ -2604,8 +2944,8 @@ function Calendar({
   onViewModeChange,
   className
 }) {
-  const [currentDate, setCurrentDate] = React23.useState(selectedDate);
-  const [currentView, setCurrentView] = React23.useState(viewMode);
+  const [currentDate, setCurrentDate] = React24.useState(selectedDate);
+  const [currentView, setCurrentView] = React24.useState(viewMode);
   const activeView = onViewModeChange ? viewMode : currentView;
   const setView = (v) => {
     setCurrentView(v);
@@ -2641,7 +2981,7 @@ function Calendar({
     onSelectDate?.(today);
   };
   const monthName = currentDate.toLocaleString("default", { month: "long", year: "numeric" });
-  const monthDays = React23.useMemo(() => {
+  const monthDays = React24.useMemo(() => {
     const year = currentDate.getFullYear();
     const month = currentDate.getMonth();
     const firstDayIndex = new Date(year, month, 1).getDay();
@@ -2664,7 +3004,7 @@ function Calendar({
     }
     return days;
   }, [currentDate]);
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       "data-slot": "calendar",
@@ -2674,16 +3014,16 @@ function Calendar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs23("div", { className: "flex flex-wrap items-center justify-between gap-3 pb-4 border-b border-border", children: [
-          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx31("h2", { className: "text-lg font-bold text-fg", children: monthName }),
-            /* @__PURE__ */ jsx31(Button, { size: "sm", variant: "outline", onClick: handleToday, children: "Today" }),
-            /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx31(Button, { size: "sm", variant: "ghost", onClick: handlePrev, "aria-label": "Previous", children: "\u2039" }),
-              /* @__PURE__ */ jsx31(Button, { size: "sm", variant: "ghost", onClick: handleNext, "aria-label": "Next", children: "\u203A" })
+        /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap items-center justify-between gap-3 pb-4 border-b border-border", children: [
+          /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx32("h2", { className: "text-lg font-bold text-fg", children: monthName }),
+            /* @__PURE__ */ jsx32(Button, { size: "sm", variant: "outline", onClick: handleToday, children: "Today" }),
+            /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx32(Button, { size: "sm", variant: "ghost", onClick: handlePrev, "aria-label": "Previous", children: "\u2039" }),
+              /* @__PURE__ */ jsx32(Button, { size: "sm", variant: "ghost", onClick: handleNext, "aria-label": "Next", children: "\u203A" })
             ] })
           ] }),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx32(
             SegmentedControl,
             {
               size: "sm",
@@ -2697,16 +3037,16 @@ function Calendar({
             }
           )
         ] }),
-        activeView === "month" && /* @__PURE__ */ jsxs23("div", { "data-slot": "month-view", className: "mt-4 flex flex-col", children: [
-          /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-7 text-center text-xs font-semibold text-fg-muted pb-2", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((d) => /* @__PURE__ */ jsx31("div", { className: "py-1", children: d }, d)) }),
-          /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-7 gap-px bg-border rounded-lg overflow-hidden border border-border", children: monthDays.map((d, idx) => {
+        activeView === "month" && /* @__PURE__ */ jsxs24("div", { "data-slot": "month-view", className: "mt-4 flex flex-col", children: [
+          /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-7 text-center text-xs font-semibold text-fg-muted pb-2", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((d) => /* @__PURE__ */ jsx32("div", { className: "py-1", children: d }, d)) }),
+          /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-7 gap-px bg-border rounded-lg overflow-hidden border border-border", children: monthDays.map((d, idx) => {
             const dateStr = d.date.toISOString().split("T")[0];
             const dayEvents = events.filter((e) => {
               const s = typeof e.start === "string" ? e.start : e.start.toISOString();
               return s.startsWith(dateStr);
             });
             const hasConflict = dayEvents.some((e) => e.conflict);
-            return /* @__PURE__ */ jsxs23(
+            return /* @__PURE__ */ jsxs24(
               "div",
               {
                 onClick: () => onSelectDate?.(d.date),
@@ -2715,12 +3055,12 @@ function Calendar({
                   d.isCurrentMonth ? "bg-surface hover:bg-surface-2" : "bg-surface-2/50 text-fg-muted"
                 ),
                 children: [
-                  /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between", children: [
-                    /* @__PURE__ */ jsx31("span", { className: "text-xs font-medium", children: d.dayNumber }),
-                    hasConflict && /* @__PURE__ */ jsx31(Badge, { variant: "danger", className: "text-[10px] px-1 py-0", children: "Conflict" })
+                  /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ jsx32("span", { className: "text-xs font-medium", children: d.dayNumber }),
+                    hasConflict && /* @__PURE__ */ jsx32(Badge, { variant: "danger", className: "text-[10px] px-1 py-0", children: "Conflict" })
                   ] }),
-                  /* @__PURE__ */ jsxs23("div", { className: "flex flex-col gap-1 mt-1", children: [
-                    dayEvents.slice(0, 2).map((ev) => /* @__PURE__ */ jsx31(
+                  /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-1 mt-1", children: [
+                    dayEvents.slice(0, 2).map((ev) => /* @__PURE__ */ jsx32(
                       "button",
                       {
                         type: "button",
@@ -2736,7 +3076,7 @@ function Calendar({
                       },
                       ev.id
                     )),
-                    dayEvents.length > 2 && /* @__PURE__ */ jsxs23("span", { className: "text-[10px] text-fg-muted ps-1", children: [
+                    dayEvents.length > 2 && /* @__PURE__ */ jsxs24("span", { className: "text-[10px] text-fg-muted ps-1", children: [
                       "+",
                       dayEvents.length - 2,
                       " more"
@@ -2748,9 +3088,9 @@ function Calendar({
             );
           }) })
         ] }),
-        activeView === "week" && /* @__PURE__ */ jsx31("div", { "data-slot": "week-view", className: "mt-4 p-4 text-center text-sm text-fg-muted", children: /* @__PURE__ */ jsx31("div", { className: "grid grid-cols-7 gap-2", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((dayName, idx) => /* @__PURE__ */ jsxs23("div", { className: "rounded-lg border border-border p-2 bg-surface-2", children: [
-          /* @__PURE__ */ jsx31("div", { className: "font-semibold text-fg text-xs pb-1", children: dayName }),
-          /* @__PURE__ */ jsx31("div", { className: "space-y-1 mt-2", children: events.slice(0, 2).map((ev) => /* @__PURE__ */ jsx31(
+        activeView === "week" && /* @__PURE__ */ jsx32("div", { "data-slot": "week-view", className: "mt-4 p-4 text-center text-sm text-fg-muted", children: /* @__PURE__ */ jsx32("div", { className: "grid grid-cols-7 gap-2", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((dayName, idx) => /* @__PURE__ */ jsxs24("div", { className: "rounded-lg border border-border p-2 bg-surface-2", children: [
+          /* @__PURE__ */ jsx32("div", { className: "font-semibold text-fg text-xs pb-1", children: dayName }),
+          /* @__PURE__ */ jsx32("div", { className: "space-y-1 mt-2", children: events.slice(0, 2).map((ev) => /* @__PURE__ */ jsx32(
             "div",
             {
               onClick: () => onSelectEvent?.(ev),
@@ -2763,7 +3103,7 @@ function Calendar({
             ev.id
           )) })
         ] }, idx)) }) }),
-        activeView === "agenda" && /* @__PURE__ */ jsx31("div", { "data-slot": "agenda-view", className: "mt-4 flex flex-col gap-2", children: events.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "py-8 text-center text-sm text-fg-muted", children: "No scheduled events." }) : events.map((ev) => /* @__PURE__ */ jsxs23(
+        activeView === "agenda" && /* @__PURE__ */ jsx32("div", { "data-slot": "agenda-view", className: "mt-4 flex flex-col gap-2", children: events.length === 0 ? /* @__PURE__ */ jsx32("div", { className: "py-8 text-center text-sm text-fg-muted", children: "No scheduled events." }) : events.map((ev) => /* @__PURE__ */ jsxs24(
           "div",
           {
             onClick: () => onSelectEvent?.(ev),
@@ -2772,15 +3112,15 @@ function Calendar({
               ev.conflict ? "border-danger-border bg-danger-bg/20" : "border-border bg-surface"
             ),
             children: [
-              /* @__PURE__ */ jsxs23("div", { children: [
-                /* @__PURE__ */ jsx31("h4", { className: "text-sm font-semibold text-fg", children: ev.title }),
-                /* @__PURE__ */ jsxs23("p", { className: "text-xs text-fg-muted", children: [
+              /* @__PURE__ */ jsxs24("div", { children: [
+                /* @__PURE__ */ jsx32("h4", { className: "text-sm font-semibold text-fg", children: ev.title }),
+                /* @__PURE__ */ jsxs24("p", { className: "text-xs text-fg-muted", children: [
                   String(ev.start),
                   " ",
                   ev.location && `\u2022 ${ev.location}`
                 ] })
               ] }),
-              ev.conflict && /* @__PURE__ */ jsx31(Badge, { variant: "danger", children: "Conflict" })
+              ev.conflict && /* @__PURE__ */ jsx32(Badge, { variant: "danger", children: "Conflict" })
             ]
           },
           ev.id
@@ -2791,18 +3131,18 @@ function Calendar({
 }
 
 // src/calendar/ScheduleAgenda.tsx
-import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 function ScheduleAgenda({
   events,
   onSelectEvent,
   className
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "schedule-agenda",
       className: cn("yc-ScheduleAgenda-root flex flex-col gap-3", className),
-      children: events.length === 0 ? /* @__PURE__ */ jsx32("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No scheduled agenda items." }) : events.map((event) => /* @__PURE__ */ jsxs24(
+      children: events.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No scheduled agenda items." }) : events.map((event) => /* @__PURE__ */ jsxs25(
         "div",
         {
           onClick: () => onSelectEvent?.(event),
@@ -2812,15 +3152,15 @@ function ScheduleAgenda({
             event.conflict ? "border-danger-border bg-danger-bg/20" : "border-border bg-surface hover:bg-surface-2"
           ),
           children: [
-            /* @__PURE__ */ jsxs24("div", { className: "flex flex-col gap-0.5", children: [
-              /* @__PURE__ */ jsx32("span", { className: "text-sm font-semibold text-fg", children: event.title }),
-              /* @__PURE__ */ jsxs24("span", { className: "text-xs text-fg-muted", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ jsx33("span", { className: "text-sm font-semibold text-fg", children: event.title }),
+              /* @__PURE__ */ jsxs25("span", { className: "text-xs text-fg-muted", children: [
                 String(event.start),
                 " ",
                 event.location && `\u2022 ${event.location}`
               ] })
             ] }),
-            event.conflict && /* @__PURE__ */ jsx32(Badge, { variant: "danger", children: "Conflict" })
+            event.conflict && /* @__PURE__ */ jsx33(Badge, { variant: "danger", children: "Conflict" })
           ]
         },
         event.id
@@ -2830,21 +3170,21 @@ function ScheduleAgenda({
 }
 
 // src/calendar/Reminders.tsx
-import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 function Reminders({
   reminders,
   onComplete,
   onSnooze,
   className
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "reminders",
       className: cn("yc-Reminders-root flex flex-col gap-2", className),
-      children: reminders.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No reminders pending." }) : reminders.map((reminder) => {
+      children: reminders.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No reminders pending." }) : reminders.map((reminder) => {
         const isDone = reminder.completed;
-        return /* @__PURE__ */ jsxs25(
+        return /* @__PURE__ */ jsxs26(
           "div",
           {
             "data-slot": "reminder-item",
@@ -2854,8 +3194,8 @@ function Reminders({
               isDone && "opacity-60"
             ),
             children: [
-              /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx33(
+              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx34(
                   "input",
                   {
                     type: "checkbox",
@@ -2865,8 +3205,8 @@ function Reminders({
                     "aria-label": `Mark ${reminder.title} as completed`
                   }
                 ),
-                /* @__PURE__ */ jsxs25("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsxs26("div", { className: "flex flex-col", children: [
+                  /* @__PURE__ */ jsx34(
                     "span",
                     {
                       className: cn(
@@ -2876,23 +3216,23 @@ function Reminders({
                       children: reminder.title
                     }
                   ),
-                  /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 text-xs text-fg-muted", children: [
-                    /* @__PURE__ */ jsxs25("span", { children: [
+                  /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 text-xs text-fg-muted", children: [
+                    /* @__PURE__ */ jsxs26("span", { children: [
                       "Due: ",
                       reminder.dueAt
                     ] }),
-                    reminder.rrule && /* @__PURE__ */ jsxs25(Badge, { variant: "neutral", className: "text-[10px] px-1 py-0", children: [
+                    reminder.rrule && /* @__PURE__ */ jsxs26(Badge, { variant: "neutral", className: "text-[10px] px-1 py-0", children: [
                       "\u{1F504} ",
                       reminder.rrule
                     ] }),
-                    reminder.snoozedUntil && /* @__PURE__ */ jsxs25("span", { className: "text-warn-fg", children: [
+                    reminder.snoozedUntil && /* @__PURE__ */ jsxs26("span", { className: "text-warn-fg", children: [
                       "Snoozed until ",
                       reminder.snoozedUntil
                     ] })
                   ] })
                 ] })
               ] }),
-              !isDone && onSnooze && /* @__PURE__ */ jsx33(
+              !isDone && onSnooze && /* @__PURE__ */ jsx34(
                 Button,
                 {
                   size: "sm",
@@ -2912,37 +3252,37 @@ function Reminders({
 }
 
 // src/calendar/Routines.tsx
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 function Routines({
   routines,
   onToggleActive,
   className
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "routines",
       className: cn("yc-Routines-root flex flex-col gap-2.5", className),
-      children: routines.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No active routines configured." }) : routines.map((routine) => /* @__PURE__ */ jsxs26(
+      children: routines.length === 0 ? /* @__PURE__ */ jsx35("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No active routines configured." }) : routines.map((routine) => /* @__PURE__ */ jsxs27(
         "div",
         {
           "data-slot": "routine-item",
           className: "yc-Routines-item flex items-center justify-between rounded-lg border border-border bg-surface p-3 shadow-1",
           children: [
-            /* @__PURE__ */ jsxs26("div", { className: "flex flex-col gap-1", children: [
-              /* @__PURE__ */ jsx34("span", { className: "text-sm font-semibold text-fg", children: routine.title }),
-              /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 text-xs text-fg-muted", children: [
-                /* @__PURE__ */ jsx34(Badge, { variant: "neutral", children: routine.frequency }),
-                /* @__PURE__ */ jsx34("span", { children: routine.timeOfDay }),
-                routine.durationMinutes && /* @__PURE__ */ jsxs26("span", { children: [
+            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsx35("span", { className: "text-sm font-semibold text-fg", children: routine.title }),
+              /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 text-xs text-fg-muted", children: [
+                /* @__PURE__ */ jsx35(Badge, { variant: "neutral", children: routine.frequency }),
+                /* @__PURE__ */ jsx35("span", { children: routine.timeOfDay }),
+                routine.durationMinutes && /* @__PURE__ */ jsxs27("span", { children: [
                   "(",
                   routine.durationMinutes,
                   " mins)"
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs26("label", { className: "relative inline-flex cursor-pointer items-center", children: [
-              /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsxs27("label", { className: "relative inline-flex cursor-pointer items-center", children: [
+              /* @__PURE__ */ jsx35(
                 "input",
                 {
                   type: "checkbox",
@@ -2952,7 +3292,7 @@ function Routines({
                   "aria-label": `Toggle ${routine.title} routine`
                 }
               ),
-              /* @__PURE__ */ jsx34("div", { className: "h-6 w-11 rounded-full bg-surface-3 peer peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-border after:border after:rounded-full after:h-5 after:w-5 after:transition-all" })
+              /* @__PURE__ */ jsx35("div", { className: "h-6 w-11 rounded-full bg-surface-3 peer peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-border after:border after:rounded-full after:h-5 after:w-5 after:transition-all" })
             ] })
           ]
         },
@@ -2963,7 +3303,7 @@ function Routines({
 }
 
 // src/calendar/ActivityTimeline.tsx
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 var statusColors = {
   info: "bg-info-fg",
   success: "bg-success-fg",
@@ -2971,18 +3311,18 @@ var statusColors = {
   danger: "bg-danger-fg"
 };
 function ActivityTimeline({ events, className }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "activity-timeline",
       className: cn("yc-ActivityTimeline-root flex flex-col", className),
-      children: events.length === 0 ? /* @__PURE__ */ jsx35("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No timeline activities." }) : /* @__PURE__ */ jsx35("div", { className: "relative border-s border-border ms-3.5 space-y-6 my-2", children: events.map((ev) => /* @__PURE__ */ jsxs27(
+      children: events.length === 0 ? /* @__PURE__ */ jsx36("div", { className: "py-6 text-center text-sm text-fg-muted", children: "No timeline activities." }) : /* @__PURE__ */ jsx36("div", { className: "relative border-s border-border ms-3.5 space-y-6 my-2", children: events.map((ev) => /* @__PURE__ */ jsxs28(
         "div",
         {
           "data-slot": "timeline-item",
           className: "yc-ActivityTimeline-item relative ps-6",
           children: [
-            /* @__PURE__ */ jsx35(
+            /* @__PURE__ */ jsx36(
               "span",
               {
                 className: cn(
@@ -2991,12 +3331,12 @@ function ActivityTimeline({ events, className }) {
                 )
               }
             ),
-            /* @__PURE__ */ jsxs27("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsxs27("div", { className: "flex items-center justify-between gap-2", children: [
-                /* @__PURE__ */ jsx35("span", { className: "text-sm font-semibold text-fg", children: ev.title }),
-                /* @__PURE__ */ jsx35("span", { className: "text-xs text-fg-muted", children: ev.timestamp })
+            /* @__PURE__ */ jsxs28("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx36("span", { className: "text-sm font-semibold text-fg", children: ev.title }),
+                /* @__PURE__ */ jsx36("span", { className: "text-xs text-fg-muted", children: ev.timestamp })
               ] }),
-              ev.description && /* @__PURE__ */ jsx35("p", { className: "mt-1 text-xs text-fg-muted leading-relaxed", children: ev.description })
+              ev.description && /* @__PURE__ */ jsx36("p", { className: "mt-1 text-xs text-fg-muted leading-relaxed", children: ev.description })
             ] })
           ]
         },
@@ -3007,7 +3347,7 @@ function ActivityTimeline({ events, className }) {
 }
 
 // src/profiles/ProfileSwitcher.tsx
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 function ProfileSwitcher({
   members,
   activeMemberId,
@@ -3015,21 +3355,21 @@ function ProfileSwitcher({
   className
 }) {
   const activeMember = members.find((m) => m.id === activeMemberId) || members[0];
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       "data-slot": "profile-switcher",
       className: cn("yc-ProfileSwitcher-root inline-block", className),
-      children: /* @__PURE__ */ jsxs28(Menu, { children: [
-        /* @__PURE__ */ jsxs28(MenuTrigger, { className: "flex items-center gap-2 rounded-lg border border-border bg-surface px-2.5 py-1.5 shadow-1 hover:bg-surface-2 transition-colors", children: [
-          /* @__PURE__ */ jsx36(Avatar, { size: "sm", children: activeMember?.avatarUrl ? /* @__PURE__ */ jsx36(AvatarImage, { src: activeMember.avatarUrl, alt: activeMember.displayName }) : /* @__PURE__ */ jsx36(AvatarFallback, { children: activeMember ? activeMember.displayName.substring(0, 2).toUpperCase() : "ME" }) }),
-          /* @__PURE__ */ jsxs28("div", { className: "flex flex-col text-start", children: [
-            /* @__PURE__ */ jsx36("span", { className: "text-xs font-semibold text-fg", children: activeMember ? activeMember.displayName : "Select Profile" }),
-            activeMember?.relationship && /* @__PURE__ */ jsx36("span", { className: "text-[10px] text-fg-muted", children: activeMember.relationship })
+      children: /* @__PURE__ */ jsxs29(Menu, { children: [
+        /* @__PURE__ */ jsxs29(MenuTrigger, { className: "flex items-center gap-2 rounded-lg border border-border bg-surface px-2.5 py-1.5 shadow-1 hover:bg-surface-2 transition-colors", children: [
+          /* @__PURE__ */ jsx37(Avatar, { size: "sm", children: activeMember?.avatarUrl ? /* @__PURE__ */ jsx37(AvatarImage, { src: activeMember.avatarUrl, alt: activeMember.displayName }) : /* @__PURE__ */ jsx37(AvatarFallback, { children: activeMember ? activeMember.displayName.substring(0, 2).toUpperCase() : "ME" }) }),
+          /* @__PURE__ */ jsxs29("div", { className: "flex flex-col text-start", children: [
+            /* @__PURE__ */ jsx37("span", { className: "text-xs font-semibold text-fg", children: activeMember ? activeMember.displayName : "Select Profile" }),
+            activeMember?.relationship && /* @__PURE__ */ jsx37("span", { className: "text-[10px] text-fg-muted", children: activeMember.relationship })
           ] }),
-          /* @__PURE__ */ jsx36("span", { className: "ms-1 text-xs text-fg-muted", children: "\u25BE" })
+          /* @__PURE__ */ jsx37("span", { className: "ms-1 text-xs text-fg-muted", children: "\u25BE" })
         ] }),
-        /* @__PURE__ */ jsx36(MenuContent, { align: "start", children: members.map((member) => /* @__PURE__ */ jsxs28(
+        /* @__PURE__ */ jsx37(MenuContent, { align: "start", children: members.map((member) => /* @__PURE__ */ jsxs29(
           MenuItem,
           {
             onClick: () => onSelectMember(member.id),
@@ -3038,10 +3378,10 @@ function ProfileSwitcher({
               member.id === activeMemberId && "bg-surface-2 font-semibold"
             ),
             children: [
-              /* @__PURE__ */ jsx36(Avatar, { size: "sm", children: member.avatarUrl ? /* @__PURE__ */ jsx36(AvatarImage, { src: member.avatarUrl, alt: member.displayName }) : /* @__PURE__ */ jsx36(AvatarFallback, { children: member.displayName.substring(0, 2).toUpperCase() }) }),
-              /* @__PURE__ */ jsxs28("div", { className: "flex flex-col text-start", children: [
-                /* @__PURE__ */ jsx36("span", { className: "text-xs text-fg", children: member.displayName }),
-                /* @__PURE__ */ jsx36("span", { className: "text-[10px] text-fg-muted", children: member.relationship || member.role })
+              /* @__PURE__ */ jsx37(Avatar, { size: "sm", children: member.avatarUrl ? /* @__PURE__ */ jsx37(AvatarImage, { src: member.avatarUrl, alt: member.displayName }) : /* @__PURE__ */ jsx37(AvatarFallback, { children: member.displayName.substring(0, 2).toUpperCase() }) }),
+              /* @__PURE__ */ jsxs29("div", { className: "flex flex-col text-start", children: [
+                /* @__PURE__ */ jsx37("span", { className: "text-xs text-fg", children: member.displayName }),
+                /* @__PURE__ */ jsx37("span", { className: "text-[10px] text-fg-muted", children: member.relationship || member.role })
               ] })
             ]
           },
@@ -3053,7 +3393,7 @@ function ProfileSwitcher({
 }
 
 // src/profiles/MemberCard.tsx
-import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 var roleBadgeVariant = {
   owner: "primary",
   steward: "info",
@@ -3061,7 +3401,7 @@ var roleBadgeVariant = {
   viewer: "warn"
 };
 function MemberCard({ member, onEdit, className }) {
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       "data-slot": "member-card",
@@ -3070,15 +3410,15 @@ function MemberCard({ member, onEdit, className }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx37(Avatar, { size: "md", children: member.avatarUrl ? /* @__PURE__ */ jsx37(AvatarImage, { src: member.avatarUrl, alt: member.displayName }) : /* @__PURE__ */ jsx37(AvatarFallback, { children: member.displayName.substring(0, 2).toUpperCase() }) }),
-          /* @__PURE__ */ jsxs29("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsxs29("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx37("span", { className: "text-sm font-bold text-fg", children: member.displayName }),
-              /* @__PURE__ */ jsx37(Badge, { variant: roleBadgeVariant[member.role], children: member.role })
+        /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx38(Avatar, { size: "md", children: member.avatarUrl ? /* @__PURE__ */ jsx38(AvatarImage, { src: member.avatarUrl, alt: member.displayName }) : /* @__PURE__ */ jsx38(AvatarFallback, { children: member.displayName.substring(0, 2).toUpperCase() }) }),
+          /* @__PURE__ */ jsxs30("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx38("span", { className: "text-sm font-bold text-fg", children: member.displayName }),
+              /* @__PURE__ */ jsx38(Badge, { variant: roleBadgeVariant[member.role], children: member.role })
             ] }),
-            member.relationship && /* @__PURE__ */ jsx37("span", { className: "text-xs text-fg-muted", children: member.relationship }),
-            member.scopes && member.scopes.length > 0 && /* @__PURE__ */ jsx37("div", { className: "mt-1 flex flex-wrap gap-1", children: member.scopes.map((scope) => /* @__PURE__ */ jsx37(
+            member.relationship && /* @__PURE__ */ jsx38("span", { className: "text-xs text-fg-muted", children: member.relationship }),
+            member.scopes && member.scopes.length > 0 && /* @__PURE__ */ jsx38("div", { className: "mt-1 flex flex-wrap gap-1", children: member.scopes.map((scope) => /* @__PURE__ */ jsx38(
               "span",
               {
                 className: "rounded bg-surface-2 px-1.5 py-0.5 text-[10px] text-fg-muted",
@@ -3088,25 +3428,25 @@ function MemberCard({ member, onEdit, className }) {
             )) })
           ] })
         ] }),
-        onEdit && /* @__PURE__ */ jsx37(Button, { size: "sm", variant: "ghost", onClick: () => onEdit(member), children: "Edit" })
+        onEdit && /* @__PURE__ */ jsx38(Button, { size: "sm", variant: "ghost", onClick: () => onEdit(member), children: "Edit" })
       ]
     }
   );
 }
 
 // src/profiles/ProfileEditModal.tsx
-import * as React24 from "react";
-import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
+import * as React25 from "react";
+import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
 function ProfileEditModal({
   member,
   open,
   onOpenChange,
   onSave
 }) {
-  const [displayName, setDisplayName] = React24.useState(member?.displayName || "");
-  const [relationship, setRelationship] = React24.useState(member?.relationship || "");
-  const [role, setRole] = React24.useState(member?.role || "member");
-  React24.useEffect(() => {
+  const [displayName, setDisplayName] = React25.useState(member?.displayName || "");
+  const [relationship, setRelationship] = React25.useState(member?.relationship || "");
+  const [role, setRole] = React25.useState(member?.role || "member");
+  React25.useEffect(() => {
     if (member) {
       setDisplayName(member.displayName);
       setRelationship(member.relationship || "");
@@ -3124,12 +3464,12 @@ function ProfileEditModal({
     });
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx38(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx38(DialogContent, { className: "yc-ProfileEditModal-content max-w-md", children: /* @__PURE__ */ jsxs30("form", { onSubmit: handleSubmit, "data-slot": "profile-edit-modal", children: [
-    /* @__PURE__ */ jsx38(DialogHeader, { children: /* @__PURE__ */ jsx38(DialogTitle, { children: "Edit Profile" }) }),
-    /* @__PURE__ */ jsxs30("div", { className: "space-y-4 py-4 text-xs", children: [
-      /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsx38("label", { className: "block font-medium text-fg mb-1", children: "Display Name" }),
-        /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsx39(DialogContent, { className: "yc-ProfileEditModal-content max-w-md", children: /* @__PURE__ */ jsxs31("form", { onSubmit: handleSubmit, "data-slot": "profile-edit-modal", children: [
+    /* @__PURE__ */ jsx39(DialogHeader, { children: /* @__PURE__ */ jsx39(DialogTitle, { children: "Edit Profile" }) }),
+    /* @__PURE__ */ jsxs31("div", { className: "space-y-4 py-4 text-xs", children: [
+      /* @__PURE__ */ jsxs31("div", { children: [
+        /* @__PURE__ */ jsx39("label", { className: "block font-medium text-fg mb-1", children: "Display Name" }),
+        /* @__PURE__ */ jsx39(
           "input",
           {
             type: "text",
@@ -3140,9 +3480,9 @@ function ProfileEditModal({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsx38("label", { className: "block font-medium text-fg mb-1", children: "Relationship" }),
-        /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsxs31("div", { children: [
+        /* @__PURE__ */ jsx39("label", { className: "block font-medium text-fg mb-1", children: "Relationship" }),
+        /* @__PURE__ */ jsx39(
           "input",
           {
             type: "text",
@@ -3153,33 +3493,33 @@ function ProfileEditModal({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs30("div", { children: [
-        /* @__PURE__ */ jsx38("label", { className: "block font-medium text-fg mb-1", children: "Role" }),
-        /* @__PURE__ */ jsxs30(
+      /* @__PURE__ */ jsxs31("div", { children: [
+        /* @__PURE__ */ jsx39("label", { className: "block font-medium text-fg mb-1", children: "Role" }),
+        /* @__PURE__ */ jsxs31(
           "select",
           {
             value: role,
             onChange: (e) => setRole(e.target.value),
             className: "w-full rounded-md border border-border bg-surface-2 p-2 text-sm text-fg focus:border-primary focus:outline-none",
             children: [
-              /* @__PURE__ */ jsx38("option", { value: "owner", children: "Owner" }),
-              /* @__PURE__ */ jsx38("option", { value: "steward", children: "Steward" }),
-              /* @__PURE__ */ jsx38("option", { value: "member", children: "Member" }),
-              /* @__PURE__ */ jsx38("option", { value: "viewer", children: "Viewer" })
+              /* @__PURE__ */ jsx39("option", { value: "owner", children: "Owner" }),
+              /* @__PURE__ */ jsx39("option", { value: "steward", children: "Steward" }),
+              /* @__PURE__ */ jsx39("option", { value: "member", children: "Member" }),
+              /* @__PURE__ */ jsx39("option", { value: "viewer", children: "Viewer" })
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs30(DialogFooter, { className: "gap-2", children: [
-      /* @__PURE__ */ jsx38(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx38(Button, { type: "button", variant: "ghost", size: "sm", children: "Cancel" }) }),
-      /* @__PURE__ */ jsx38(Button, { type: "submit", variant: "primary", size: "sm", children: "Save Changes" })
+    /* @__PURE__ */ jsxs31(DialogFooter, { className: "gap-2", children: [
+      /* @__PURE__ */ jsx39(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx39(Button, { type: "button", variant: "ghost", size: "sm", children: "Cancel" }) }),
+      /* @__PURE__ */ jsx39(Button, { type: "submit", variant: "primary", size: "sm", children: "Save Changes" })
     ] })
   ] }) }) });
 }
 
 // src/profiles/RoleMatrix.tsx
-import { jsx as jsx39, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
 function RoleMatrix({
   permissions,
   onChange,
@@ -3195,7 +3535,7 @@ function RoleMatrix({
     };
     onChange(next);
   };
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       "data-slot": "role-matrix",
@@ -3203,16 +3543,16 @@ function RoleMatrix({
         "yc-RoleMatrix-root overflow-x-auto rounded-xl border border-border bg-surface text-fg shadow-1",
         className
       ),
-      children: /* @__PURE__ */ jsxs31("table", { className: "w-full text-start text-xs", children: [
-        /* @__PURE__ */ jsx39("thead", { className: "border-b border-border bg-surface-2 text-fg-muted font-semibold", children: /* @__PURE__ */ jsxs31("tr", { children: [
-          /* @__PURE__ */ jsx39("th", { className: "p-3 text-start", children: "Domain Scope" }),
-          /* @__PURE__ */ jsx39("th", { className: "p-3 text-center", children: "Read" }),
-          /* @__PURE__ */ jsx39("th", { className: "p-3 text-center", children: "Write" }),
-          /* @__PURE__ */ jsx39("th", { className: "p-3 text-center", children: "Approve" })
+      children: /* @__PURE__ */ jsxs32("table", { className: "w-full text-start text-xs", children: [
+        /* @__PURE__ */ jsx40("thead", { className: "border-b border-border bg-surface-2 text-fg-muted font-semibold", children: /* @__PURE__ */ jsxs32("tr", { children: [
+          /* @__PURE__ */ jsx40("th", { className: "p-3 text-start", children: "Domain Scope" }),
+          /* @__PURE__ */ jsx40("th", { className: "p-3 text-center", children: "Read" }),
+          /* @__PURE__ */ jsx40("th", { className: "p-3 text-center", children: "Write" }),
+          /* @__PURE__ */ jsx40("th", { className: "p-3 text-center", children: "Approve" })
         ] }) }),
-        /* @__PURE__ */ jsx39("tbody", { className: "divide-y divide-border", children: permissions.map((perm, idx) => /* @__PURE__ */ jsxs31("tr", { className: "hover:bg-surface-2/50 transition-colors", children: [
-          /* @__PURE__ */ jsx39("td", { className: "p-3 font-medium text-fg capitalize", children: perm.domain }),
-          /* @__PURE__ */ jsx39("td", { className: "p-3 text-center", children: /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40("tbody", { className: "divide-y divide-border", children: permissions.map((perm, idx) => /* @__PURE__ */ jsxs32("tr", { className: "hover:bg-surface-2/50 transition-colors", children: [
+          /* @__PURE__ */ jsx40("td", { className: "p-3 font-medium text-fg capitalize", children: perm.domain }),
+          /* @__PURE__ */ jsx40("td", { className: "p-3 text-center", children: /* @__PURE__ */ jsx40(
             "input",
             {
               type: "checkbox",
@@ -3223,7 +3563,7 @@ function RoleMatrix({
               "aria-label": `Read permission for ${perm.domain}`
             }
           ) }),
-          /* @__PURE__ */ jsx39("td", { className: "p-3 text-center", children: /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40("td", { className: "p-3 text-center", children: /* @__PURE__ */ jsx40(
             "input",
             {
               type: "checkbox",
@@ -3234,7 +3574,7 @@ function RoleMatrix({
               "aria-label": `Write permission for ${perm.domain}`
             }
           ) }),
-          /* @__PURE__ */ jsx39("td", { className: "p-3 text-center", children: /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40("td", { className: "p-3 text-center", children: /* @__PURE__ */ jsx40(
             "input",
             {
               type: "checkbox",
@@ -3252,18 +3592,18 @@ function RoleMatrix({
 }
 
 // src/profiles/ViewerInvite.tsx
-import * as React25 from "react";
-import { jsx as jsx40, jsxs as jsxs32 } from "react/jsx-runtime";
+import * as React26 from "react";
+import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
 function ViewerInvite({
   availableScopes = ["general", "notes", "calendar", "finances", "records"],
   onSendInvite,
   className
 }) {
-  const [email, setEmail] = React25.useState("");
-  const [selectedScopes, setSelectedScopes] = React25.useState(["general"]);
-  const [expiresInDays, setExpiresInDays] = React25.useState(7);
-  const [sent, setSent] = React25.useState(false);
-  const [loading, setLoading] = React25.useState(false);
+  const [email, setEmail] = React26.useState("");
+  const [selectedScopes, setSelectedScopes] = React26.useState(["general"]);
+  const [expiresInDays, setExpiresInDays] = React26.useState(7);
+  const [sent, setSent] = React26.useState(false);
+  const [loading, setLoading] = React26.useState(false);
   const toggleScope = (scope) => {
     setSelectedScopes(
       (prev) => prev.includes(scope) ? prev.filter((s) => s !== scope) : [...prev, scope]
@@ -3285,7 +3625,7 @@ function ViewerInvite({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       "data-slot": "viewer-invite",
@@ -3294,16 +3634,16 @@ function ViewerInvite({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx40("h3", { className: "text-base font-bold text-fg", children: "Invite Viewer" }),
-        /* @__PURE__ */ jsx40("p", { className: "mt-1 text-fg-muted leading-relaxed", children: "Grant time-limited, read-only access to selected record scopes." }),
-        sent ? /* @__PURE__ */ jsxs32("div", { className: "mt-4 rounded-lg bg-success-bg/30 border border-success-border p-4 text-center", children: [
-          /* @__PURE__ */ jsx40("span", { className: "font-semibold text-success-fg", children: "Invitation Sent!" }),
-          /* @__PURE__ */ jsxs32("p", { className: "mt-1 text-fg-muted", children: [
+        /* @__PURE__ */ jsx41("h3", { className: "text-base font-bold text-fg", children: "Invite Viewer" }),
+        /* @__PURE__ */ jsx41("p", { className: "mt-1 text-fg-muted leading-relaxed", children: "Grant time-limited, read-only access to selected record scopes." }),
+        sent ? /* @__PURE__ */ jsxs33("div", { className: "mt-4 rounded-lg bg-success-bg/30 border border-success-border p-4 text-center", children: [
+          /* @__PURE__ */ jsx41("span", { className: "font-semibold text-success-fg", children: "Invitation Sent!" }),
+          /* @__PURE__ */ jsxs33("p", { className: "mt-1 text-fg-muted", children: [
             "An invitation link has been dispatched to ",
             email,
             "."
           ] }),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx41(
             Button,
             {
               size: "sm",
@@ -3316,10 +3656,10 @@ function ViewerInvite({
               children: "Invite Another"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs32("form", { onSubmit: handleSubmit, className: "mt-4 space-y-4", children: [
-          /* @__PURE__ */ jsxs32("div", { children: [
-            /* @__PURE__ */ jsx40("label", { className: "block font-medium text-fg mb-1", children: "Viewer Email Address" }),
-            /* @__PURE__ */ jsx40(
+        ] }) : /* @__PURE__ */ jsxs33("form", { onSubmit: handleSubmit, className: "mt-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs33("div", { children: [
+            /* @__PURE__ */ jsx41("label", { className: "block font-medium text-fg mb-1", children: "Viewer Email Address" }),
+            /* @__PURE__ */ jsx41(
               "input",
               {
                 type: "email",
@@ -3331,9 +3671,9 @@ function ViewerInvite({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs32("div", { children: [
-            /* @__PURE__ */ jsx40("label", { className: "block font-medium text-fg mb-1", children: "Allowed Scopes" }),
-            /* @__PURE__ */ jsx40("div", { className: "flex flex-wrap gap-1.5 mt-1", children: availableScopes.map((scope) => /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsxs33("div", { children: [
+            /* @__PURE__ */ jsx41("label", { className: "block font-medium text-fg mb-1", children: "Allowed Scopes" }),
+            /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap gap-1.5 mt-1", children: availableScopes.map((scope) => /* @__PURE__ */ jsx41(
               Chip,
               {
                 selected: selectedScopes.includes(scope),
@@ -3343,24 +3683,24 @@ function ViewerInvite({
               scope
             )) })
           ] }),
-          /* @__PURE__ */ jsxs32("div", { children: [
-            /* @__PURE__ */ jsx40("label", { className: "block font-medium text-fg mb-1", children: "Access Expiration" }),
-            /* @__PURE__ */ jsxs32(
+          /* @__PURE__ */ jsxs33("div", { children: [
+            /* @__PURE__ */ jsx41("label", { className: "block font-medium text-fg mb-1", children: "Access Expiration" }),
+            /* @__PURE__ */ jsxs33(
               "select",
               {
                 value: expiresInDays,
                 onChange: (e) => setExpiresInDays(Number(e.target.value)),
                 className: "w-full rounded-md border border-border bg-surface-2 p-2 text-sm text-fg focus:border-primary focus:outline-none",
                 children: [
-                  /* @__PURE__ */ jsx40("option", { value: 1, children: "24 hours" }),
-                  /* @__PURE__ */ jsx40("option", { value: 7, children: "7 days" }),
-                  /* @__PURE__ */ jsx40("option", { value: 30, children: "30 days" }),
-                  /* @__PURE__ */ jsx40("option", { value: 90, children: "90 days" })
+                  /* @__PURE__ */ jsx41("option", { value: 1, children: "24 hours" }),
+                  /* @__PURE__ */ jsx41("option", { value: 7, children: "7 days" }),
+                  /* @__PURE__ */ jsx41("option", { value: 30, children: "30 days" }),
+                  /* @__PURE__ */ jsx41("option", { value: 90, children: "90 days" })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ jsx40(Button, { type: "submit", variant: "primary", size: "sm", loading, className: "w-full", children: "Send Secure Invitation" })
+          /* @__PURE__ */ jsx41(Button, { type: "submit", variant: "primary", size: "sm", loading, className: "w-full", children: "Send Secure Invitation" })
         ] })
       ]
     }
@@ -3368,18 +3708,18 @@ function ViewerInvite({
 }
 
 // src/profiles/ShareBundle.tsx
-import * as React26 from "react";
-import { jsx as jsx41, jsxs as jsxs33 } from "react/jsx-runtime";
+import * as React27 from "react";
+import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
 function ShareBundle({
   availableScopes = ["general", "notes", "calendar", "finances", "records"],
   onCreateBundle,
   className
 }) {
-  const [name, setName] = React26.useState("");
-  const [selectedScopes, setSelectedScopes] = React26.useState(["general"]);
-  const [requiresPasscode, setRequiresPasscode] = React26.useState(false);
-  const [bundleLink, setBundleLink] = React26.useState(null);
-  const [loading, setLoading] = React26.useState(false);
+  const [name, setName] = React27.useState("");
+  const [selectedScopes, setSelectedScopes] = React27.useState(["general"]);
+  const [requiresPasscode, setRequiresPasscode] = React27.useState(false);
+  const [bundleLink, setBundleLink] = React27.useState(null);
+  const [loading, setLoading] = React27.useState(false);
   const toggleScope = (scope) => {
     setSelectedScopes(
       (prev) => prev.includes(scope) ? prev.filter((s) => s !== scope) : [...prev, scope]
@@ -3400,7 +3740,7 @@ function ShareBundle({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       "data-slot": "share-bundle",
@@ -3409,13 +3749,13 @@ function ShareBundle({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx41("h3", { className: "text-base font-bold text-fg", children: "Create Share Bundle" }),
-        /* @__PURE__ */ jsx41("p", { className: "mt-1 text-fg-muted leading-relaxed", children: "Package records into an encrypted export bundle." }),
-        bundleLink ? /* @__PURE__ */ jsxs33("div", { className: "mt-4 rounded-lg bg-surface-2 border border-border p-4 text-center", children: [
-          /* @__PURE__ */ jsx41("span", { className: "font-semibold text-fg", children: "Bundle Created!" }),
-          /* @__PURE__ */ jsx41("p", { className: "mt-1 text-fg-muted", children: "Shareable bundle link:" }),
-          /* @__PURE__ */ jsx41("div", { className: "mt-2 rounded bg-surface p-2 font-mono text-xs text-primary border border-border", children: bundleLink }),
-          /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx42("h3", { className: "text-base font-bold text-fg", children: "Create Share Bundle" }),
+        /* @__PURE__ */ jsx42("p", { className: "mt-1 text-fg-muted leading-relaxed", children: "Package records into an encrypted export bundle." }),
+        bundleLink ? /* @__PURE__ */ jsxs34("div", { className: "mt-4 rounded-lg bg-surface-2 border border-border p-4 text-center", children: [
+          /* @__PURE__ */ jsx42("span", { className: "font-semibold text-fg", children: "Bundle Created!" }),
+          /* @__PURE__ */ jsx42("p", { className: "mt-1 text-fg-muted", children: "Shareable bundle link:" }),
+          /* @__PURE__ */ jsx42("div", { className: "mt-2 rounded bg-surface p-2 font-mono text-xs text-primary border border-border", children: bundleLink }),
+          /* @__PURE__ */ jsx42(
             Button,
             {
               size: "sm",
@@ -3428,10 +3768,10 @@ function ShareBundle({
               children: "Create Another"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs33("form", { onSubmit: handleCreate, className: "mt-4 space-y-4", children: [
-          /* @__PURE__ */ jsxs33("div", { children: [
-            /* @__PURE__ */ jsx41("label", { className: "block font-medium text-fg mb-1", children: "Bundle Name" }),
-            /* @__PURE__ */ jsx41(
+        ] }) : /* @__PURE__ */ jsxs34("form", { onSubmit: handleCreate, className: "mt-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs34("div", { children: [
+            /* @__PURE__ */ jsx42("label", { className: "block font-medium text-fg mb-1", children: "Bundle Name" }),
+            /* @__PURE__ */ jsx42(
               "input",
               {
                 type: "text",
@@ -3443,9 +3783,9 @@ function ShareBundle({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs33("div", { children: [
-            /* @__PURE__ */ jsx41("label", { className: "block font-medium text-fg mb-1", children: "Included Scopes" }),
-            /* @__PURE__ */ jsx41("div", { className: "flex flex-wrap gap-1.5 mt-1", children: availableScopes.map((scope) => /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsxs34("div", { children: [
+            /* @__PURE__ */ jsx42("label", { className: "block font-medium text-fg mb-1", children: "Included Scopes" }),
+            /* @__PURE__ */ jsx42("div", { className: "flex flex-wrap gap-1.5 mt-1", children: availableScopes.map((scope) => /* @__PURE__ */ jsx42(
               Chip,
               {
                 selected: selectedScopes.includes(scope),
@@ -3455,8 +3795,8 @@ function ShareBundle({
               scope
             )) })
           ] }),
-          /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx41(
+          /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx42(
               "input",
               {
                 id: "passcode-opt",
@@ -3466,9 +3806,9 @@ function ShareBundle({
                 className: "h-4 w-4 rounded border-border text-primary focus:ring-primary"
               }
             ),
-            /* @__PURE__ */ jsx41("label", { htmlFor: "passcode-opt", className: "font-medium text-fg cursor-pointer", children: "Protect bundle with passkey / PIN" })
+            /* @__PURE__ */ jsx42("label", { htmlFor: "passcode-opt", className: "font-medium text-fg cursor-pointer", children: "Protect bundle with passkey / PIN" })
           ] }),
-          /* @__PURE__ */ jsx41(Button, { type: "submit", variant: "primary", size: "sm", loading, className: "w-full", children: "Generate Secure Bundle" })
+          /* @__PURE__ */ jsx42(Button, { type: "submit", variant: "primary", size: "sm", loading, className: "w-full", children: "Generate Secure Bundle" })
         ] })
       ]
     }
@@ -3476,7 +3816,7 @@ function ShareBundle({
 }
 
 // src/profiles/TeenHandoverBanner.tsx
-import { jsx as jsx42, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
 function TeenHandoverBanner({
   memberName,
   handoverDate,
@@ -3484,7 +3824,7 @@ function TeenHandoverBanner({
   onDismiss,
   className
 }) {
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       "data-slot": "teen-handover-banner",
@@ -3493,22 +3833,22 @@ function TeenHandoverBanner({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx42("span", { className: "text-warn-fg text-lg leading-none", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ jsxs34("div", { children: [
-            /* @__PURE__ */ jsx42("h4", { className: "font-semibold text-fg", children: "Privacy & Age-of-Majority Transition" }),
-            /* @__PURE__ */ jsxs34("p", { className: "mt-0.5 text-fg-muted", children: [
-              /* @__PURE__ */ jsx42("span", { className: "font-medium text-fg", children: memberName }),
+        /* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx43("span", { className: "text-warn-fg text-lg leading-none", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ jsxs35("div", { children: [
+            /* @__PURE__ */ jsx43("h4", { className: "font-semibold text-fg", children: "Privacy & Age-of-Majority Transition" }),
+            /* @__PURE__ */ jsxs35("p", { className: "mt-0.5 text-fg-muted", children: [
+              /* @__PURE__ */ jsx43("span", { className: "font-medium text-fg", children: memberName }),
               " reaches transition age on",
               " ",
-              /* @__PURE__ */ jsx42("span", { className: "font-medium text-fg", children: handoverDate }),
+              /* @__PURE__ */ jsx43("span", { className: "font-medium text-fg", children: handoverDate }),
               ". Account stewardship and record privacy settings should be reviewed."
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2 shrink-0", children: [
-          onDismiss && /* @__PURE__ */ jsx42(Button, { size: "sm", variant: "ghost", onClick: onDismiss, children: "Dismiss" }),
-          onInitiateHandover && /* @__PURE__ */ jsx42(Button, { size: "sm", variant: "outline", onClick: onInitiateHandover, children: "Review Privacy" })
+        /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2 shrink-0", children: [
+          onDismiss && /* @__PURE__ */ jsx43(Button, { size: "sm", variant: "ghost", onClick: onDismiss, children: "Dismiss" }),
+          onInitiateHandover && /* @__PURE__ */ jsx43(Button, { size: "sm", variant: "outline", onClick: onInitiateHandover, children: "Review Privacy" })
         ] })
       ]
     }
@@ -3516,7 +3856,7 @@ function TeenHandoverBanner({
 }
 
 // src/tasks/TaskItem.tsx
-import { jsx as jsx43, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
 var priorityBadgeVariant = {
   low: "neutral",
   medium: "warn",
@@ -3529,7 +3869,7 @@ function TaskItem({
   className
 }) {
   const isDone = task.completed;
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs36(
     "div",
     {
       "data-slot": "task-item",
@@ -3540,8 +3880,8 @@ function TaskItem({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx44(
             "input",
             {
               type: "checkbox",
@@ -3551,9 +3891,9 @@ function TaskItem({
               "aria-label": `Mark task ${task.title} as ${isDone ? "incomplete" : "complete"}`
             }
           ),
-          /* @__PURE__ */ jsxs35("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsxs36("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxs36("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx44(
                 "span",
                 {
                   className: cn(
@@ -3563,18 +3903,18 @@ function TaskItem({
                   children: task.title
                 }
               ),
-              task.priority && /* @__PURE__ */ jsx43(Badge, { variant: priorityBadgeVariant[task.priority], className: "text-[10px] px-1 py-0", children: task.priority })
+              task.priority && /* @__PURE__ */ jsx44(Badge, { variant: priorityBadgeVariant[task.priority], className: "text-[10px] px-1 py-0", children: task.priority })
             ] }),
-            (task.description || task.dueAt) && /* @__PURE__ */ jsxs35("div", { className: "mt-0.5 flex items-center gap-2 text-xs text-fg-muted", children: [
-              task.description && /* @__PURE__ */ jsx43("span", { children: task.description }),
-              task.dueAt && /* @__PURE__ */ jsxs35("span", { children: [
+            (task.description || task.dueAt) && /* @__PURE__ */ jsxs36("div", { className: "mt-0.5 flex items-center gap-2 text-xs text-fg-muted", children: [
+              task.description && /* @__PURE__ */ jsx44("span", { children: task.description }),
+              task.dueAt && /* @__PURE__ */ jsxs36("span", { children: [
                 "Due: ",
                 task.dueAt
               ] })
             ] })
           ] })
         ] }),
-        onDelete && /* @__PURE__ */ jsx43(
+        onDelete && /* @__PURE__ */ jsx44(
           "button",
           {
             type: "button",
@@ -3590,8 +3930,8 @@ function TaskItem({
 }
 
 // src/tasks/TaskList.tsx
-import * as React27 from "react";
-import { jsx as jsx44, jsxs as jsxs36 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
 function TaskList({
   tasks,
   onToggleComplete,
@@ -3601,8 +3941,8 @@ function TaskList({
   emptyTitle = "No tasks",
   emptyDescription = "You have no tasks in this view."
 }) {
-  const [filter, setFilter] = React27.useState("all");
-  const [newTitle, setNewTitle] = React27.useState("");
+  const [filter, setFilter] = React28.useState("all");
+  const [newTitle, setNewTitle] = React28.useState("");
   const filtered = tasks.filter((t) => {
     if (filter === "active") return !t.completed;
     if (filter === "completed") return t.completed;
@@ -3615,14 +3955,14 @@ function TaskList({
     onAddTask?.(trimmed);
     setNewTitle("");
   };
-  return /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs37(
     "div",
     {
       "data-slot": "task-list",
       className: cn("yc-TaskList-root flex flex-col gap-3", className),
       children: [
-        /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsx45(
             SegmentedControl,
             {
               size: "sm",
@@ -3635,13 +3975,13 @@ function TaskList({
               ]
             }
           ),
-          /* @__PURE__ */ jsxs36("span", { className: "text-xs text-fg-muted", children: [
+          /* @__PURE__ */ jsxs37("span", { className: "text-xs text-fg-muted", children: [
             tasks.filter((t) => !t.completed).length,
             " remaining"
           ] })
         ] }),
-        onAddTask && /* @__PURE__ */ jsxs36("form", { onSubmit: handleAdd, className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx44(
+        onAddTask && /* @__PURE__ */ jsxs37("form", { onSubmit: handleAdd, className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx45(
             "input",
             {
               type: "text",
@@ -3651,9 +3991,9 @@ function TaskList({
               className: "flex-1 rounded-lg border border-border bg-surface-2 p-2 text-sm text-fg placeholder:text-fg-muted focus:border-primary focus:outline-none"
             }
           ),
-          /* @__PURE__ */ jsx44(Button, { type: "submit", variant: "primary", size: "sm", children: "Add" })
+          /* @__PURE__ */ jsx45(Button, { type: "submit", variant: "primary", size: "sm", children: "Add" })
         ] }),
-        filtered.length === 0 ? /* @__PURE__ */ jsx44(EmptyState, { title: emptyTitle, description: emptyDescription }) : /* @__PURE__ */ jsx44("div", { className: "flex flex-col gap-2", children: filtered.map((task) => /* @__PURE__ */ jsx44(
+        filtered.length === 0 ? /* @__PURE__ */ jsx45(EmptyState, { title: emptyTitle, description: emptyDescription }) : /* @__PURE__ */ jsx45("div", { className: "flex flex-col gap-2", children: filtered.map((task) => /* @__PURE__ */ jsx45(
           TaskItem,
           {
             task,
@@ -3668,7 +4008,7 @@ function TaskList({
 }
 
 // src/notifications/NotificationCenter.tsx
-import { jsx as jsx45, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
 var levelBadgeVariant2 = {
   info: "info",
   warn: "warn",
@@ -3683,26 +4023,26 @@ function NotificationCenter({
   className
 }) {
   const unreadCount = notifications.filter((n) => !n.read).length;
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "notification-center",
       className: cn("yc-NotificationCenter-root inline-block", className),
-      children: /* @__PURE__ */ jsxs37(Popover, { children: [
-        /* @__PURE__ */ jsxs37(PopoverTrigger, { className: "relative flex items-center justify-center p-2 rounded-lg border border-border bg-surface hover:bg-surface-2 transition-colors", children: [
-          /* @__PURE__ */ jsx45("span", { className: "text-base", role: "img", "aria-label": "Notifications", children: "\u{1F514}" }),
-          unreadCount > 0 && /* @__PURE__ */ jsx45("span", { className: "absolute -top-1 -end-1 flex h-4 w-4 items-center justify-center rounded-full bg-danger-fg text-[10px] font-bold text-white", children: unreadCount > 9 ? "9+" : unreadCount })
+      children: /* @__PURE__ */ jsxs38(Popover, { children: [
+        /* @__PURE__ */ jsxs38(PopoverTrigger, { className: "relative flex items-center justify-center p-2 rounded-lg border border-border bg-surface hover:bg-surface-2 transition-colors", children: [
+          /* @__PURE__ */ jsx46("span", { className: "text-base", role: "img", "aria-label": "Notifications", children: "\u{1F514}" }),
+          unreadCount > 0 && /* @__PURE__ */ jsx46("span", { className: "absolute -top-1 -end-1 flex h-4 w-4 items-center justify-center rounded-full bg-danger-fg text-[10px] font-bold text-white", children: unreadCount > 9 ? "9+" : unreadCount })
         ] }),
-        /* @__PURE__ */ jsxs37(PopoverContent, { align: "end", className: "w-80 p-0 shadow-3", children: [
-          /* @__PURE__ */ jsxs37("div", { className: "flex items-center justify-between border-b border-border p-3", children: [
-            /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx45("span", { className: "font-semibold text-sm text-fg", children: "Notifications" }),
-              unreadCount > 0 && /* @__PURE__ */ jsxs37(Badge, { variant: "primary", children: [
+        /* @__PURE__ */ jsxs38(PopoverContent, { align: "end", className: "w-80 p-0 shadow-3", children: [
+          /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between border-b border-border p-3", children: [
+            /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx46("span", { className: "font-semibold text-sm text-fg", children: "Notifications" }),
+              unreadCount > 0 && /* @__PURE__ */ jsxs38(Badge, { variant: "primary", children: [
                 unreadCount,
                 " new"
               ] })
             ] }),
-            unreadCount > 0 && onMarkAllRead && /* @__PURE__ */ jsx45(
+            unreadCount > 0 && onMarkAllRead && /* @__PURE__ */ jsx46(
               "button",
               {
                 type: "button",
@@ -3712,7 +4052,7 @@ function NotificationCenter({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx45("div", { className: "max-h-80 overflow-y-auto divide-y divide-border", children: notifications.length === 0 ? /* @__PURE__ */ jsx45("div", { className: "p-6 text-center text-xs text-fg-muted", children: "No notifications right now." }) : notifications.map((n) => /* @__PURE__ */ jsxs37(
+          /* @__PURE__ */ jsx46("div", { className: "max-h-80 overflow-y-auto divide-y divide-border", children: notifications.length === 0 ? /* @__PURE__ */ jsx46("div", { className: "p-6 text-center text-xs text-fg-muted", children: "No notifications right now." }) : notifications.map((n) => /* @__PURE__ */ jsxs38(
             "div",
             {
               onClick: () => onSelectNotification?.(n),
@@ -3723,15 +4063,15 @@ function NotificationCenter({
                 n.read ? "bg-surface opacity-75" : "bg-surface-2/60"
               ),
               children: [
-                /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-0.5 flex-1 pe-2", children: [
-                  /* @__PURE__ */ jsxs37("div", { className: "flex items-center gap-1.5", children: [
-                    n.level && /* @__PURE__ */ jsx45(Badge, { variant: levelBadgeVariant2[n.level], className: "text-[9px] px-1 py-0", children: n.level }),
-                    /* @__PURE__ */ jsx45("span", { className: "font-medium text-xs text-fg", children: n.title })
+                /* @__PURE__ */ jsxs38("div", { className: "flex flex-col gap-0.5 flex-1 pe-2", children: [
+                  /* @__PURE__ */ jsxs38("div", { className: "flex items-center gap-1.5", children: [
+                    n.level && /* @__PURE__ */ jsx46(Badge, { variant: levelBadgeVariant2[n.level], className: "text-[9px] px-1 py-0", children: n.level }),
+                    /* @__PURE__ */ jsx46("span", { className: "font-medium text-xs text-fg", children: n.title })
                   ] }),
-                  n.description && /* @__PURE__ */ jsx45("p", { className: "text-[11px] text-fg-muted line-clamp-2", children: n.description }),
-                  /* @__PURE__ */ jsx45("span", { className: "text-[10px] text-fg-muted mt-1", children: n.timestamp })
+                  n.description && /* @__PURE__ */ jsx46("p", { className: "text-[11px] text-fg-muted line-clamp-2", children: n.description }),
+                  /* @__PURE__ */ jsx46("span", { className: "text-[10px] text-fg-muted mt-1", children: n.timestamp })
                 ] }),
-                onDismiss && /* @__PURE__ */ jsx45(
+                onDismiss && /* @__PURE__ */ jsx46(
                   "button",
                   {
                     type: "button",
@@ -3755,18 +4095,18 @@ function NotificationCenter({
 }
 
 // src/settings/SettingsLayout.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 
 // src/slots/SlotRenderer.tsx
-import { useEffect as useEffect7, useState as useState22 } from "react";
-import { Fragment as Fragment3, jsx as jsx46, jsxs as jsxs38 } from "react/jsx-runtime";
+import { useEffect as useEffect7, useState as useState23 } from "react";
+import { Fragment as Fragment3, jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
 var SlotRenderer = ({
   contribution,
   slotProps,
   fallback = null
 }) => {
-  const [LoadedComp, setLoadedComp] = useState22(() => contribution.component ?? null);
-  const [error, setError] = useState22(null);
+  const [LoadedComp, setLoadedComp] = useState23(() => contribution.component ?? null);
+  const [error, setError] = useState23(null);
   useEffect7(() => {
     let cancelled = false;
     if (contribution.component) {
@@ -3789,19 +4129,19 @@ var SlotRenderer = ({
     };
   }, [contribution]);
   if (error) {
-    return /* @__PURE__ */ jsxs38("div", { className: "yc-SlotRenderer-error text-danger text-sm p-4", "data-slot": "error", children: [
+    return /* @__PURE__ */ jsxs39("div", { className: "yc-SlotRenderer-error text-danger text-sm p-4", "data-slot": "error", children: [
       "Failed to load slot: ",
       contribution.id
     ] });
   }
   if (!LoadedComp) {
-    return /* @__PURE__ */ jsx46(Fragment3, { children: fallback });
+    return /* @__PURE__ */ jsx47(Fragment3, { children: fallback });
   }
-  return /* @__PURE__ */ jsx46("div", { className: "yc-SlotRenderer-root", "data-slot": "root", "data-pack": contribution.pack, "data-contribution": contribution.id, children: /* @__PURE__ */ jsx46(LoadedComp, { ...slotProps }) });
+  return /* @__PURE__ */ jsx47("div", { className: "yc-SlotRenderer-root", "data-slot": "root", "data-pack": contribution.pack, "data-contribution": contribution.id, children: /* @__PURE__ */ jsx47(LoadedComp, { ...slotProps }) });
 };
 
 // src/settings/SettingsLayout.tsx
-import { jsx as jsx47, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
 function SettingsLayout({
   sections,
   activeSectionId,
@@ -3811,7 +4151,7 @@ function SettingsLayout({
   children,
   className
 }) {
-  const mergedSections = React29.useMemo(() => {
+  const mergedSections = React30.useMemo(() => {
     const list = [...sections];
     const slotSections = contributions.filter((c) => c.slot === "settings.section").map((c) => ({
       id: c.id,
@@ -3822,7 +4162,7 @@ function SettingsLayout({
     list.push(...slotSections);
     return list.sort((a, b) => (a.order ?? 50) - (b.order ?? 50));
   }, [sections, contributions]);
-  const [selectedId, setSelectedId] = React29.useState(
+  const [selectedId, setSelectedId] = React30.useState(
     activeSectionId || (mergedSections[0]?.id ?? "")
   );
   const currentId = activeSectionId !== void 0 ? activeSectionId : selectedId;
@@ -3831,7 +4171,7 @@ function SettingsLayout({
     setSelectedId(id);
     onSelectSection?.(id);
   };
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     "div",
     {
       "data-slot": "settings-layout",
@@ -3840,17 +4180,17 @@ function SettingsLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs39(
+        /* @__PURE__ */ jsxs40(
           "nav",
           {
             "data-slot": "nav",
             className: "yc-SettingsLayout-nav w-full md:w-64 shrink-0 flex flex-col gap-1",
             "aria-label": "Settings navigation",
             children: [
-              /* @__PURE__ */ jsx47("h2", { className: "text-lg font-bold text-fg px-3 pb-3", children: "Settings" }),
+              /* @__PURE__ */ jsx48("h2", { className: "text-lg font-bold text-fg px-3 pb-3", children: "Settings" }),
               mergedSections.map((sec) => {
                 const isActive = sec.id === currentId;
-                return /* @__PURE__ */ jsxs39(
+                return /* @__PURE__ */ jsxs40(
                   "button",
                   {
                     type: "button",
@@ -3862,8 +4202,8 @@ function SettingsLayout({
                       isActive ? "bg-surface-2 text-fg font-semibold shadow-1" : "text-fg-muted hover:bg-surface-2/60 hover:text-fg"
                     ),
                     children: [
-                      sec.icon && /* @__PURE__ */ jsx47("span", { className: "inline-flex shrink-0", children: sec.icon }),
-                      /* @__PURE__ */ jsx47("span", { className: "truncate", children: sec.title })
+                      sec.icon && /* @__PURE__ */ jsx48("span", { className: "inline-flex shrink-0", children: sec.icon }),
+                      /* @__PURE__ */ jsx48("span", { className: "truncate", children: sec.title })
                     ]
                   },
                   sec.id
@@ -3872,23 +4212,23 @@ function SettingsLayout({
             ]
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "main",
           {
             "data-slot": "content",
             className: "yc-SettingsLayout-content flex-1 rounded-xl border border-border bg-surface p-6 shadow-1",
-            children: currentSection && /* @__PURE__ */ jsxs39("div", { children: [
-              /* @__PURE__ */ jsxs39("div", { className: "border-b border-border pb-4 mb-6", children: [
-                /* @__PURE__ */ jsx47("h3", { className: "text-xl font-bold text-fg", children: currentSection.title }),
-                currentSection.description && /* @__PURE__ */ jsx47("p", { className: "mt-1 text-sm text-fg-muted", children: currentSection.description })
+            children: currentSection && /* @__PURE__ */ jsxs40("div", { children: [
+              /* @__PURE__ */ jsxs40("div", { className: "border-b border-border pb-4 mb-6", children: [
+                /* @__PURE__ */ jsx48("h3", { className: "text-xl font-bold text-fg", children: currentSection.title }),
+                currentSection.description && /* @__PURE__ */ jsx48("p", { className: "mt-1 text-sm text-fg-muted", children: currentSection.description })
               ] }),
-              currentSection.slotContribution && slotProps ? /* @__PURE__ */ jsx47(
+              currentSection.slotContribution && slotProps ? /* @__PURE__ */ jsx48(
                 SlotRenderer,
                 {
                   contribution: currentSection.slotContribution,
                   slotProps
                 }
-              ) : currentSection.component ? /* @__PURE__ */ jsx47(currentSection.component, {}) : children
+              ) : currentSection.component ? /* @__PURE__ */ jsx48(currentSection.component, {}) : children
             ] })
           }
         )
@@ -3898,26 +4238,26 @@ function SettingsLayout({
 }
 
 // src/settings/SettingsSectionSlotRenderer.tsx
-import { jsx as jsx48, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
 function SettingsSectionSlotRenderer({
   contributions,
   slotProps,
   className
 }) {
   const sectionSlots = contributions.filter((c) => c.slot === "settings.section");
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx49(
     "div",
     {
       "data-slot": "settings-section-slot-renderer",
       className: cn("yc-SettingsSectionSlotRenderer-root space-y-6", className),
-      children: sectionSlots.map((c) => /* @__PURE__ */ jsxs40(
+      children: sectionSlots.map((c) => /* @__PURE__ */ jsxs41(
         "div",
         {
           className: "rounded-xl border border-border bg-surface p-6 shadow-1",
           "data-slot": "slot-section",
           children: [
-            /* @__PURE__ */ jsx48("div", { className: "border-b border-border pb-3 mb-4", children: /* @__PURE__ */ jsx48("h3", { className: "text-base font-semibold text-fg", children: c.title }) }),
-            /* @__PURE__ */ jsx48(SlotRenderer, { contribution: c, slotProps })
+            /* @__PURE__ */ jsx49("div", { className: "border-b border-border pb-3 mb-4", children: /* @__PURE__ */ jsx49("h3", { className: "text-base font-semibold text-fg", children: c.title }) }),
+            /* @__PURE__ */ jsx49(SlotRenderer, { contribution: c, slotProps })
           ]
         },
         c.id
@@ -3927,8 +4267,8 @@ function SettingsSectionSlotRenderer({
 }
 
 // src/shell/AppRail.tsx
-import * as React30 from "react";
-import { jsx as jsx49, jsxs as jsxs41 } from "react/jsx-runtime";
+import * as React31 from "react";
+import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
 function AppRail({
   items,
   contributions = [],
@@ -3939,7 +4279,7 @@ function AppRail({
   collapsed = false,
   className
 }) {
-  const allItems = React30.useMemo(() => {
+  const allItems = React31.useMemo(() => {
     const list = [...items];
     const slotItems = contributions.filter((c) => c.slot === "sidebar.item").map((c) => ({
       id: c.id,
@@ -3950,7 +4290,7 @@ function AppRail({
     list.push(...slotItems);
     return list;
   }, [items, contributions]);
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs42(
     "aside",
     {
       "data-slot": "app-rail",
@@ -3961,11 +4301,11 @@ function AppRail({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs41("div", { className: "flex flex-col", children: [
-          brand && /* @__PURE__ */ jsx49("div", { className: "flex items-center gap-3 border-b border-border p-4", "data-slot": "brand", children: brand }),
-          /* @__PURE__ */ jsx49("nav", { className: "flex flex-col gap-1 p-2", "aria-label": "Main Navigation", children: allItems.map((item) => {
+        /* @__PURE__ */ jsxs42("div", { className: "flex flex-col", children: [
+          brand && /* @__PURE__ */ jsx50("div", { className: "flex items-center gap-3 border-b border-border p-4", "data-slot": "brand", children: brand }),
+          /* @__PURE__ */ jsx50("nav", { className: "flex flex-col gap-1 p-2", "aria-label": "Main Navigation", children: allItems.map((item) => {
             const isActive = item.active || item.id === activeItemId;
-            return /* @__PURE__ */ jsxs41(
+            return /* @__PURE__ */ jsxs42(
               "button",
               {
                 type: "button",
@@ -3982,23 +4322,23 @@ function AppRail({
                 ),
                 title: collapsed ? item.label : void 0,
                 children: [
-                  item.icon && /* @__PURE__ */ jsx49("span", { className: "inline-flex shrink-0", children: item.icon }),
-                  !collapsed && /* @__PURE__ */ jsx49("span", { className: "truncate flex-1", children: item.label }),
-                  !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsx49("span", { className: "rounded-full bg-primary-subtle px-1.5 py-0.5 text-[10px] font-bold text-primary", children: item.badge })
+                  item.icon && /* @__PURE__ */ jsx50("span", { className: "inline-flex shrink-0", children: item.icon }),
+                  !collapsed && /* @__PURE__ */ jsx50("span", { className: "truncate flex-1", children: item.label }),
+                  !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsx50("span", { className: "rounded-full bg-primary-subtle px-1.5 py-0.5 text-[10px] font-bold text-primary", children: item.badge })
                 ]
               },
               item.id
             );
           }) })
         ] }),
-        footer && /* @__PURE__ */ jsx49("div", { className: "border-t border-border p-3", "data-slot": "footer", children: footer })
+        footer && /* @__PURE__ */ jsx50("div", { className: "border-t border-border p-3", "data-slot": "footer", children: footer })
       ]
     }
   );
 }
 
 // src/shell/MobileTopBar.tsx
-import { jsx as jsx50, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
 function MobileTopBar({
   title,
   startSlot,
@@ -4009,7 +4349,7 @@ function MobileTopBar({
 }) {
   const leading = startSlot || leftSlot;
   const trailing = endSlot || rightSlot;
-  return /* @__PURE__ */ jsxs42(
+  return /* @__PURE__ */ jsxs43(
     "header",
     {
       "data-slot": "mobile-top-bar",
@@ -4018,23 +4358,23 @@ function MobileTopBar({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx50("div", { className: "flex items-center gap-2", "data-slot": "start-slot", children: leading }),
-        title && /* @__PURE__ */ jsx50("h1", { className: "text-base font-bold text-fg truncate text-center flex-1 px-2", "data-slot": "title", children: title }),
-        /* @__PURE__ */ jsx50("div", { className: "flex items-center gap-2", "data-slot": "end-slot", children: trailing })
+        /* @__PURE__ */ jsx51("div", { className: "flex items-center gap-2", "data-slot": "start-slot", children: leading }),
+        title && /* @__PURE__ */ jsx51("h1", { className: "text-base font-bold text-fg truncate text-center flex-1 px-2", "data-slot": "title", children: title }),
+        /* @__PURE__ */ jsx51("div", { className: "flex items-center gap-2", "data-slot": "end-slot", children: trailing })
       ]
     }
   );
 }
 
 // src/shell/MobileTabBar.tsx
-import { jsx as jsx51, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
 function MobileTabBar({
   items,
   activeItemId,
   onSelectItem,
   className
 }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     "nav",
     {
       "data-slot": "mobile-tab-bar",
@@ -4045,7 +4385,7 @@ function MobileTabBar({
       "aria-label": "Mobile Navigation",
       children: items.map((item) => {
         const isActive = item.active || item.id === activeItemId;
-        return /* @__PURE__ */ jsxs43(
+        return /* @__PURE__ */ jsxs44(
           "button",
           {
             type: "button",
@@ -4060,8 +4400,8 @@ function MobileTabBar({
               isActive ? "text-primary font-bold" : "text-fg-muted hover:text-fg"
             ),
             children: [
-              item.icon && /* @__PURE__ */ jsx51("span", { className: "text-lg leading-none mb-0.5", children: item.icon }),
-              /* @__PURE__ */ jsx51("span", { className: "truncate max-w-[64px]", children: item.label })
+              item.icon && /* @__PURE__ */ jsx52("span", { className: "text-lg leading-none mb-0.5", children: item.icon }),
+              /* @__PURE__ */ jsx52("span", { className: "truncate max-w-[64px]", children: item.label })
             ]
           },
           item.id
@@ -4072,7 +4412,7 @@ function MobileTabBar({
 }
 
 // src/shell/AppLayout.tsx
-import { jsx as jsx52, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs45 } from "react/jsx-runtime";
 function AppLayout({
   items,
   contributions = [],
@@ -4086,7 +4426,7 @@ function AppLayout({
   className
 }) {
   const activeItem = items.find((i) => i.id === activeItemId) || items[0];
-  return /* @__PURE__ */ jsxs44(
+  return /* @__PURE__ */ jsxs45(
     "div",
     {
       "data-slot": "app-layout",
@@ -4095,7 +4435,7 @@ function AppLayout({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx52("div", { className: "hidden md:flex h-full shrink-0", children: /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53("div", { className: "hidden md:flex h-full shrink-0", children: /* @__PURE__ */ jsx53(
           AppRail,
           {
             items,
@@ -4106,8 +4446,8 @@ function AppLayout({
             footer: railFooter
           }
         ) }),
-        /* @__PURE__ */ jsxs44("div", { className: "flex flex-1 flex-col h-full overflow-hidden", children: [
-          /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsxs45("div", { className: "flex flex-1 flex-col h-full overflow-hidden", children: [
+          /* @__PURE__ */ jsx53(
             MobileTopBar,
             {
               title: activeItem?.label,
@@ -4115,7 +4455,7 @@ function AppLayout({
               rightSlot: mobileTopRight
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             "main",
             {
               "data-slot": "main-content",
@@ -4123,7 +4463,7 @@ function AppLayout({
               children
             }
           ),
-          /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53(
             MobileTabBar,
             {
               items: items.slice(0, 5),
@@ -4174,8 +4514,8 @@ function filterSlotContributions(contributions, options = {}) {
 }
 
 // src/provider/UiProvider.tsx
-import { createContext as createContext8, useContext as useContext8, useEffect as useEffect8, useState as useState24 } from "react";
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { createContext as createContext8, useContext as useContext8, useEffect as useEffect8, useState as useState25 } from "react";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var defaultI18n = {
   locale: "en-US",
   t: (_id, defaultText) => defaultText || _id
@@ -4197,8 +4537,8 @@ var UiProvider = ({
   locale = "en-US",
   messages = {}
 }) => {
-  const [theme, setThemeState] = useState24(defaultTheme);
-  const [resolvedTheme, setResolvedTheme] = useState24("light");
+  const [theme, setThemeState] = useState25(defaultTheme);
+  const [resolvedTheme, setResolvedTheme] = useState25("light");
   useEffect8(() => {
     const root = document.documentElement;
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
@@ -4235,7 +4575,7 @@ var UiProvider = ({
     storageNamespace,
     i18n: { locale, t }
   };
-  return /* @__PURE__ */ jsx53(UiContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx54(UiContext.Provider, { value, children });
 };
 var useUi = () => useContext8(UiContext);
 var useTheme = () => {
@@ -4332,6 +4672,7 @@ export {
   ChatThread,
   Chip,
   CodeBlock,
+  DeliberationRoundtable,
   Dialog,
   DialogClose,
   DialogContent,
@@ -4365,6 +4706,7 @@ export {
   RecordSearch,
   Reminders,
   RoleMatrix,
+  DeliberationRoundtable as RoundtableCard,
   Routines,
   ScheduleAgenda,
   SegmentedControl,