+
+ Tempo Online
+
+
+ {formatTime(secondsOnline)}
+
+
+
+
- {[
- { label: 'Atendimentos ativos', value: '18', detail: '7 aguardando retorno' },
- { label: 'Primeira resposta', value: '2m 14s', detail: 'Dentro do SLA' },
- { label: 'Fila de voz', value: '4 chamadas', detail: '1 prioridade alta' },
- ].map((item) => (
-
-
- {item.label}
-
-
- {item.value}
-
-
- {item.detail}
-
-
- ))}
-
+
+ Atualizando conversas do WhatsApp...
+
+ ) : null}
{activeTab === 'messages' ? (
+
+ Acesso aguardando configuracao
+
+
+
+ Seu usuario ainda nao tem atribuicoes
++ O login foi realizado, mas um administrador ainda precisa vincular seu usuario a um + perfil de acesso e a uma area operacional antes de liberar a plataforma. +
+
+ Usuario autenticado
+ {user?.name || user?.username || 'Usuario'}
+
+ {user?.email || user?.username || 'Sem email informado'}
+
+
+
+
+
+
+
+ {children}
+
+ {title}
+ {description}
+
+
+ {actionLabel ? (
+
+ ) : null}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+ {title}
++ {subtitle} +
+
+
+
+ {profileLabel}
+
+ Ambiente de gestao
+
+
+
+
+ {!isMobile ? (
+
+ {columns.map((column) => (
+
+ ))}
+
+ );
+}
diff --git a/src/modules/management/components/MetricGrid.jsx b/src/modules/management/components/MetricGrid.jsx
new file mode 100644
index 0000000..e79dcf0
--- /dev/null
+++ b/src/modules/management/components/MetricGrid.jsx
@@ -0,0 +1,31 @@
+export function MetricGrid({ metrics }) {
+ return (
+
+ {columns.map((column) => (
+ {column.label}
+ ))}
+
+ ) : null}
+
+ {rows.map((row) => (
+
+ {isMobile ? (
+
+ {column.label}
+
+ ) : null}
+ {column.render ? column.render(row) : {row[column.key]}}
+
+ ))}
+
+ {row.nome}
+
+ {row.email || 'Sem email'}
+
+
+ ),
+ },
+ {
+ key: 'perfil',
+ label: 'Perfil',
+ render: (row) =>
+ profiles.length ? (
+
+ ) : (
+ {row.perfilPrincipal?.nome || 'Sem perfil'}
+ ),
+ },
+ {
+ key: 'area',
+ label: 'Area',
+ render: (row) =>
+ areas.length ? (
+
+ ) : (
+ {row.areaPrincipal?.nome || 'Sem area'}
+ ),
+ },
+ {
+ key: 'status',
+ label: 'Status',
+ render: (row) => {
+ const isAssigned = row.accessStatus === 'assigned';
+
+ return (
+
+ {isAssigned ? 'Atribuido' : 'Pendente'}
+
+ );
+ },
+ },
+ ],
+ [areas, profiles],
+ );
+
+ return (
+
+
+ row.id}
+ isMobile={isMobile}
+ />
+
+
+
+ row.id}
+ isMobile={isMobile}
+ />
+
+
+
+
+
+ row.id}
+ isMobile={isMobile}
+ />
+
+
+
+ row.id}
+ isMobile={isMobile}
+ />
+
+
+
+
+
+
+
+ {templates.map((tpl) => (
+
+
+
+
+ ))}
+
+
+ {tpl.name}
+
+
+ ✓ Homologado Meta
+
+
+ + {tpl.content} +
+
+
+
+