Ir al artículo
Aniq-UI

NorthstackEl panel de espacios de trabajo

El panel de espacios de trabajo

Qué hace el panel multiinquilino: iniciar sesión y registrarse, crear un espacio de trabajo, las páginas de la barra lateral y quién las ve, el resumen, la búsqueda, el registro de actividad con su exportación a CSV, y los ajustes del espacio de trabajo.

Para el paquete Full Stack

Páginas

Cada página existe en inglés bajo /en y en árabe bajo /ar. El panel se abre en /en/dashboard tras el inicio de sesión en /en/auth/signin. La barra lateral tiene dos columnas: el espacio de trabajo, para los miembros de un espacio, y la administración de la plataforma, para el personal de la plataforma. Cada fila se muestra solo cuando la cuenta con sesión iniciada tiene su permiso en el espacio de trabajo en el que trabaja.

Elemento de la barra lateralRutaPermisoQué hace
Resumen/en/dashboardninguno (todos los miembros)Proyectos, el uso de este mes, la actividad de proyectos de la semana, la lista de lanzamiento, los proyectos que necesitan atención y la actividad reciente.
Proyectos/en/dashboard/projectsprojects.readCada proyecto con su estado, responsable, progreso y fecha de entrega; el tablero, la actividad y los archivos de cada proyecto.
Equipo/en/dashboard/teamworkspace.readMiembros e invitaciones pendientes, con invitación, cambios de rol, eliminación y traspaso de la propiedad.
Roles/en/dashboard/rolesworkspace.readQué puede hacer cada rol del espacio de trabajo. Solo el propietario lo cambia; los demás lo ven en solo lectura.
Facturación/en/dashboard/billingbilling.readPlan, uso, facturas y correo de facturación.
Ajustes/en/dashboard/settingsworkspace.readLos detalles del espacio de trabajo, tu perfil y contraseña, las notificaciones y las claves de API.
Asistente de IA/en/dashboard/ai-assistantai.readResponde sobre este espacio de trabajo y propone tareas que tú aplicas.
  • Activity (/en/dashboard/activity, audit.read) se abre desde los enlaces View all activity del resumen y desde la campana. Archived projects (/en/dashboard/projects/deleted, projects.read) se abre desde la lista de proyectos.
  • El menú de la cuenta al pie de la barra lateral contiene My profile y Preferences (Settings, en sus pestañas Profile y Notifications) y Sign out. Debajo, Documentation abre el /docs del sitio web (NEXT_PUBLIC_WEBSITE_URL), y Platform admin aparece para las cuentas que tienen un permiso de plataforma.
  • La barra superior contiene el recorrido de la página, la búsqueda (Ctrl K, o Cmd K en Mac), el selector de idioma, el selector de tema y la campana.
  • Una página abierta por su dirección sin el permiso muestra Access required: "Your role in this workspace does not include this page." La API rechaza las mismas peticiones sea lo que sea que muestre la pantalla.
  • Una cuenta sin espacio de trabajo es enviada al alta inicial, o a la administración de la plataforma cuando es personal de la plataforma.

Iniciar sesión y registrarse

  • Todos inician sesión en la misma página, /en/auth/signin, con un correo y una contraseña: tanto los miembros de un espacio de trabajo como el personal de la plataforma. Las cuentas de ejemplo están listadas en la guía de instalación.
  • Remember me está marcado por defecto y mantiene la sesión durante 30 días; desmárcalo y la sesión termina a las 12 horas. Cuando la API rechaza una sesión, el panel cierra la sesión y abre la página de inicio de sesión.
  • Un correo incorrecto y una contraseña incorrecta muestran el mismo mensaje, "That email and password do not match an account." Tras RATE_LIMIT_LOGIN inicios de sesión fallidos (10 en .env.example) desde una dirección en 15 minutos, la API rechaza todo intento desde ella, también con la contraseña correcta, hasta que el fallo más antiguo cumple 15 minutos, y el formulario dice "Too many failed sign-in attempts. Wait 15 minutes, then try again."
  • Create an account (/en/auth/signup) pide un nombre completo, un correo de trabajo, una contraseña de al menos 8 caracteres y los Terms. La cuenta nueva inicia sesión y pasa al alta inicial. Una dirección puede iniciar 10 registros por hora; pasado eso, y mientras la plataforma tiene New sign-ups desactivado, el formulario muestra la propia frase de la API.
  • Forgot password? (/en/auth/forgot-password) responde igual tenga o no cuenta el correo, y envía un enlace a /en/auth/reset-password que funciona una vez y caduca en una hora. Sin SMTP_HOST, el mensaje, con su enlace, se escribe en el registro de la API.
  • La página de inicio de sesión enlaza a las páginas Privacy y Terms del sitio web (NEXT_PUBLIC_WEBSITE_URL).
  • Con los datos de ejemplo integrados, sin API, entra cualquier contraseña: consulta Datos de ejemplo.

