@tangle-network/agent-app 0.60.184 → 0.60.185

package/dist/teams-react/index.js

@@ -1,3 +1,10 @@
+import {
+  RoleSelect,
+  canManageMember,
+  invitationDetail,
+  isCurrentMember,
+  memberRoleLabel
+} from "../chunk-OBKVNZPH.js";
 import {
   INVITATION_EMAIL_HINT,
   isInvitationEmail
@@ -6,94 +13,19 @@ import {
   hasWorkspaceRole
 } from "../chunk-6XIAPIW6.js";
 
+// src/teams-react/components/MembersPanel.tsx
+import { Button as Button2, Heading } from "@tangle-network/ui/primitives";
+
 // src/teams-react/components/InviteForm.tsx
 import { Button, Input } from "@tangle-network/ui/primitives";
-import { useId, useState as useState2 } from "react";
-
-// src/teams-react/components/RoleSelect.tsx
-import { useEffect, useRef, useState } from "react";
+import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var ASSIGNABLE_ROLES = [
-  { value: "viewer", label: "Viewer", description: "Can read everything" },
-  { value: "editor", label: "Editor", description: "Can also chat and edit" },
-  { value: "admin", label: "Admin", description: "Can also manage settings and people" }
-];
-function ChevronDownGlyph({ className }) {
-  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
-}
-function RoleSelect({ value, onChange, ariaLabel, disabled }) {
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  const current = ASSIGNABLE_ROLES.find((option) => option.value === value);
-  useEffect(() => {
-    if (!open) return;
-    function onDocPointer(event) {
-      if (ref.current && !ref.current.contains(event.target)) setOpen(false);
-    }
-    function onKey(event) {
-      if (event.key === "Escape") setOpen(false);
-    }
-    document.addEventListener("pointerdown", onDocPointer);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("pointerdown", onDocPointer);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [open]);
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        disabled,
-        "aria-haspopup": "listbox",
-        "aria-expanded": open,
-        "aria-label": ariaLabel,
-        onClick: () => setOpen((v) => !v),
-        className: "flex items-center justify-between gap-1.5 rounded border border-[var(--border-default)] bg-[var(--bg-input)] px-2 py-1.5 text-sm text-[var(--text-secondary)] hover:border-[var(--brand-primary)] disabled:cursor-default disabled:opacity-40",
-        children: [
-          /* @__PURE__ */ jsx("span", { children: current?.label ?? value }),
-          /* @__PURE__ */ jsx(ChevronDownGlyph, { className: "h-3 w-3 text-[var(--text-muted)]" })
-        ]
-      }
-    ),
-    open ? /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "listbox",
-        "aria-label": ariaLabel,
-        className: "absolute right-0 top-full z-50 mt-1 flex w-64 flex-col rounded border border-[var(--card-edge)] bg-[hsl(var(--popover))] py-1 shadow-[var(--shadow-overlay)]",
-        children: ASSIGNABLE_ROLES.map((option) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            role: "option",
-            "aria-selected": option.value === value,
-            onClick: () => {
-              onChange(option.value);
-              setOpen(false);
-            },
-            className: `flex flex-col px-3 py-2 text-left text-sm hover:bg-[color-mix(in_srgb,var(--brand-primary)_10%,transparent)] ${option.value === value ? "text-[var(--brand-primary)]" : "text-[var(--text-primary)]"}`,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
-              /* @__PURE__ */ jsx("span", { className: "text-[var(--text-muted)]", children: option.description })
-            ]
-          },
-          option.value
-        ))
-      }
-    ) : null
-  ] });
-}
-
-// src/teams-react/components/InviteForm.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function InviteForm({ label, placeholder, onInvite }) {
   const id = useId();
-  const [email, setEmail] = useState2("");
-  const [role, setRole] = useState2("editor");
-  const [inviting, setInviting] = useState2(false);
-  const [checked, setChecked] = useState2(false);
+  const [email, setEmail] = useState("");
+  const [role, setRole] = useState("editor");
+  const [inviting, setInviting] = useState(false);
+  const [checked, setChecked] = useState(false);
   const valid = isInvitationEmail(email);
   const showHint = checked && email.trim() !== "" && !valid;
   async function submit() {
@@ -112,10 +44,10 @@ function InviteForm({ label, placeholder, onInvite }) {
       setInviting(false);
     }
   }
