mawkone
eb198e2d4d
Ships accumulated WIP that was sitting uncommitted: - New (home) dashboard route pages: overview, code, data/tables, hosting, infrastructure, services, domains, integrations, agents, analytics, api, automations, billing, logs, market, marketing(+seo/social), product, security, storage, users, settings(app/auth). - dashboard-sidebar, project-icon-rail, chat-panel updates; mcp + anatomy route changes; package.json/lock dependency bumps. - Coolify log tooling (scripts/fetch-app-logs.mjs + fetch-app-logs-ssh.mjs) and ai-new-thread.md "Fetching Production Logs" section. Excludes throwaway debug scripts and telemetry audit dumps (the latter contain live credentials and must not be committed).
99 lines
2.7 KiB
TypeScript
99 lines
2.7 KiB
TypeScript
"use client";
|
|
|
|
import { Search } from "lucide-react";
|
|
|
|
export default function LogsPage() {
|
|
return (
|
|
<div
|
|
style={{
|
|
padding: "32px 48px",
|
|
fontFamily: '"Outfit", "Inter", sans-serif',
|
|
color: "#18181b",
|
|
maxWidth: 900,
|
|
}}
|
|
>
|
|
<div style={{ marginBottom: 24 }}>
|
|
<h1
|
|
style={{ fontSize: "1.5rem", fontWeight: 600, margin: "0 0 4px 0" }}
|
|
>
|
|
Logs
|
|
</h1>
|
|
<p style={{ fontSize: "0.9rem", color: "#71717a", margin: 0 }}>
|
|
View application and server logs.
|
|
</p>
|
|
</div>
|
|
|
|
<div
|
|
style={{
|
|
background: "#18181b",
|
|
borderRadius: 12,
|
|
overflow: "hidden",
|
|
color: "#e4e4e7",
|
|
fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
|
|
}}
|
|
>
|
|
<div
|
|
style={{
|
|
padding: "12px 16px",
|
|
borderBottom: "1px solid #3f3f46",
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
}}
|
|
>
|
|
<div
|
|
style={{
|
|
display: "flex",
|
|
alignItems: "center",
|
|
gap: 8,
|
|
background: "#27272a",
|
|
borderRadius: 6,
|
|
padding: "4px 10px",
|
|
width: 300,
|
|
}}
|
|
>
|
|
<Search size={14} color="#a1a1aa" />
|
|
<input
|
|
type="text"
|
|
placeholder="Filter logs..."
|
|
style={{
|
|
border: "none",
|
|
outline: "none",
|
|
background: "transparent",
|
|
fontSize: "0.8rem",
|
|
width: "100%",
|
|
color: "#fff",
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style={{
|
|
padding: "16px",
|
|
fontSize: "0.85rem",
|
|
lineHeight: 1.6,
|
|
height: 400,
|
|
overflowY: "auto",
|
|
}}
|
|
>
|
|
<div style={{ display: "flex", gap: 16 }}>
|
|
<span style={{ color: "#71717a" }}>14:32:01</span>
|
|
<span style={{ color: "#10b981" }}>[info]</span>
|
|
<span>Server started on port 3000</span>
|
|
</div>
|
|
<div style={{ display: "flex", gap: 16 }}>
|
|
<span style={{ color: "#71717a" }}>14:32:05</span>
|
|
<span style={{ color: "#10b981" }}>[info]</span>
|
|
<span>Database connected successfully</span>
|
|
</div>
|
|
<div style={{ display: "flex", gap: 16 }}>
|
|
<span style={{ color: "#71717a" }}>14:45:12</span>
|
|
<span style={{ color: "#3b82f6" }}>[http]</span>
|
|
<span>GET /api/users 200 OK - 45ms</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|