Crear un espacio de trabajo

/en/onboarding crea un espacio de trabajo en tres pasos. Una cuenta nueva llega aquí tras el registro, y cualquier cuenta lo abre de nuevo desde Create workspace en el selector de espacios de trabajo.

PasoQué pide
Espacio de trabajoEl nombre del espacio de trabajo (de 2 a 60 caracteres), su URL (3 o más letras minúsculas, dígitos y guiones, comprobada mientras escribes, con una libre sugerida cuando está ocupada) y una región: Europa, Norteamérica o Asia-Pacífico.
EquipoInvitaciones opcionales: un correo y un rol (Admin, Member o Billing) por persona, bajo una línea que indica la prueba: "New workspaces start on a Starter trial of 14 days, with 3 seats." Sáltalo para invitar a gente más tarde desde Team.
ListoUn resumen del nombre, la dirección, la región, el plan ("Starter, trial of 14 days") y las invitaciones, y luego Create workspace.

El creador pasa a ser el propietario del espacio de trabajo. Un espacio nuevo empieza en Starter, marcado como prueba durante el ajuste Trial length de la plataforma (14 días como se carga, leído del GET /api/public-settings público de la API, de modo que el alta inicial indica la duración antes de que exista el espacio), con la matriz de roles por defecto, y cada invitación se envía por correo (o se escribe en el registro de la API). Facturación muestra la fecha de fin de la prueba. Cuando pasa sin un plan de pago, el espacio de trabajo queda con el pago vencido y empieza el periodo de gracia, como tras un pago fallido.

Mientras el personal de la plataforma tiene New sign-ups desactivado, la API rechaza tanto el registro como un espacio de trabajo nuevo, y el formulario, o el paso de revisión del alta inicial, dice "New sign-ups are closed on this platform right now."

Cambiar de espacio de trabajo

  • El bloque en la parte superior de la barra lateral muestra el nombre y el plan del espacio de trabajo. Su menú lista cada espacio al que pertenece la cuenta, con Create workspace debajo. El propietario de ejemplo, owner@northstack.example, es propietario de Forma Studio y administrador de Monogram.
  • Elegir uno descarta todo lo mostrado para el espacio anterior y recarga las páginas para el nuevo, así que ninguna fila de un espacio se muestra nunca bajo otro. La elección se guarda en la cuenta, y el siguiente inicio de sesión abre el mismo espacio.
  • El rol es por espacio de trabajo: la misma persona puede ser propietaria de uno y miembro de otro, y la barra lateral sigue el rol del espacio elegido.

El resumen

BloqueQué muestraVisible para
ProyectosCuántos proyectos están abiertos y completados.projects.read
Uso de este mesSolicitudes de API y puestos frente a los límites del plan.todos los miembros
Actividad de proyectosEventos de tareas por día en los últimos siete días, con el día más activo.projects.read
Lista de lanzamientoDominio configurado, equipo invitado, facturación conectada y claves de producción añadidas, cada uno leído del estado real del espacio de trabajo. Un paso abierto enlaza al lugar donde se hace solo para un rol que puede hacerlo.todos los miembros
Proyectos que necesitan atenciónHasta tres proyectos abiertos con vencimiento dentro del periodo, el más próximo primero.projects.read
Actividad recienteLos últimos seis eventos del periodo. Un rol que solo lee facturación lo ve como Billing activity, solo con los eventos de facturación.projects.read, audit.read o billing.read

El Reporting period (Last 7 days, Last 30 days o Last 90 days, 30 por defecto) acota los proyectos que necesitan atención y la actividad reciente; el gráfico semanal conserva sus propios siete días. El periodo se guarda en la dirección (?period=7d). New project aparece para los miembros que tienen projects.write.

Búsqueda y campana

  • La búsqueda (Ctrl K o Cmd K) encuentra páginas y, desde dos caracteres escritos, los proyectos, tareas y miembros del espacio de trabajo, cinco de cada uno. Los proyectos y las tareas aparecen solo para los miembros que tienen projects.read. En la administración de la plataforma busca organizaciones.
  • La campana lista los ocho últimos eventos del espacio de trabajo con el número de no leídos desde la última vez que quien lee pulsó Mark all read, y se actualiza cada minuto. Muestra los mismos eventos que la actividad reciente del resumen: todos con projects.read o audit.read, los eventos de facturación para un rol que solo lee facturación, y ninguno en caso contrario. View all activity abre el registro de actividad para los miembros que tienen audit.read.