-  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx2("label", { htmlFor: `${id}-email`, className: "text-sm font-medium text-[var(--text-secondary)]", children: label }),
-    /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap gap-2", children: [
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs("div", { className: "@container/invite flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: `${id}-email`, className: "text-sm font-medium text-[var(--text-secondary)]", children: label }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ jsx(
         Input,
         {
           id: `${id}-email`,
@@ -137,20 +69,19 @@ function InviteForm({ label, placeholder, onInvite }) {
           className: "min-w-[12rem] flex-1"
         }
       ),
-      /* @__PURE__ */ jsxs2("div", { className: "ml-auto flex shrink-0 gap-2", children: [
-        /* @__PURE__ */ jsx2(RoleSelect, { value: role, ariaLabel: "Invite role", onChange: setRole }),
-        /* @__PURE__ */ jsx2(Button, { type: "button", onClick: () => void submit(), disabled: inviting || !valid, children: inviting ? "Inviting\u2026" : "Invite" })
-      ] })
+      /* @__PURE__ */ jsx("div", { className: "w-72 shrink-0 @max-[36rem]/invite:w-full", children: /* @__PURE__ */ jsx(RoleSelect, { value: role, ariaLabel: "Invite role", onChange: setRole }) }),
+      /* @__PURE__ */ jsx(Button, { type: "button", className: "ml-auto", onClick: () => void submit(), disabled: inviting || !valid, children: inviting ? "Inviting\u2026" : "Invite" })
     ] }),
-    showHint && /* @__PURE__ */ jsx2("p", { id: `${id}-hint`, role: "alert", className: "text-sm text-[var(--surface-danger-text)]", children: INVITATION_EMAIL_HINT })
+    showHint && /* @__PURE__ */ jsx("p", { id: `${id}-hint`, role: "alert", className: "text-sm text-[var(--surface-danger-text)]", children: INVITATION_EMAIL_HINT })
   ] });
 }
 
 // src/teams-react/components/MembersPanel.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function MembersPanel({
   members,
   currentRole,
+  currentUserId,
   onInvite,
   onChangeRole,
   onRemove,
@@ -187,73 +118,67 @@ function MembersPanel({
       notify("error", err instanceof Error ? err.message : "Failed to remove member");
     }
   }
-  return /* @__PURE__ */ jsxs3("section", { className: "flex flex-col gap-4", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx3("h4", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Members" }),
-      /* @__PURE__ */ jsxs3("span", { className: "text-sm text-[var(--text-muted)]", children: [
+  return /* @__PURE__ */ jsxs2("section", { className: "@container/members flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx2(Heading, { as: "h4", variant: "subsection", children: "Members" }),
+      /* @__PURE__ */ jsxs2("span", { className: "text-sm text-[var(--text-muted)]", children: [
         members.length,
         " total"
       ] })
     ] }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2", children: [
-      members.map((member) => /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-2", children: [
+      members.map((member) => /* @__PURE__ */ jsx2(
         MemberRow,
         {
           member,
-          canManage,
+          editable: canManageMember(member, currentRole, currentUserId),
+          self: isCurrentMember(member, currentUserId),
           onChangeRole: changeRole,
           onRemove: remove
         },
         member.id
       )),
-      members.length === 0 && /* @__PURE__ */ jsx3("p", { className: "text-sm text-[var(--text-muted)]", children: "No team members yet." })
+      members.length === 0 && /* @__PURE__ */ jsx2("p", { className: "text-sm text-[var(--text-muted)]", children: "No team members yet." })
     ] }),
-    canManage && showInviteForm && /* @__PURE__ */ jsx3("div", { className: "border-t border-[var(--border-default)] pt-3", children: /* @__PURE__ */ jsx3(InviteForm, { label: "Invite member", placeholder: "Email address", onInvite: invite }) })
+    canManage && showInviteForm && /* @__PURE__ */ jsx2("div", { className: "border-t border-[var(--border-default)] pt-3", children: /* @__PURE__ */ jsx2(InviteForm, { label: "Invite member", placeholder: "Email address", onInvite: invite }) })
   ] });
 }
