Add ui screen

Author: jefeish

hubSyncHandler.log

@@ -605,6 +605,54 @@ function setupRoutes (robot, getRouter) {
     }
   })
 
+
+  // GET /api/safe-settings/hub/log
+  // Returns parsed log entries (JSON): [{ timestamp, level, message }, ...]
+  router.get('/api/safe-settings/hub/log', async (req, res) => {
+    const lines = parseInt(req.query.lines || process.env.SAFE_SETTINGS_LOG_FILE_MAX_LINES || '1000', 10)
+    const levelsQuery = req.query.levels // comma-separated e.g. 'ERROR,WARN'
+    const allowedLevels = levelsQuery ? new Set(String(levelsQuery).split(',').map(s => s.trim().toUpperCase()).filter(Boolean)) : null
+
+    const candidates = []
+    if (process.env.SAFE_SETTINGS_LOG_FILE) candidates.push(process.env.SAFE_SETTINGS_LOG_FILE)
+    candidates.push(path.join(rootDir, 'safe-settings.log'))
+    candidates.push(path.join(rootDir, '..', 'safe-settings.log'))
+    candidates.push(path.join(rootDir, 'ui', 'safe-settings.log'))
+
+    let found = null
+    for (const p of candidates) {
+      if (!p) continue
+      try {
+        const st = await fs.promises.stat(p)
+        if (st && st.isFile()) { found = p; break }
+      } catch (e) {
+        // ignore
+      }
+    }
+    if (!found) return res.status(404).json({ error: 'Log file not found' })
+
+    try {
+      const data = await fs.promises.readFile(found, 'utf8')
+      const arr = data.split(/\r?\n/).filter(Boolean)
+      const tail = arr.slice(-lines)
+      const parsed = tail.map(line => {
+        // Expecting format: 2025-09-10T12:34:56.789Z [INFO] message
+        const m = line.match(/^(\d{4}-\d{2}-\d{2}T[^\s]+)\s+\[([A-Z]+)\]\s+(.*)$/)
+        if (m) {
+          return { timestamp: m[1], level: m[2], message: m[3], raw: line }
+        }
+        // fallback: try to extract level in brackets
+        const m2 = line.match(/\[([A-Z]+)\]\s*(.*)$/)
+        if (m2) return { timestamp: null, level: m2[1], message: m2[2], raw: line }
+        return { timestamp: null, level: 'UNKNOWN', message: line, raw: line }
+      })
+      const filtered = allowedLevels ? parsed.filter(p => allowedLevels.has(String(p.level).toUpperCase())) : parsed
+      return res.json({ count: filtered.length, entries: filtered })
+    } catch (err) {
+      return res.status(500).json({ error: err && err.message ? err.message : String(err) })
+    }
+  })
+
   return router
 }
 

lib/hubSyncHandler.js

@@ -32,7 +32,7 @@
     "eta": "^3.5.0",
     "js-yaml": "^4.1.0",
     "lodash": "^4.17.21",
-    "minimatch": "^10.0.1",
+    "minimatch": "^10.0.3",
     "next": "^15.5.2",
     "node-cron": "^3.0.2",
     "octokit": "^5.0.2",

lib/routes.js

