Webapp

2026-09-05 12:23:46 +01:00
parent 818f8d09ea
commit 68548911bc
34 changed files with 3262 additions and 4 deletions
@@ -0,0 +1,35 @@
+import type { LogEntry } from '../lib/api'
+
+export function LogPreview({ logs }: { logs: LogEntry[] }) {
+  return (
+    <div className="flex-1 overflow-auto">
+      <table className="w-full border-collapse text-left text-xs">
+        <thead className="sticky top-0 bg-neutral-950 text-neutral-500">
+          <tr>
+            <th className="w-16 px-3 py-1 font-normal">Seq</th>
+            <th className="w-40 px-3 py-1 font-normal">Timestamp</th>
+            <th className="px-3 py-1 font-normal">Message</th>
+          </tr>
+        </thead>
+        <tbody>
+          {logs.map((log) => (
+            <tr key={log.sequence} className="border-t border-neutral-900 hover:bg-neutral-900/60">
+              <td className="whitespace-nowrap px-3 py-1 text-neutral-500">{log.sequence}</td>
+              <td className="whitespace-nowrap px-3 py-1 text-neutral-500">
+                {new Date(log.timestamp_ms).toLocaleTimeString()}
+              </td>
+              <td className="px-3 py-1 text-neutral-200">{log.text}</td>
+            </tr>
+          ))}
+          {logs.length === 0 && (
+            <tr>
+              <td colSpan={3} className="px-3 py-6 text-center text-neutral-600">
+                No logs yet — pipe something into ottyl.
+              </td>
+            </tr>
+          )}
+        </tbody>
+      </table>
+    </div>
+  )
+}