-function MemberRow({ member, canManage, onChangeRole, onRemove }) {
+function MemberRow({ member, editable, self, onChangeRole, onRemove }) {
   const pending = member.acceptedAt == null;
   const label = member.name ?? member.email ?? "Unknown";
   const initial = (member.name?.[0] ?? member.email?.[0] ?? "?").toUpperCase();
-  const isOwner = member.role === "owner";
-  const editable = canManage && !isOwner && !member.inherited;
-  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap items-center justify-between gap-x-3 gap-y-2 border-b border-[var(--border-default)] py-2 last:border-0", children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-      /* @__PURE__ */ jsx3("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-input)] text-sm font-semibold text-[var(--text-secondary)]", children: initial }),
-      /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsxs3("p", { className: "flex flex-wrap items-center gap-x-2 text-sm font-medium text-[var(--text-primary)]", children: [
-          /* @__PURE__ */ jsx3("span", { className: "min-w-0 [overflow-wrap:anywhere]", children: label }),
-          pending && /* @__PURE__ */ jsx3("span", { className: "rounded border border-[var(--border-default)] px-1.5 py-0.5 text-sm font-medium text-[var(--text-muted)]", children: "Pending" })
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-[var(--border-default)] py-2 last:border-0", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-3 @max-[36rem]/members:basis-40", children: [
+      /* @__PURE__ */ jsx2("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--bg-input)] text-sm font-semibold text-[var(--text-secondary)]", children: initial }),
+      /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs2("p", { className: "flex flex-wrap items-center gap-x-2 text-sm font-medium text-[var(--text-primary)]", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "min-w-0 [overflow-wrap:anywhere]", children: [
+            label,
+            self && /* @__PURE__ */ jsx2("span", { className: "font-normal text-[var(--text-muted)]", children: " (you)" })
+          ] }),
+          pending && /* @__PURE__ */ jsx2("span", { className: "rounded border border-[var(--border-default)] px-1.5 py-0.5 text-sm font-medium text-[var(--text-muted)]", children: "Pending" })
         ] }),
-        member.name && member.email && /* @__PURE__ */ jsx3("p", { className: "text-sm text-[var(--text-muted)] [overflow-wrap:anywhere]", children: member.email })
+        member.name && member.email && /* @__PURE__ */ jsx2("p", { className: "text-sm text-[var(--text-muted)] [overflow-wrap:anywhere]", children: member.email })
       ] })
     ] }),