@@ -0,0 +1,54 @@
+2025-09-11T01:43:41.125Z [INFO] Received 'pull_request.closed' event: 45
+2025-09-11T01:43:41.125Z [INFO] Pull request closed on Safe-Settings Hub: (jefeish-training/safe-settings-config-master)
+2025-09-11T01:43:42.072Z [INFO] Files changed in PR #45: .github/safe-settings/globals/suborg.yml
+2025-09-11T01:43:42.072Z [DEBUG] Detected changes in the globals folder. Routing to syncHubGlobalsUpdate(...).
+2025-09-11T01:43:42.073Z [INFO] Syncing safe settings for 'globals/'.
+2025-09-11T01:43:42.359Z [DEBUG] Loaded manifest.yml rules from hub repo:{
+  "rules": [
+    {
+      "name": "global-defaults",
+      "targets": [
+        "*"
+      ],
+      "files": [
+        "*.yml"
+      ],
+      "mergeStrategy": "merge"
+    },
+    {
+      "name": "security-policies",
+      "targets": [
+        "acme-*",
+        "foo-bar"
+      ],
+      "files": [
+        "settings.yml"
+      ],
+      "mergeStrategy": "overwrite"
+    }
+  ]
+}
+2025-09-11T01:43:42.361Z [DEBUG] Evaluating globals file: .github/safe-settings/globals/suborg.yml
+2025-09-11T01:43:42.361Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'jetest99' with mergeStrategy='merge'
+2025-09-11T01:43:42.361Z [DEBUG] Rule 'global-defaults' matches file 'suborg.yml'. Targets: jetest99, jefeish-training, jefeish-test1, copilot-for-emus, jefeish-migration-test, decyjphr-training, decyjphr-emu
+2025-09-11T01:43:42.988Z [DEBUG] Checking existence of .github/suborg.yml in jetest99/safe-settings-config
+2025-09-11T01:43:43.292Z [INFO] Skipping sync of suborg.yml to jetest99 (already exists & mergeStrategy=merge)
+2025-09-11T01:43:43.292Z [DEBUG] Found .github/suborg.yml in jetest99/safe-settings-config
+2025-09-11T01:43:43.292Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'jefeish-training' with mergeStrategy='merge'
+2025-09-11T01:43:43.773Z [DEBUG] Checking existence of .github/suborg.yml in jefeish-training/safe-settings-config
+2025-09-11T01:43:44.077Z [DEBUG] Found .github/suborg.yml in jefeish-training/safe-settings-config
+2025-09-11T01:43:44.078Z [INFO] Skipping sync of suborg.yml to jefeish-training (already exists & mergeStrategy=merge)
+2025-09-11T01:43:44.078Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'jefeish-test1' with mergeStrategy='merge'
+2025-09-11T01:43:44.793Z [DEBUG] Checking existence of .github/suborg.yml in jefeish-test1/safe-settings-config
+2025-09-11T01:43:45.082Z [DEBUG] Found .github/suborg.yml in jefeish-test1/safe-settings-config
+2025-09-11T01:43:45.082Z [INFO] Skipping sync of suborg.yml to jefeish-test1 (already exists & mergeStrategy=merge)
+2025-09-11T01:43:45.082Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'copilot-for-emus' with mergeStrategy='merge'
+2025-09-11T01:43:45.593Z [INFO] Skipping org copilot-for-emus: config repo 'safe-settings-config' does not exist.
+2025-09-11T01:43:45.593Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'jefeish-migration-test' with mergeStrategy='merge'
+2025-09-11T01:43:46.208Z [DEBUG] Checking existence of .github/suborg.yml in jefeish-migration-test/safe-settings-config
+2025-09-11T01:43:46.461Z [INFO] Skipping sync of suborg.yml to jefeish-migration-test (already exists & mergeStrategy=merge)
+2025-09-11T01:43:46.461Z [DEBUG] Found .github/suborg.yml in jefeish-migration-test/safe-settings-config
+2025-09-11T01:43:46.461Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'decyjphr-training' with mergeStrategy='merge'
+2025-09-11T01:43:46.897Z [INFO] Skipping org decyjphr-training: config repo 'safe-settings-config' does not exist.
+2025-09-11T01:43:46.897Z [DEBUG] Preparing to sync file 'suborg.yml' to org 'decyjphr-emu' with mergeStrategy='merge'
+2025-09-11T01:43:47.342Z [INFO] Skipping org decyjphr-emu: config repo 'safe-settings-config' does not exist.

package-lock.json

@@ -0,0 +1,28 @@
+import fs from 'fs/promises'
+import path from 'path'
+
+export const dynamic = 'force-static'
+
+async function findLogFile () {
+  const candidates = []
+  if (process.env.SAFE_SETTINGS_LOG_FILE) candidates.push(process.env.SAFE_SETTINGS_LOG_FILE)
+  candidates.push(path.join(process.cwd(), 'safe-settings.log'))
+  candidates.push(path.join(process.cwd(), '..', 'safe-settings.log'))
+  candidates.push(path.join(process.cwd(), '..', '..', 'safe-settings.log'))
+
+  for (const p of candidates) {
+    if (!p) continue
+    try {
+      const st = await fs.stat(p)
+      if (st && st.isFile()) return p
+    } catch (e) {
+      // ignore
+    }
+  }
+  return null
+}
+
+export async function GET () {
+  const msg = 'Disabled in static export: use the backend endpoint /api/safe-settings/logs or set SAFE_SETTINGS_LOG_FILE to point at the log file.'
+  return new Response(msg, { status: 200, headers: { 'content-type': 'text/plain; charset=utf-8' } })
+}

package.json

@@ -108,21 +108,39 @@ export default function TitleBar() {
                 )}
               </a>
             </li>
+            <li className="nav-item">
+              <a
+                className={`btn btn-sm ms-auto nav-link fw-light d-flex position-relative menu-hover nav-link-custom${
+                  isDark ? " dark-font" : " light-font"
+                }`}
+                href="/dashboard/help"
+              >
+                <span className="me-1">
+                  <NoteIcon size={16} />
+                </span>
+                About
+                {pathname === "/dashboard/help" && (
+                  <span className="menu-active-indicator"></span>
+                )}
+              </a>
+            </li>
+            <li className="nav-item">
+              <a
+                className={`btn btn-sm ms-auto nav-link fw-light d-flex position-relative menu-hover nav-link-custom${
+                  isDark ? " dark-font" : " light-font"
+                }`}
+                href="/dashboard/logs"
+              >
+                <span className="me-1">
+                  <NoteIcon size={16} />
+                </span>
+                Sync-Logs
+                {pathname === "/dashboard/logs" && (
+                  <span className="menu-active-indicator"></span>
+                )}
+              </a>
+            </li>
           </ul>
