ui/kit
Kit de pantallas
Toda pantalla de NUEVAUNO se arma con patrones aprobados: cada uno tiene su página de ejemplo con el HTML exacto para copiar.
Read as MarkdownUna pantalla nueva usa sólo patrones aprobados; lo que falte se propone para que el founder lo apruebe.
Patrones
marco · Marco del sistema
- Shell completoapprovedLa estructura de TODA pantalla de NUEVAUNO OS. Una app nueva sólo llena el contenido central; el resto lo pone el shell.
/kit/shell/ - Menú lateralapprovedNavegación principal de la empresa: Principal (Inicio, Kōdo, Contactos), Tu negocio (apps instaladas) y abajo Ajustes y la persona.
/kit/sidebar/ - CabeceraapprovedArriba de todo el contenido: dice dónde estás y deja a mano a Kōdo.
/kit/header/ - Selector de empresaapprovedEl nombre de la empresa en la miga es a la vez el selector: abre la lista de empresas de la persona y cambiar recarga el sistema en la elegida.
/kit/company-selector/ - Fondo de puntosapprovedEl fondo de toda el área de contenido. Las superficies blancas van encima.
/kit/dotted-background/ - Riel izquierdoapprovedAccesos globales que no dependen de la empresa (buscar, avisos, aprobaciones, ajustes, persona). Sólo escritorio ancho.
/kit/rail/ - PestañasapprovedBajo la cabecera, para las partes de un registro (Ficha, Guías, Facturas, Actividad) o de una sección.
/kit/tabs/ - Barra inferiorapprovedEstado del sistema en una línea: conexión, empresa, Kōdo y versión.
/kit/bottom-bar/
kodo · Kōdo
- Panel de Kōdo con contextoapprovedKōdo vive en cada empresa y se abre en cualquier pantalla. Sabe lo que estás viendo (la ficha 'Viendo') y lo usa sin que lo repitas.
/kit/kodo-panel/ - Tarjeta de aprobaciónapprovedCuando Kōdo va a hacer algo que importa (emitir, publicar, borrar en masa, dinero) y necesita el sí de una persona.
/kit/approval-card/
inicio · Inicio
- Pídele algo a KōdoapprovedLa caja grande del Inicio, justo después del saludo.
/kit/ask-kodo/ - Tarjetas de datosapprovedLa franja de números del Inicio y de una ficha: número grande + etiqueta chica.
/kit/stat-cards/ - Tus appsapprovedLa grilla de apps instaladas del Inicio.
/kit/home-apps/ - Actividad en vivoapprovedLo que pasa en la empresa, estilo terminal, actualizándose solo sin recargar la página.
/kit/live-activity/
pantalla · Pantallas completas
registros · Registros
- Lista de registrosapprovedContactos, guías, facturas: cualquier lista de una app.
/kit/record-list/ - Ficha de un registroproposedUn contacto, una guía, una factura. Kōdo está a un clic y sabe que estás aquí.
/kit/record-detail/ - Estado vacíoproposedCuando una lista o sección aún no tiene nada.
/kit/empty-state/
controles · Controles