-    /* @__PURE__ */ jsx3("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: isOwner ? /* @__PURE__ */ jsx3("span", { className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-sm text-[var(--text-secondary)]", children: member.inherited ? "Org Admin" : "Owner" }) : editable ? /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx3(
+    editable ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+      /* @__PURE__ */ jsx2("div", { className: "w-72 shrink-0 @max-[36rem]/members:order-last @max-[36rem]/members:w-full", children: /* @__PURE__ */ jsx2(
         RoleSelect,
         {
           value: member.role,
           ariaLabel: `Role for ${label}`,
           onChange: (role) => onChangeRole(member.id, role)
         }
-      ),
-      /* @__PURE__ */ jsx3(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Remove ${label}`,
-          onClick: () => onRemove(member.id),
-          className: "rounded px-2 py-1 text-sm text-[var(--text-danger)] hover:bg-[var(--border-default)]",
-          children: "Remove"
-        }
-      )
-    ] }) : /* @__PURE__ */ jsx3("span", { className: "rounded border border-[var(--border-default)] px-2 py-0.5 text-sm capitalize text-[var(--text-secondary)]", children: member.role }) })
+      ) }),
+      /* @__PURE__ */ jsx2(Button2, { type: "button", variant: "destructive-outline", "aria-label": `Remove ${label}`, onClick: () => onRemove(member.id), children: "Remove" })
+    ] }) : /* @__PURE__ */ jsx2("span", { className: "ml-auto rounded border border-[var(--border-default)] px-2 py-0.5 text-sm text-[var(--text-secondary)]", children: memberRoleLabel(member) })
   ] });
 }
 
 // src/teams-react/components/InvitationsPanel.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Button as Button3, Heading as Heading2 } from "@tangle-network/ui/primitives";
+import { useState as useState2 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var BADGE_BASE = "inline-flex items-center rounded border px-2 py-0.5 text-sm font-medium";
 var STATUS = {
   accepted: { label: "Joined", tone: "border-[var(--surface-success-border)] bg-[var(--surface-success-bg)] text-[var(--surface-success-text)]" },
@@ -261,27 +186,6 @@ var STATUS = {
   revoked: { label: "Revoked", tone: "border-[var(--surface-danger-border)] bg-[var(--surface-danger-bg)] text-[var(--surface-danger-text)]" },
   expired: { label: "Expired", tone: "border-[var(--border-default)] text-[var(--text-muted)]" }
 };
-function capitalize(text) {
-  return text.length === 0 ? text : text[0].toUpperCase() + text.slice(1);
-}
-function shortDate(value) {
-  return new Date(value).toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-}
-function invitationDetail(invitation) {
-  const role = capitalize(invitation.permissions);
-  switch (invitation.status) {
-    case "accepted":
-      return invitation.acceptedAt ? `${role} \xB7 joined ${shortDate(invitation.acceptedAt)}` : role;
-    case "pending": {
-      const delivery = invitation.emailStatus === "sent" ? "email sent" : invitation.emailStatus === "not_sent" ? "email not sent yet" : null;
-      return [role, delivery, `expires ${shortDate(invitation.expiresAt)}`].filter(Boolean).join(" \xB7 ");
-    }
-    case "expired":
-      return `${role} \xB7 expired ${shortDate(invitation.expiresAt)}`;
-    case "revoked":
-      return role;
-  }
-}
 function InvitationsPanel({
   invitations,
   currentRole,
@@ -291,7 +195,7 @@ function InvitationsPanel({
   onCopy,
   onNotice
 }) {
-  const [busyId, setBusyId] = useState3(null);
+  const [busyId, setBusyId] = useState2(null);
   const canManage = hasWorkspaceRole(currentRole, "admin");
   function notify(kind, message) {
     onNotice?.({ kind, message });
@@ -337,17 +241,17 @@ function InvitationsPanel({
       setBusyId(null);
     }
   }
-  return /* @__PURE__ */ jsxs4("section", { className: "flex flex-col gap-4", children: [
-    canManage && /* @__PURE__ */ jsx4(InviteForm, { label: "Invite by email", placeholder: "colleague@example.com", onInvite: invite }),
-    /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-2 border-t border-[var(--border-default)] pt-3", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx4("h4", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Invitation history" }),
-        /* @__PURE__ */ jsxs4("span", { className: "text-sm text-[var(--text-muted)]", children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "flex flex-col gap-4", children: [
+    canManage && /* @__PURE__ */ jsx3(InviteForm, { label: "Invite by email", placeholder: "colleague@example.com", onInvite: invite }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2 border-t border-[var(--border-default)] pt-3", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx3(Heading2, { as: "h4", variant: "subsection", children: "Invitation history" }),
+        /* @__PURE__ */ jsxs3("span", { className: "text-sm text-[var(--text-muted)]", children: [
           invitations.length,
           " total"
         ] })
       ] }),
-      invitations.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "text-sm text-[var(--text-muted)]", children: "No invitations yet." }) : invitations.map((invitation) => /* @__PURE__ */ jsx4(
+      invitations.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-sm text-[var(--text-muted)]", children: "No invitations yet." }) : invitations.map((invitation) => /* @__PURE__ */ jsx3(
         InvitationRow,
         {
           invitation,
@@ -365,58 +269,31 @@ function InvitationsPanel({
 function InvitationRow({ invitation, canManage, busy, onCopy, onResend, onRevoke }) {
   const isPending = invitation.status === "pending";
   const status = STATUS[invitation.status];
-  return /* @__PURE__ */ jsxs4("div", { className: "rounded-lg border border-[var(--border-default)] bg-[var(--bg-input)] p-3", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ jsx4("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", title: invitation.email, children: invitation.email }),
-        /* @__PURE__ */ jsx4("p", { className: "text-sm text-[var(--text-muted)]", children: invitationDetail(invitation) }),
-        isPending && invitation.emailStatus === "failed" && /* @__PURE__ */ jsx4("p", { className: "mt-1 text-sm text-[var(--surface-danger-text)]", children: "The email was not delivered. Copy the link and send it yourself." })
+  return /* @__PURE__ */ jsxs3("div", { className: "rounded-lg border border-[var(--border-default)] bg-[var(--bg-input)] p-3", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx3("p", { className: "truncate text-sm font-medium text-[var(--text-primary)]", title: invitation.email, children: invitation.email }),
+        /* @__PURE__ */ jsx3("p", { className: "text-sm text-[var(--text-muted)]", children: invitationDetail(invitation) }),
+        isPending && invitation.emailStatus === "failed" && /* @__PURE__ */ jsx3("p", { className: "mt-1 text-sm text-[var(--surface-danger-text)]", children: "The email was not delivered. Copy the link and send it yourself." })
       ] }),
-      /* @__PURE__ */ jsx4("span", { className: `${BADGE_BASE} ${status.tone} shrink-0`, children: status.label })
+      /* @__PURE__ */ jsx3("span", { className: `${BADGE_BASE} ${status.tone} shrink-0`, children: status.label })
     ] }),
-    canManage && isPending && /* @__PURE__ */ jsxs4("div", { className: "mt-3 flex flex-wrap items-center justify-end gap-2", children: [
-      /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          onClick: onCopy,
-          disabled: busy,
-          className: "rounded border border-[var(--border-default)] px-2.5 py-1 text-sm text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:opacity-50",
-          children: "Copy link"
-        }
-      ),
-      /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          onClick: onResend,
-          disabled: busy,
-          className: "rounded border border-[var(--border-default)] px-2.5 py-1 text-sm text-[var(--text-secondary)] hover:text-[var(--text-primary)] disabled:opacity-50",
-          children: busy ? "Working\u2026" : "Resend"
-        }
-      ),
-      /* @__PURE__ */ jsx4(
-        "button",
-        {
-          type: "button",
-          onClick: onRevoke,
-          disabled: busy,
-          className: "rounded px-2.5 py-1 text-sm text-[var(--text-danger)] hover:bg-[var(--border-default)] disabled:opacity-50",
-          children: "Revoke"
-        }
-      )
+    canManage && isPending && /* @__PURE__ */ jsxs3("div", { className: "mt-3 flex flex-wrap items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx3(Button3, { type: "button", variant: "outline", onClick: onCopy, disabled: busy, children: "Copy link" }),
+      /* @__PURE__ */ jsx3(Button3, { type: "button", variant: "outline", onClick: onResend, disabled: busy, children: busy ? "Working\u2026" : "Resend" }),
+      /* @__PURE__ */ jsx3(Button3, { type: "button", variant: "destructive-outline", onClick: onRevoke, disabled: busy, children: "Revoke" })
     ] })
   ] });
 }
 
 // src/teams-react/components/InviteAcceptPage.tsx
-import { useState as useState4 } from "react";
+import { useState as useState3 } from "react";
 
 // src/teams-react/components/BrandMark.tsx
 import { lazy, Suspense } from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function MarkSpacer({ size }) {
-  return /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { display: "inline-block", width: size, height: size } });
+  return /* @__PURE__ */ jsx4("span", { "aria-hidden": true, style: { display: "inline-block", width: size, height: size } });
 }
 var LazyKnot = lazy(async () => {
   try {
@@ -427,57 +304,57 @@ var LazyKnot = lazy(async () => {
   }
 });
 function BrandMark({ size, className }) {
-  return /* @__PURE__ */ jsx5(Suspense, { fallback: /* @__PURE__ */ jsx5(MarkSpacer, { size }), children: /* @__PURE__ */ jsx5(LazyKnot, { size, className }) });
+  return /* @__PURE__ */ jsx4(Suspense, { fallback: /* @__PURE__ */ jsx4(MarkSpacer, { size }), children: /* @__PURE__ */ jsx4(LazyKnot, { size, className }) });
 }
 
 // src/teams-react/components/InviteAcceptPage.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function InviteAcceptPage({ details, onAccept, onNavigate, onResendVerification }) {
-  const [accepting, setAccepting] = useState4(false);
-  const [acceptError, setAcceptError] = useState4(null);
-  const [accepted, setAccepted] = useState4(false);
-  const [resendingVerification, setResendingVerification] = useState4(false);
-  const [verificationSent, setVerificationSent] = useState4(false);
+  const [accepting, setAccepting] = useState3(false);
+  const [acceptError, setAcceptError] = useState3(null);
+  const [accepted, setAccepted] = useState3(false);
+  const [resendingVerification, setResendingVerification] = useState3(false);
+  const [verificationSent, setVerificationSent] = useState3(false);
   if (details.status === "invalid") {
-    return /* @__PURE__ */ jsx6(Shell, { title: "Invalid invitation", body: "This link is invalid or already used. Ask the workspace admin to send a new one.", children: /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Go to sign in" }) });
+    return /* @__PURE__ */ jsx5(Shell, { title: "Invalid invitation", body: "This link is invalid or already used. Ask the workspace admin to send a new one.", children: /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Go to sign in" }) });
   }
   if (details.status === "already-accepted") {
-    return /* @__PURE__ */ jsx6(Shell, { title: "Already accepted", body: "This invitation has already been accepted.", children: /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "open-app" }), children: "Open workspace" }) });
+    return /* @__PURE__ */ jsx5(Shell, { title: "Already accepted", body: "This invitation has already been accepted.", children: /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "open-app" }), children: "Open workspace" }) });
   }
   if (details.status === "expired") {
-    return /* @__PURE__ */ jsx6(Shell, { title: "Invitation expired", body: "This invitation has expired. Ask the workspace admin to send a new one.", children: /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Go to sign in" }) });
+    return /* @__PURE__ */ jsx5(Shell, { title: "Invitation expired", body: "This invitation has expired. Ask the workspace admin to send a new one.", children: /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Go to sign in" }) });
   }
   if (details.status === "revoked") {
-    return /* @__PURE__ */ jsx6(Shell, { title: "Invitation revoked", body: "This invitation has been revoked. Ask the workspace admin to send a new one.", children: /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Go to sign in" }) });
+    return /* @__PURE__ */ jsx5(Shell, { title: "Invitation revoked", body: "This invitation has been revoked. Ask the workspace admin to send a new one.", children: /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Go to sign in" }) });
   }
   const workspaceName = details.workspaceName ?? "a workspace";
   const inviterPrefix = details.inviterName ? `${details.inviterName} invited you` : "You've been invited";
   const roleSuffix = details.role ? ` as ${details.role}` : "";
   if (!details.currentUserEmail) {
-    return /* @__PURE__ */ jsxs5(Shell, { title: "You've been invited", children: [
-      /* @__PURE__ */ jsxs5("p", { className: "mb-4 text-sm text-[var(--text-secondary)]", children: [
+    return /* @__PURE__ */ jsxs4(Shell, { title: "You've been invited", children: [
+      /* @__PURE__ */ jsxs4("p", { className: "mb-4 text-sm text-[var(--text-secondary)]", children: [
         inviterPrefix,
         " to join ",
-        /* @__PURE__ */ jsx6("span", { className: "font-medium text-[var(--text-primary)]", children: workspaceName }),
+        /* @__PURE__ */ jsx5("span", { className: "font-medium text-[var(--text-primary)]", children: workspaceName }),
         roleSuffix,
         "."
       ] }),
-      details.inviteEmail && /* @__PURE__ */ jsxs5("p", { className: "mb-6 text-sm text-[var(--text-secondary)]", children: [
+      details.inviteEmail && /* @__PURE__ */ jsxs4("p", { className: "mb-6 text-sm text-[var(--text-secondary)]", children: [
         "Sign in or create an account with",
         " ",
-        /* @__PURE__ */ jsx6("span", { className: "font-medium text-[var(--text-primary)]", children: details.inviteEmail }),
+        /* @__PURE__ */ jsx5("span", { className: "font-medium text-[var(--text-primary)]", children: details.inviteEmail }),
         " to accept."
       ] }),
-      /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Sign in" }),
-        /* @__PURE__ */ jsx6(SecondaryButton, { onClick: () => onNavigate({ kind: "sign-up" }), children: "Create account" })
+      /* @__PURE__ */ jsxs4("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "sign-in" }), children: "Sign in" }),
+        /* @__PURE__ */ jsx5(SecondaryButton, { onClick: () => onNavigate({ kind: "sign-up" }), children: "Create account" })
       ] })
     ] });
   }
   if (accepted) {
-    return /* @__PURE__ */ jsx6(Shell, { title: "Welcome!", children: /* @__PURE__ */ jsxs5("p", { className: "text-sm text-[var(--text-secondary)]", children: [
+    return /* @__PURE__ */ jsx5(Shell, { title: "Welcome!", children: /* @__PURE__ */ jsxs4("p", { className: "text-sm text-[var(--text-secondary)]", children: [
       "You've joined ",
-      /* @__PURE__ */ jsx6("span", { className: "font-medium text-[var(--text-primary)]", children: workspaceName }),
+      /* @__PURE__ */ jsx5("span", { className: "font-medium text-[var(--text-primary)]", children: workspaceName }),
       "."
     ] }) });
   }
@@ -511,36 +388,36 @@ function InviteAcceptPage({ details, onAccept, onNavigate, onResendVerification
       setResendingVerification(false);
     }
   }
-  return /* @__PURE__ */ jsxs5(Shell, { title: "Join workspace", children: [
-    /* @__PURE__ */ jsxs5("p", { className: "mb-4 text-sm text-[var(--text-secondary)]", children: [
+  return /* @__PURE__ */ jsxs4(Shell, { title: "Join workspace", children: [
+    /* @__PURE__ */ jsxs4("p", { className: "mb-4 text-sm text-[var(--text-secondary)]", children: [
       inviterPrefix,
       " to join ",
-      /* @__PURE__ */ jsx6("span", { className: "font-medium text-[var(--text-primary)]", children: workspaceName }),
+      /* @__PURE__ */ jsx5("span", { className: "font-medium text-[var(--text-primary)]", children: workspaceName }),
       roleSuffix,
       "."
     ] }),
-    /* @__PURE__ */ jsxs5("p", { className: "mb-4 text-sm text-[var(--text-secondary)]", children: [
+    /* @__PURE__ */ jsxs4("p", { className: "mb-4 text-sm text-[var(--text-secondary)]", children: [
       "Signed in as ",
-      /* @__PURE__ */ jsx6("span", { className: "font-medium text-[var(--text-primary)]", children: details.currentUserEmail })
+      /* @__PURE__ */ jsx5("span", { className: "font-medium text-[var(--text-primary)]", children: details.currentUserEmail })
     ] }),
-    expiryLabel && /* @__PURE__ */ jsxs5("p", { className: "mb-4 text-xs text-[var(--text-muted)]", children: [
+    expiryLabel && /* @__PURE__ */ jsxs4("p", { className: "mb-4 text-xs text-[var(--text-muted)]", children: [
       "This invitation expires on ",
       expiryLabel,
       "."
     ] }),
-    emailMismatch && /* @__PURE__ */ jsxs5(
+    emailMismatch && /* @__PURE__ */ jsxs4(
       "div",
       {
         role: "alert",
         className: "mb-4 rounded-md border border-[var(--border-default)] px-4 py-2 text-sm text-[var(--text-warning)]",
         children: [
           "This invitation was sent to ",
-          /* @__PURE__ */ jsx6("span", { className: "font-medium", children: details.inviteEmail }),
+          /* @__PURE__ */ jsx5("span", { className: "font-medium", children: details.inviteEmail }),
           ". Switch to that account to accept it."
         ]
       }
     ),
-    needsVerification && /* @__PURE__ */ jsx6(
+    needsVerification && /* @__PURE__ */ jsx5(
       "div",
       {
         role: "alert",
@@ -548,33 +425,33 @@ function InviteAcceptPage({ details, onAccept, onNavigate, onResendVerification
         children: verificationSent ? "Verification email sent \u2014 check your inbox, then refresh this page to accept." : "Verify your email address before you can accept this invitation."
       }
     ),
-    acceptError && /* @__PURE__ */ jsx6("p", { role: "alert", className: "mb-4 text-sm text-[var(--text-danger)]", children: acceptError }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex gap-2", children: [
-      emailMismatch ? /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "switch-account" }), children: "Switch account" }) : needsVerification ? onResendVerification ? /* @__PURE__ */ jsx6(
+    acceptError && /* @__PURE__ */ jsx5("p", { role: "alert", className: "mb-4 text-sm text-[var(--text-danger)]", children: acceptError }),
+    /* @__PURE__ */ jsxs4("div", { className: "flex gap-2", children: [
+      emailMismatch ? /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "switch-account" }), children: "Switch account" }) : needsVerification ? onResendVerification ? /* @__PURE__ */ jsx5(
         PrimaryButton,
         {
           onClick: () => void handleResendVerification(),
           disabled: resendingVerification || verificationSent,
           children: verificationSent ? "Verification sent" : resendingVerification ? "Sending\u2026" : "Resend verification email"
         }
-      ) : /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => onNavigate({ kind: "open-app" }), children: "Open app" }) : /* @__PURE__ */ jsx6(PrimaryButton, { onClick: () => void handleAccept(), disabled: accepting, children: accepting ? "Accepting\u2026" : "Accept invitation" }),
-      /* @__PURE__ */ jsx6(SecondaryButton, { onClick: () => onNavigate({ kind: "open-app" }), children: "Not now" })
+      ) : /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => onNavigate({ kind: "open-app" }), children: "Open app" }) : /* @__PURE__ */ jsx5(PrimaryButton, { onClick: () => void handleAccept(), disabled: accepting, children: accepting ? "Accepting\u2026" : "Accept invitation" }),
+      /* @__PURE__ */ jsx5(SecondaryButton, { onClick: () => onNavigate({ kind: "open-app" }), children: "Not now" })
     ] })
   ] });
 }
 function Shell({ title, body, children }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "mx-auto flex w-full max-w-sm flex-col", children: [
-    /* @__PURE__ */ jsxs5("span", { className: "mb-4 flex items-center gap-2 text-[var(--text-muted)]", children: [
-      /* @__PURE__ */ jsx6(BrandMark, { size: 22, className: "shrink-0" }),
-      /* @__PURE__ */ jsx6("span", { className: "text-xs font-semibold uppercase tracking-[0.05em]", children: "Tangle Teams" })
+  return /* @__PURE__ */ jsxs4("div", { className: "mx-auto flex w-full max-w-sm flex-col", children: [
+    /* @__PURE__ */ jsxs4("span", { className: "mb-4 flex items-center gap-2 text-[var(--text-muted)]", children: [
+      /* @__PURE__ */ jsx5(BrandMark, { size: 22, className: "shrink-0" }),
+      /* @__PURE__ */ jsx5("span", { className: "text-xs font-semibold uppercase tracking-[0.05em]", children: "Tangle Teams" })
     ] }),
-    /* @__PURE__ */ jsx6("h1", { className: "mb-1 text-xl font-semibold tracking-tight text-[var(--text-primary)]", children: title }),
-    body && /* @__PURE__ */ jsx6("p", { className: "mb-6 text-sm text-[var(--text-secondary)]", children: body }),
+    /* @__PURE__ */ jsx5("h1", { className: "mb-1 text-xl font-semibold tracking-tight text-[var(--text-primary)]", children: title }),
+    body && /* @__PURE__ */ jsx5("p", { className: "mb-6 text-sm text-[var(--text-secondary)]", children: body }),
     children
   ] });
 }
 function PrimaryButton({ children, onClick, disabled }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",
@@ -586,7 +463,7 @@ function PrimaryButton({ children, onClick, disabled }) {
   );
 }
 function SecondaryButton({ children, onClick }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",