) => {
event.preventDefault()
if (!activeOrganizationId) return
- const email = inviteEmailDraft.trim().toLowerCase()
- if (!email) {
- setNotice('Enter an email address to invite.')
+ const emails = inviteEmailDraft.split(/[\s,;]+/)
+ .map((email) => email.trim().toLowerCase())
+ .filter(Boolean)
+ .filter((email, index, values) => values.indexOf(email) === index)
+ if (emails.length === 0) {
+ setNotice('Enter at least one email address to invite.')
return
}
const role = canManageOrgMembers ? inviteRoleDraft : 'student'
- const res = await api.createOrgInvitation(activeOrganizationId, email, role)
- if (res.error || !res.data) {
- setNotice(`Could not create invitation: ${res.error || 'unknown error'}`)
+ const res = emails.length === 1
+ ? await api.createOrgInvitation(activeOrganizationId, emails[0], role).then((single) => ({
+ data: single.data ? { invitations: [single.data], errors: [] } : null,
+ error: single.error,
+ }))
+ : await api.createOrgInvitations(activeOrganizationId, emails, role)
+ if (res.error || !res.data || res.data.invitations.length === 0) {
+ setNotice(`Could not create invitation${emails.length === 1 ? '' : 's'}: ${res.error || res.data?.errors.map((error) => `${error.email}: ${error.errors.join(', ')}`).join('; ') || 'unknown error'}`)
return
}
- const url = res.data.invitation_url || invitationUrl(res.data.token)
- setOrgInvitations((current) => [res.data!, ...current.filter((candidate) => candidate.id !== res.data!.id)])
+ const createdInvitations = res.data.invitations
+ const latestInvitation = createdInvitations[0]
+ const url = latestInvitation.invitation_url || invitationUrl(latestInvitation.token)
+ setOrgInvitations((current) => [
+ ...createdInvitations,
+ ...current.filter((candidate) => !createdInvitations.some((created) => created.id === candidate.id)),
+ ])
setInviteEmailDraft('')
setInviteRoleDraft('student')
setLastInviteUrl(url)
const copied = await writeClipboardText(url)
- if (res.data.email_sent) {
- setNotice(copied ? 'Invitation email sent. Backup link copied.' : 'Invitation email sent. Backup link is in the classroom panel.')
+ const failedCount = res.data.errors.length
+ const queuedCount = createdInvitations.filter((invitation) => invitation.email_queued).length
+ if (createdInvitations.length > 1) {
+ setNotice(`${createdInvitations.length} invitation${createdInvitations.length === 1 ? '' : 's'} created${queuedCount ? `; ${queuedCount} email${queuedCount === 1 ? '' : 's'} queued` : ''}${failedCount ? `; ${failedCount} failed` : ''}.`)
+ } else if (latestInvitation.email_queued) {
+ setNotice(copied ? 'Invitation email queued. Backup link copied.' : 'Invitation email queued. Backup link is in the classroom panel.')
} else {
setNotice(copied ? 'Invitation created. Email is not configured yet, so the link was copied.' : 'Invitation created. Email is not configured yet, so copy the link from the classroom panel.')
}
@@ -533,12 +799,12 @@ export default function App() {
const url = res.data.invitation_url || invitationUrl(res.data.token)
setOrgInvitations((current) => current.map((candidate) => candidate.id === res.data!.id ? res.data! : candidate))
setLastInviteUrl(url)
- setNotice(res.data.email_sent ? 'Invitation email resent.' : 'Invitation resent link is ready, but email is not configured yet.')
+ setNotice(res.data.email_queued ? 'Invitation email queued to resend.' : 'Invitation link renewed, but email is not configured yet.')
}
const revokeInvitation = async (invitation: CloudOrgInvitation) => {
if (!activeOrganizationId || !invitation.id) return
- if (!window.confirm(`Revoke the invitation for ${invitation.email}? The current link will stop working.`)) return
+ if (!window.confirm(`Revoke the invitation for ${invitation.email || 'this account'}? The current link will stop working.`)) return
const res = await api.deleteOrgInvitation(activeOrganizationId, invitation.id)
if (res.error) {
@@ -566,7 +832,7 @@ export default function App() {
const removeOrgMember = async (member: CloudOrgMember) => {
if (!activeOrganizationId) return
- if (!window.confirm(`Remove ${member.full_name} from ${activeOrganization?.name || 'this organization'}? Their projects stay in the workspace, but they lose organization access.`)) return
+ if (!window.confirm(`Remove ${member.full_name} from ${activeOrganization?.name || 'this organization'}? Their class projects will move to their private Personal workspace so their work is not stranded.`)) return
const res = await api.deleteOrgMember(activeOrganizationId, member.membership_id)
if (res.error) {
@@ -619,17 +885,24 @@ export default function App() {
const flushCloudProject = async (projectToFlush: SavedProject) => {
if (!isSignedIn || !isCloudProjectId(projectToFlush.id)) return projectToFlush
- if (syncTimerRef.current) {
- window.clearTimeout(syncTimerRef.current)
- syncTimerRef.current = null
+ const pendingTimer = syncTimersRef.current.get(projectToFlush.id)
+ if (pendingTimer) {
+ window.clearTimeout(pendingTimer)
+ syncTimersRef.current.delete(projectToFlush.id)
}
const res = await api.updateProject(projectToFlush)
if (res.error || !res.data) {
- setNotice(`Cloud save failed: ${res.error || 'unknown error'}`)
+ updateCloudSaveStatus(projectToFlush.id, res.code === 'project_conflict' ? 'conflict' : 'failed')
+ setNotice(res.code === 'project_conflict'
+ ? 'Cloud save conflict: this project changed in another tab. Export your local copy before reloading.'
+ : `Cloud save failed: ${res.error || 'unknown error'}. Your local copy is still safe.`)
return null
}
+ clearProjectPendingCloudSync(projectToFlush.id)
+ syncedProjectVersionsRef.current.set(res.data.id, res.data.updatedAt)
+ updateCloudSaveStatus(res.data.id, 'saved')
setLibrary((current) => ({
...current,
projects: current.projects.map((candidate) => candidate.id === res.data!.id ? res.data! : candidate),
@@ -700,6 +973,10 @@ export default function App() {
}
const cloneProject = () => {
+ if (workspaceArchived) {
+ setNotice('Restore this classroom before duplicating projects into it.')
+ return
+ }
setProjectActionsOpen(false)
const copy = duplicateProject(project)
setLibrary((current) => ({ activeProjectId: copy.id, projects: [copy, ...current.projects] }))
@@ -950,6 +1227,11 @@ export default function App() {
}
const copyShareLink = async () => {
+ if (project.organizationId) {
+ setNotice('External snapshot sharing is disabled for classroom projects. Use Teacher only or Class visibility instead.')
+ return
+ }
+
const share = await api.createShare(project)
const url = share.data
? `${window.location.origin}${window.location.pathname}#share=${share.data.token}`
@@ -1015,7 +1297,13 @@ export default function App() {
exportProject(project)}>
importInputRef.current?.click()}>
-
+
@@ -1027,7 +1315,13 @@ export default function App() {
exportProject(project)}>
importInputRef.current?.click()}>
-
+
@@ -1072,7 +1366,7 @@ export default function App() {
{activeOrganization ? activeOrganization.name : 'Personal projects'}
{activeOrganization
- ? `${activeOrganization.role} workspace. Private projects are still visible to instructors.`
+ ? `${activeOrganization.role} workspace${activeOrganization.school_year ? ` · ${activeOrganization.school_year}` : ''}${workspaceArchived ? ' · archived and read-only' : ''}. Teacher-only projects are visible to instructors.`
: 'Your own projects, separate from any classroom or organization.'}
@@ -1090,7 +1384,7 @@ export default function App() {
Personal projects
{organizations.map((organization) => (
- {organization.name}
+ {organization.name}{organization.archived_at ? ' (Archived)' : ''}
))}
@@ -1164,30 +1458,97 @@ export default function App() {
>
Invitations
+ {canManageOrgMembers && (
+ {
+ setSchoolYearDraft(activeOrganization.school_year || '')
+ setClassroomTab('settings')
+ api.getOrganizationAuditEvents(String(activeOrganization.id)).then((res) => {
+ if (res.data) setAuditEvents(res.data)
+ if (res.error) setNotice(`Could not load classroom activity: ${res.error}`)
+ })
+ }}
+ >
+ Settings
+
+ )}
+ {workspaceArchived && (
+
+ This classroom is archived. Projects, roster changes, invitations, and settings are read-only until an owner restores it.
+
+ )}
+ {classroomTab === 'settings' && canManageOrgMembers && (
+
+
+ School year or term
+
+
+ Save settings
+
+
+
+ {workspaceArchived ? 'Restore classroom' : 'Archive classroom'}
+
+
+
Exports include the roster, source files, and feedback. Archived classrooms stay available for review and export, but project source and invitations become read-only.
+
+
+ Recent activity
+ {auditEvents.length} event{auditEvents.length === 1 ? '' : 's'}
+
+ {auditEvents.slice(0, 12).map((event) => (
+
+ {event.action.replaceAll('.', ' ')}
+ {event.actor?.full_name || 'System'} · {formatUpdatedAt(event.created_at)}
+
+ ))}
+ {auditEvents.length === 0 &&
No classroom activity has been recorded yet.
}
+
+