+
+
Users
+
Read-only Jellyfin users with optional Jellyseerr enrichment.
-
-
+
+
{isError ? (
-
- Unable to load users: {(error as Error)?.message || "Unknown error"}
-
+
+
+ Unable to load users: {(error as Error)?.message || "Unknown error"}
+
+
) : null}
{data && !data.jellyseerr_configured ? (
-
- Jellyseerr is not configured in the backend yet. Check JELLYSEERR_URL
- and JELLYSEERR_API_KEY, then restart the API.
-
+
+
+ Jellyseerr is not configured in the backend yet. Check
+ JELLYSEERR_URL and JELLYSEERR_API_KEY, then restart the API.
+
+
) : null}
{data?.jellyseerr_error ? (
-
- Jellyseerr enrichment is unavailable: {data.jellyseerr_error}
-
+
+
+ Jellyseerr enrichment is unavailable: {data.jellyseerr_error}
+
+
) : null}
{data?.jellyseerr_configured &&
!data.jellyseerr_error &&
data.enriched_count === 0 ? (
-
- Jellyseerr is connected, but no Jellyfin users were matched yet. The
- backend found {data.jellyseerr_jellyfin_user_count} Jellyfin-linked
- entries and {data.jellyseerr_user_count} Jellyseerr users.
-
+
+
+ Jellyseerr is connected, but no Jellyfin users were matched yet. The
+ backend found {data.jellyseerr_jellyfin_user_count} Jellyfin-linked
+ entries and {data.jellyseerr_user_count} Jellyseerr users.
+
+
) : null}
{queueStatusQuery.isError ? (
-
- Unable to load email queue status:{" "}
- {String(
- (queueStatusQuery.error as Error)?.message || "Unknown error",
- )}
-
+
+
+ Unable to load email queue status:{" "}
+ {String(
+ (queueStatusQuery.error as Error)?.message || "Unknown error",
+ )}
+
+
) : queueBanner ? (
-
-
-
- {queueBanner.message}
-
-
-
- {queueBanner.subtext}
-
-
+
+
+ {queueBanner.message}
+ {queueBanner.countLabel}
+
+ {queueBanner.subtext}
+
) : null}
-
+
-
-
-
-
- User list
-
+
+
+
+
+
User list
+
{filteredRows.length} visible of {rows.length} total
-
-
-
-
+
+
+ {selectedRows.length} selected
+
+ {selectedDeliverableRows.length} deliverable
+
+
+
+ setSelectedUserIds([])}
>
Clear selection
-
+
setSearch(event.target.value)}
sx={{ minWidth: { xs: "100%", sm: 320 } }}
/>
-
-
+
+
-
-
-
+
+
+
-
+
- toggleVisibleSelection(event.target.checked)
+ aria-label="Select all visible users"
+ onCheckedChange={(checked) =>
+ toggleVisibleSelection(checked === true)
}
- slotProps={{
- input: { "aria-label": "Select all visible users" },
- }}
/>
-
-
- User
-
-
- Email
-
-
+
+ User
+ Email
+
Activity
-
-
+
Type
-
-
+
+
Jellyseerr
-
-
+
Role
-
-
- Permissions
-
-
+ Permissions
+
Reqs
-
-
+
Contact
-
+
-
+
{filteredRows.map((row) => {
const linked =
@@ -592,332 +541,226 @@ export function UsersPage() {
const checked = selectedIdSet.has(row.jellyfin_id);
return (
setSearchParams({ user: row.jellyfin_id })}
>
-
+
event.stopPropagation()}
- onChange={() => toggleUserSelected(row.jellyfin_id)}
- slotProps={{
- input: { "aria-label": `Select ${userLabel(row)}` },
- }}
+ onCheckedChange={() =>
+ toggleUserSelected(row.jellyfin_id)
+ }
/>
-
-
-
- {userLabel(row).charAt(0).toUpperCase()}
+
+
+
+
+ {userLabel(row).charAt(0).toUpperCase()}
+
-
-
+
+
{userLabel(row)}
-
-
+
+
{row.username && row.username !== row.display_name
? row.username
: row.jellyfin_id}
-
-
-
+
+
-
-
+
+
{row.email || "—"}
-
+
-
-
-
-
-
-
-
-
-
-
+
- {row.permissions_label}
-
+ {row.activity_label}
+
-
-
- {row.request_count ?? "—"}
-
+
+ {row.user_type_label}
-
-
+
+ {linked
+ ? `Linked #${row.jellyseerr_user_id}`
+ : "Base only"}
+
+
+
+ {row.role}
+
+
+ {row.permissions_label}
+
+
+ {row.request_count ?? "—"}
+
+
+
+ {row.contactable ? "Yes" : "No"}
+
);
})}
-
-
-
+
setSearchParams({})}
- slotProps={{
- paper: {
- sx: {
- width: { xs: "100%", sm: 440 },
- p: 3,
- },
- },
+ onOpenChange={(open) => {
+ if (!open) {
+ setSearchParams({});
+ }
}}
>
- {selectedUser && drawerModel ? (
-
-
-
- {drawerModel.title.charAt(0).toUpperCase()}
-
-
-
- {drawerModel.title}
-
-
- {drawerModel.subtitle}
-
-
- setSearchParams({})}
- variant="text"
- startIcon={
-
+
+ {selectedUser && drawerModel ? (
+
+
+
+
+ {drawerModel.title.charAt(0).toUpperCase()}
+
+
+
+
+ {drawerModel.title}
+
+
+ {drawerModel.subtitle}
+
+
+
+ {drawerModel.contactState.label}
+
+
setSearchParams({})}
+ >
+
+
-
-
+
+ {selectedUser.user_type_label}
+ {selectedUser.role}
+ {drawerModel.syncStatus}
+
-
-
- Identity
-
-
- {drawerModel.identity.map((field) => (
-
-
+ Identity
+
+ {drawerModel.identity.map((field) => (
+
+
+ {field.label}
+
+ {field.value}
+
+ ))}
+
+
Activity
+
+
Contact actions
+
+ {drawerModel.contactState.description}
+
+
+ {drawerModel.contactActions.map((action) => (
+
- {field.label}
-
-
- {field.value}
-
-
- ))}
-
-
+ {action.label}
+
+ ))}
+
+
+ {drawerModel.contactActions
+ .map((action) => action.hint)
+ .join(" ")}
+
+
-
- Activity
-
-
+
+
Permissions
+
+ {drawerModel.permissions.map((permission) => (
+
+ {permission}
+
+ ))}
+
+
-
- Contact actions
-
-
- {drawerModel.contactState.description}
-
-
- {drawerModel.contactActions.map((action) => (
-
- {action.label}
-
- ))}
-
-
- {drawerModel.contactActions
- .map((action) => action.hint)
- .join(" ")}
-
-
+
-
- Permissions
-
-
- {drawerModel.permissions.map((permission) => (
-
-
+
+ This panel is read-only for now. Communication actions will be
+ added later without redesigning the list.
+
+
+ ) : null}
+
+
-
- This panel is read-only for now. Communication actions will be
- added later without redesigning the list.
-
-
- ) : null}
-
-
-
+
Message selected users
- {sendUserMessage.isPending ?
-
+
{sendUserMessage.isError ? (
-
- Unable to send message:{" "}
- {(sendUserMessage.error as Error)?.message || "Unknown error"}
-
+
+
+ Unable to send message:{" "}
+ {(sendUserMessage.error as Error)?.message || "Unknown error"}
+
+
) : null}
{sendUserMessage.isSuccess ? (
-
- Queued for {sendUserMessage.data.recipient_count} recipients
- {sendUserMessage.data.attachment_count
- ? ` with ${sendUserMessage.data.attachment_count} attachment${sendUserMessage.data.attachment_count === 1 ? "" : "s"}`
- : ""}
- {sendUserMessage.data.request_id
- ? ` (request ${sendUserMessage.data.request_id.slice(0, 8)})`
- : ""}
- .
-
+
+
+ Queued for {sendUserMessage.data.recipient_count} recipients
+ {sendUserMessage.data.attachment_count
+ ? ` with ${sendUserMessage.data.attachment_count} attachment${sendUserMessage.data.attachment_count === 1 ? "" : "s"}`
+ : ""}
+ {sendUserMessage.data.request_id
+ ? ` (request ${sendUserMessage.data.request_id.slice(0, 8)})`
+ : ""}
+ .
+
+
) : null}
{queueBanner ? (
-
-
-
+
+
+
{queueBanner.message}
-
-
+ {queueBanner.countLabel}
+
+
) : null}
-
- {selectedRows.length} selected, {selectedDeliverableRows.length}{" "}
- deliverable.
- {skippedRows.length
- ? ` ${skippedRows.length} will be skipped because they do not have a deliverable email address.`
- : ""}
-
+
+
+ {selectedRows.length} selected, {selectedDeliverableRows.length}{" "}
+ deliverable.
+ {skippedRows.length
+ ? ` ${skippedRows.length} will be skipped because they do not have a deliverable email address.`
+ : ""}
+
+
-
+
{selectedDeliverableRows.map((row) => (
- `}
- size="small"
- />
+
+ {`${userLabel(row)} <${row.email}>`}
+
))}
-
+
setSubject(event.target.value)}
/>
-
-
- insertMarkup("", " ")}
- >
-
+
+
+
+ insertMarkup("", " ")}
+ aria-label="Bold"
+ >
+
+
+ Bold
-
- insertMarkup("", " ")}>
-
+
+
+ insertMarkup("", " ")}
+ aria-label="Italic"
+ >
+
+
+ Italic
-
-
-
+
+
+
+
+
+ Link
-
- insertMarkup("")}
- >
-
+
+
+ insertMarkup("")}
+ aria-label="Bullet list"
+ >
+
+
+ Bullet list
-
+
-
- Preview
-
-
+