@polymorphism-tech/morph-spec 8.38.0 → 8.41.0

package/src/dashboard/app/pages/Activity.jsx

@@ -0,0 +1,24 @@
+import { useParams } from 'react-router-dom';
+import ActivityFeed from '../components/ActivityFeed.jsx';
+import { useProjects } from '../lib/project.js';
+
+export default function Activity() {
+  const { project } = useParams();
+  const { data } = useProjects();
+  const name = data?.projects?.find((p) => p.id === project)?.name;
+  return (
+    <div className="mx-auto max-w-4xl px-4 pb-24 pt-10 md:px-10 md:pt-16">
+      <header className="rise mb-8">
+        {name && <p className="text-sm text-[var(--color-dim)]">{name}</p>}
+        <h1 className="mt-1 text-4xl font-semibold tracking-tight">Atividade</h1>
+        <p className="mt-3 max-w-2xl text-sm leading-relaxed text-[var(--color-dim)]">
+          O que o Claude fez no projeto, contado a partir da telemetria dos hooks: suas mensagens, as skills carregadas,
+          os sub-agents despachados, as tasks, os verifies e os gates. Atualiza sozinho enquanto ele trabalha.
+        </p>
+      </header>
+      <div className="rise-2 bezel">
+        <div className="bezel-core px-5 py-5"><ActivityFeed project={project} showFeature /></div>
+      </div>
+    </div>
+  );
+}