-          <a
-            className={`btn btn-sm ms-auto nav-link fw-light d-flex position-relative menu-hover nav-link-custom${
-              isDark ? " dark-font" : " light-font"
-            }`}
-            href="/dashboard/help"
-          >
-            <span className="me-1">
-              <NoteIcon size={16} />
-            </span>
-            About
-            {pathname === "/dashboard/help" && (
-              <span className="menu-active-indicator"></span>
-            )}
-          </a>
         </div>
       </nav>
     </>

safe-settings.log

@@ -0,0 +1,110 @@
+"use client"
+import TitleBar from '../../components/TitleBar'
+import { useState } from 'react'
+
+export default function LogsPage () {
+  // Static mock data for demonstration
+  const mockEntries = [
+    { timestamp: '2025-09-11T10:00:00.000Z', level: 'INFO', message: 'Safe Settings service started.' },
+    { timestamp: '2025-09-11T10:01:05.123Z', level: 'WARN', message: 'Config file missing, using defaults.' },
+    { timestamp: '2025-09-11T10:02:10.456Z', level: 'ERROR', message: 'Failed to sync settings: network error.' },
+    { timestamp: '2025-09-11T10:03:00.789Z', level: 'DEBUG', message: 'Polling GitHub API for updates.' },
+    { timestamp: '2025-09-11T10:04:15.000Z', level: 'INFO', message: 'Sync completed successfully.' },
+    { timestamp: '2025-09-11T10:05:00.000Z', level: 'INFO', message: 'SYNC: Organization settings updated.' },
+    { timestamp: '2025-09-11T10:06:00.000Z', level: 'ERROR', message: 'SYNC: Failed to update organization settings.' }
+  ]
+
+  const logLevels = ['INFO', 'WARN', 'DEBUG', 'ERROR']
+  const [selectedLevels, setSelectedLevels] = useState(new Set(logLevels))
+  const [search, setSearch] = useState('')
+
+  const toggleLevel = (lvl) => {
+    const next = new Set(selectedLevels)
+    if (next.has(lvl)) next.delete(lvl)
+    else next.add(lvl)
+    setSelectedLevels(next)
+  }
+
+  const filtered = mockEntries.filter(e =>
+    selectedLevels.has(e.level.toUpperCase()) &&
+    (search.trim() === '' || e.message.toLowerCase().includes(search.trim().toLowerCase()))
+  )
+
+  return (
+    <>
+      <TitleBar />
+      <div className="container py-4">
+        <div className="col-12 mb-4">
+          <div className="card shadow-sm">
+            <div className="card-body">
+              <h4 className="card-title mb-2">Safe Settings Log</h4>
+              <p className="card-text text-muted">View recent log entries for Safe Settings operations and syncs.</p>
+            </div>
+          </div>
+        </div>
+        <div className="col-12 mb-4">
+          <div className="card shadow-sm">
+            <div className="card-body">
+              <h5 className="card-title mb-3">Filter Options</h5>
+              <div className="mb-2">
+                <strong>Log Levels:</strong>
+                <div className="d-flex gap-3 mt-2">
+                  {logLevels.map(lvl => (
+                    <label key={lvl} className="form-check form-check-inline">
+                      <input className="form-check-input" type="checkbox" checked={selectedLevels.has(lvl)} onChange={() => toggleLevel(lvl)} />
+                      <span className="form-check-label">{lvl}</span>
+                    </label>
+                  ))}
+                </div>
+              </div>
+              <div className="mt-3">
+                <strong>Search Message:</strong>
+                <input
+                  type="text"
+                  className="form-control mt-1"
+                  placeholder="Search for SYNC, error, etc."
+                  value={search}
+                  onChange={e => setSearch(e.target.value)}
+                  style={{ maxWidth: 300 }}
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="col-12">
+          <div className="card shadow-sm">
+            <div className="card-body">
+              <h5 className="card-title mb-3">Log Entries</h5>
+              <div className="table-responsive" style={{ maxHeight: '60vh', overflow: 'auto' }}>
+                <table className="table table-sm table-striped align-middle">
+                  <thead>
+                    <tr>
+                      <th style={{width: '200px'}}>Timestamp</th>
+                      <th style={{width: '90px'}}>Level</th>
+                      <th>Message</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {filtered.map((row, i) => {
+                      let levelClass = ''
+                      if (row.level === 'ERROR') levelClass = 'log-error'
+                      else if (row.level === 'WARN') levelClass = 'log-warn'
+                      return (
+                        <tr key={`${row.timestamp || 'na'}-${i}`}>
+                          <td style={{fontSize: '0.85rem', whiteSpace: 'nowrap'}}>{row.timestamp || '-'}</td>
+                          <td className={levelClass} style={{fontWeight: 600}}>{row.level || 'UNKNOWN'}</td>
+                          <td className={levelClass} style={{fontFamily: 'monospace', fontSize: '0.9rem', whiteSpace: 'pre-wrap'}}>{row.message}</td>
+                        </tr>
+                      )
+                    })}
+                  </tbody>
+                </table>
+                {filtered.length === 0 && <div className="text-muted py-3">No log entries match your filters.</div>}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}