Changeset 0.9.2 (#52)

src/js/api.js

@@ -395,6 +395,16 @@ const API = {
     teamUpdateProvider(teamId, providerId, updates) { return this._put(`/api/v1/teams/${teamId}/providers/${providerId}`, updates); },
     teamDeleteProvider(teamId, providerId) { return this._del(`/api/v1/teams/${teamId}/providers/${providerId}`); },
     teamListProviderModels(teamId, providerId) { return this._get(`/api/v1/teams/${teamId}/providers/${providerId}/models`); },
+    teamListAudit(teamId, params) {
+        const q = new URLSearchParams();
+        if (params?.page) q.set('page', params.page);
+        if (params?.per_page) q.set('per_page', params.per_page);
+        if (params?.action) q.set('action', params.action);
+        if (params?.actor_id) q.set('actor_id', params.actor_id);
+        if (params?.resource_type) q.set('resource_type', params.resource_type);
+        return this._get(`/api/v1/teams/${teamId}/audit?${q}`);
+    },
+    teamListAuditActions(teamId) { return this._get(`/api/v1/teams/${teamId}/audit/actions`); },
 
     // ── User Presets ─────────────────────────
     listPresets() { return this._get('/api/v1/presets'); },

src/js/ui.js

@@ -334,7 +334,7 @@ const UI = {
     showEmptyState() {
         document.getElementById('chatMessages').innerHTML = `
             <div class="empty-state">
-                <div class="empty-logo">🔀</div>
+                <div class="empty-logo"><img src="favicon-256.png" class="empty-logo-img" alt=""></div>
                 <h2>Chat Switchboard</h2>
                 <p>Select a model and start chatting</p>
             </div>`;
@@ -927,6 +927,7 @@ const UI = {
 
     async openTeamManage(teamId, teamName) {
         UI._managingTeamId = teamId;
+        UI._teamAuditPage = 1;
         document.getElementById('settingsTeamPicker').style.display = 'none';
         const manage = document.getElementById('settingsTeamManage');
         manage.style.display = '';
@@ -935,10 +936,14 @@ const UI = {
         document.getElementById('settingsTeamAddPreset').style.display = 'none';
         document.getElementById('settingsTeamAddProvider').style.display = 'none';
         document.getElementById('settingsTeamEditProvider').style.display = 'none';
+        // Reset team audit filter
+        const af = document.getElementById('teamAuditFilterAction');
+        if (af) { af.innerHTML = '<option value="">All actions</option>'; }
         await Promise.all([
             UI.loadTeamManageMembers(teamId),
             UI.loadTeamManageProviders(teamId),
             UI.loadTeamManagePresets(teamId),
+            UI.loadTeamAuditLog(1),
         ]);
     },
 
@@ -1021,6 +1026,79 @@ const UI = {
         } catch (e) { el.innerHTML = `<div class="error-hint">${esc(e.message)}</div>`; }
     },
 
+    _teamAuditPage: 1,
+    _teamAuditPerPage: 20,
+
+    async loadTeamAuditLog(page) {
+        const teamId = UI._managingTeamId;
+        if (!teamId) return;
+        if (page) UI._teamAuditPage = page;
+
+        const el = document.getElementById('settingsTeamAudit');
+        if (!el) return;
+        el.innerHTML = '<div class="loading">Loading...</div>';
+
+        // Populate action filter on first load
+        const actionSel = document.getElementById('teamAuditFilterAction');
+        if (actionSel && actionSel.options.length <= 1) {
+            try {
+                const resp = await API.teamListAuditActions(teamId);
+                (resp.actions || []).forEach(a => {
+                    const opt = document.createElement('option');
+                    opt.value = a;
+                    opt.textContent = a;
+                    actionSel.appendChild(opt);
+                });
+            } catch (e) { /* optional */ }
+        }
+
+        const params = {
+            page: UI._teamAuditPage,
+            per_page: UI._teamAuditPerPage,
+            action: document.getElementById('teamAuditFilterAction')?.value || '',
+        };
+
+        try {
+            const resp = await API.teamListAudit(teamId, params);
+            const entries = resp.data || [];
+            const total = resp.total || 0;
+            const totalPages = Math.ceil(total / UI._teamAuditPerPage);
+
+            if (entries.length === 0) {
+                el.innerHTML = '<div class="empty-hint">No activity recorded for this team</div>';
+            } else {
+                el.innerHTML = entries.map(e => {
+                    const ts = new Date(e.created_at);
+                    const timeStr = ts.toLocaleDateString() + ' ' + ts.toLocaleTimeString([], {hour:'2-digit', minute:'2-digit'});
+                    const actor = e.actor_name || 'system';
+                    const meta = UI._formatAuditMeta(e.metadata);
+                    return `<div class="audit-row">
+                        <div class="audit-main">
+                            <span class="audit-action">${esc(e.action)}</span>
+                            <span class="audit-actor">${esc(actor)}</span>
+                            <span class="audit-resource">${esc(e.resource_type)}${e.resource_id ? ':' + esc(e.resource_id).slice(0,8) : ''}</span>
+                        </div>
+                        <div class="audit-meta">
+                            ${meta ? `<span class="audit-details">${meta}</span>` : ''}
+                            <span class="audit-time">${timeStr}</span>
+                        </div>
+                    </div>`;
+                }).join('');
+            }
+
+            // Pagination
+            const pgEl = document.getElementById('teamAuditPagination');
+            if (totalPages > 1) {
+                pgEl.style.display = 'flex';
+                document.getElementById('teamAuditPageInfo').textContent = `Page ${UI._teamAuditPage} of ${totalPages} (${total} entries)`;
+                document.getElementById('teamAuditPrevBtn').disabled = UI._teamAuditPage <= 1;
+                document.getElementById('teamAuditNextBtn').disabled = UI._teamAuditPage >= totalPages;
+            } else {
+                pgEl.style.display = 'none';
+            }
+        } catch (e) { el.innerHTML = `<div class="error-hint">${esc(e.message)}</div>`; }
+    },
+
     async loadTeamPresetModelDropdown(teamId) {
         const sel = document.getElementById('teamPreset_model');
         if (!sel) return;