El registro de actividad

Cada cambio en un espacio de trabajo escribe un evento: proyectos, tareas, archivos, invitaciones, miembros, roles, ajustes, claves de API, facturación y las sugerencias aplicadas del asistente. /en/dashboard/activity los lista del más reciente al más antiguo, diez por página, para los miembros que tienen audit.read (el propietario y los administradores tal como se cargan).

  • Filtros: una búsqueda, Action (uno de los grupos de arriba), Person, y fechas From y To. Reset los borra. Cada filtro se guarda en la dirección.
  • Export CSV descarga todos los eventos que cumplen los filtros como <workspace-address>-activity.csv, con las columnas date, actor, action, subject y details. Un valor que empieza por =, +, - o @ se escribe con una comilla inicial para que una hoja de cálculo no lo ejecute.

Ajustes

Settings (/en/dashboard/settings) tiene cinco pestañas, y la abierta se guarda en la dirección (?tab=profile). Todos los miembros lo abren; lo que pueden cambiar depende de su rol.

PestañaQué contieneQuién lo cambia
GeneralLos detalles del espacio de trabajo: el nombre, la URL, el idioma (inglés o árabe) y la zona horaria, con los interruptores de notificaciones, las últimas claves de API para keys.manage, y la Danger zone para el propietario.workspace.update (propietarios y administradores tal como se cargan); solo lectura para el resto
PerfilTu nombre, apellido y dirección de correo.cada cuenta, para sí misma
SeguridadTu contraseña: la actual y luego una nueva de al menos 8 caracteres con una mayúscula, una minúscula y un número. Un dispositivo que ya inició sesión conserva su sesión hasta que termina (12 horas, o 30 días con Remember me).cada cuenta, para sí misma
NotificacionesDos interruptores para todo el espacio de trabajo: Email notifications y Weekly digest.workspace.update
Claves de APILas claves del espacio de trabajo, creadas y revocadas aquí. La pestaña aparece solo para keys.manage.keys.manage (propietarios y administradores tal como se cargan)
  • Email notifications activa o desactiva los correos de facturación: un pago fallido, una prueba terminada, un cambio de plan pagado y un cambio programado aplicado en la renovación, enviados al propietario, a los miembros de facturación y al correo de facturación del espacio de trabajo. Las invitaciones, los restablecimientos de contraseña y los recibos de licencia se envían siempre.
  • Weekly digest envía a cada miembro activo un resumen de la semana pasada, los lunes desde las 08:00 UTC, una vez por espacio de trabajo y semana. Las cifras de proyectos y tareas van solo a los roles con projects.read, y el recuento de actividad sigue lo que el rol puede ver. El primer resumen de un espacio de trabajo cubre su primera semana completa, y en una instalación nueva el primer ciclo solo marca la semana actual y no envía nada, así que los primeros resúmenes salen el lunes siguiente.
  • Cada correo se redacta en el idioma del propio destinatario, o en el del espacio de trabajo cuando no ha elegido ninguno. El idioma de las pantallas es siempre el de la dirección. Sin ajustes SMTP, la API escribe cada correo en su registro.
  • Delete workspace, en la Danger zone, es solo del propietario: escribe el nombre del espacio de trabajo y tu contraseña. La API cancela entonces su suscripción de Stripe, si la tiene, sin abono por los días restantes, y marca el espacio de trabajo como eliminado (una eliminación lógica): todos los miembros pierden el acceso, sus claves de API dejan de funcionar, desaparece de cada lista y selector, sus filas siguen en la base de datos y su dirección sigue ocupada. Si no se puede contactar con Stripe, no se elimina nada, y un aviso indica que lo intentes de nuevo en unos minutos.
  • El nombre de marca, el logotipo y los colores no se definen aquí: vienen de los archivos de marca del panel.

Idioma y tema

La barra superior alterna entre inglés y árabe (las páginas en árabe van de derecha a izquierda) y entre el tema claro y el oscuro. El tema sigue el ajuste del equipo hasta que se cambia, y la elección se guarda en ese navegador.

Cómo encaja el código del panel

Incluido con tu compra. Inicia sesión para leerlo o ábrelo en tu descarga.

La estructura del código y la receta para añadir una página.

¿Te atascaste en un paso?

Busca una solución antes de empezar de nuevo.

Solución de problemas

Preferencias de Cookies

Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.