Merge pull request #13 from OneFineStarstuff/genspark_ai_developer

Genspark ai developer

Author: OneFineStarstuff

next-app/app/api/chat/stream/route.ts

@@ -8,13 +8,18 @@ function* fakeStream(text: string) {
   }
 }
 
+import { preFilter, steerPrompt, postModerate } from '@/lib/safety/pipeline';
+
 function streamForMessage(message: string) {
   const ctrl = new AbortController();
   const stream = new ReadableStream<Uint8Array>({
     async start(controller) {
       try {
-        const reply = `Echo: ${message}`;
-        const meta = { layer: 'surface', model: 'mock', version: '0.0.1', latencyMs: 42 };
+        const pre = preFilter(message);
+        const safePrompt = steerPrompt(message);
+        const reply = `Echo: ${safePrompt}`;
+        const post = postModerate(reply);
+        const meta = { layer: 'surface', model: 'mock', version: '0.0.1', latencyMs: 42, pre, post };
         controller.enqueue(encode(`event: meta\ndata: ${JSON.stringify(meta)}\n\n`));
         for (const chunk of fakeStream(reply)) {
           await new Promise(r => setTimeout(r, 10));

next-app/app/api/consent/route.ts

@@ -0,0 +1,18 @@
+import { NextRequest } from 'next/server';
+import { appendConsentEvent, exportConsent } from '@/lib/privacy/consentLedger';
+
+export const runtime = 'nodejs';
+
+export async function POST(req: NextRequest) {
+  const { userId = 'demo', sessionId, action } = await req.json();
+  if (!['persist_on','persist_off','export'].includes(action)) return new Response('bad action', { status: 400 });
+  const ev = await appendConsentEvent({ userId, sessionId, action, ts: new Date().toISOString() as any });
+  return Response.json(ev);
+}
+
+export async function GET(req: NextRequest) {
+  const { searchParams } = new URL(req.url);
+  const userId = searchParams.get('userId') ?? 'demo';
+  const data = await exportConsent(userId);
+  return Response.json(data);
+}

next-app/app/api/risk/scores/route.ts

@@ -0,0 +1,11 @@
+export const runtime = 'nodejs';
+export async function GET() {
+  // Mock time-series risk per layer: core/operational/context
+  const now = Date.now();
+  const series = ['core','operational','context'].map((k, i) => ({
+    key: k,
+    points: Array.from({ length: 12 }, (_, j) => ({ t: now - (11 - j) * 3600_000, v: clamp(0, 100, 30 + i*20 + Math.sin(j/2+i)*15 + Math.random()*10) }))
+  }));
+  return Response.json({ series });
+}
+function clamp(min:number,max:number,v:number){return Math.max(min,Math.min(max,v));}

next-app/app/chat/page.tsx

@@ -49,7 +49,7 @@ export default function ChatPage() {
 
   return (
     <div className="space-y-4">
-      <h1 className="text-2xl font-semibold">Chat</h1>
+      <h1 className="text-2xl font-semibold">Chat <span className="text-xs align-middle text-slate-500">(ephemeral by default)</span></h1>
       <div className="rounded border bg-white p-3">
         <div className="space-y-3" role="log" aria-live="polite">
           {messages.map((m, i) => (
@@ -63,10 +63,11 @@ export default function ChatPage() {
             </div>
           ))}
         </div>
-        <div className="mt-3 flex gap-2">
+        <div className="mt-3 flex flex-wrap items-center gap-2">
           <input value={input} onChange={e=>setInput(e.target.value)} className="flex-1 rounded border px-3 py-2" placeholder="Type a message..." />
           <button onClick={send} disabled={streaming} className="rounded bg-amber-600 px-4 py-2 text-white disabled:opacity-50">Send</button>
           {fallback && <span className="text-xs text-slate-500">Fallback in use</span>}
+          <a href="/api/consent?userId=demo" target="_blank" className="text-xs text-amber-700 underline">Export consent ledger</a>
         </div>
       </div>
     </div>

next-app/app/docs/governance-terms-mapping/page.tsx

@@ -0,0 +1,7 @@
+import { readFileSync } from 'fs';
+import path from 'path';
+export const dynamic = 'force-static';
+export default function Page() {
+  const md = readFileSync(path.join(process.cwd(), 'next-app', 'docs', 'governance-terms-mapping.md'), 'utf8');
+  return <pre className="whitespace-pre-wrap text-sm">{md}</pre>;
+}

next-app/app/docs/readiness-checklist/page.tsx

@@ -0,0 +1,7 @@
+import { readFileSync } from 'fs';
+import path from 'path';
+export const dynamic = 'force-static';
+export default function Page() {
+  const md = readFileSync(path.join(process.cwd(), 'next-app', 'docs', 'readiness-checklist.md'), 'utf8');
+  return <pre className="whitespace-pre-wrap text-sm">{md}</pre>;
+}

next-app/app/docs/roadmap/page.tsx

@@ -0,0 +1,7 @@
+import { readFileSync } from 'fs';
+import path from 'path';
+export const dynamic = 'force-static';
+export default function Page() {
+  const md = readFileSync(path.join(process.cwd(), 'next-app', 'docs', 'roadmap.md'), 'utf8');
+  return <pre className="whitespace-pre-wrap text-sm">{md}</pre>;
+}

next-app/app/docs/strategy-map/page.tsx

@@ -0,0 +1,7 @@
+import { readFileSync } from 'fs';
+import path from 'path';
+export const dynamic = 'force-static';
+export default function Page() {
+  const md = readFileSync(path.join(process.cwd(), 'next-app', 'docs', 'strategy-map.md'), 'utf8');
+  return <pre className="whitespace-pre-wrap text-sm">{md}</pre>;
+}

next-app/app/governance/maturity/page.tsx

@@ -0,0 +1,103 @@
+import { readFileSync } from 'fs';
+import path from 'path';
+
+export const metadata = { title: 'Governance Capability Matrix' } as const;
+export const dynamic = 'force-static';
+
+type Dimension = {
+  id: string;
+  name: string;
+  phase: string;
+  score: number; // 0-5
+  evidence: string[];
+  gaps: string[];
+  remediation: string[];
+  links?: Record<string, string>;
+};
+
+type Maturity = { dimensions: Dimension[] };
+
+function gateText(score: number) {
+  if (score < 2) return { label: 'Do not advance', color: '#dc2626', note: 'Address gaps before proceeding' };
+  if (score < 4) return { label: 'Proceed with guardrails', color: '#f59e0b', note: 'Monitor and document mitigations' };
+  return { label: 'Clear to advance', color: '#16a34a', note: 'Maintain controls and evidence' };
+}
+
+function scoreColor(score: number) {
+  if (score <= 1) return '#b91c1c';
+  if (score === 2) return '#e11d48';
+  if (score === 3) return '#f59e0b';
+  if (score === 4) return '#10b981';
+  return '#059669';
+}
+
+export default function Page() {
+  const file = path.join(process.cwd(), 'next-app', 'data', 'maturity.json');
+  const data: Maturity = JSON.parse(readFileSync(file, 'utf8'));
+  return (
+    <main className="space-y-4">
+      <h1 className="text-2xl font-semibold">Governance Capability Matrix</h1>
+      <p className="text-sm text-slate-600">Scores (0–5), evidence, gaps, remediation and gating guidance per dimension.</p>
+
+      <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
+        {data.dimensions.map((d) => {
+          const gate = gateText(d.score);
+          return (
+            <section key={d.id} className="rounded border bg-white p-4 shadow-sm">
+              <header className="mb-2 flex items-center justify-between">
+                <div>
+                  <div className="text-base font-semibold text-slate-800">{d.name}</div>
+                  <div className="text-xs text-slate-500">Phase: {d.phase}</div>
+                </div>
+                <div className="text-right">
+                  <span className="inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs" style={{ borderColor: scoreColor(d.score), color: scoreColor(d.score) }}>
+                    Score <strong className="ml-1">{d.score}</strong>
+                  </span>
+                  <div className="mt-1 text-xs" style={{ color: gate.color }}>{gate.label}</div>
+                </div>
+              </header>
+
+              {d.evidence?.length ? (
+                <div className="mb-2">
+                  <div className="mb-1 text-xs font-semibold text-slate-700">Evidence</div>
+                  <ul className="list-disc pl-5 text-sm text-slate-700">
+                    {d.evidence.map((e, i) => (<li key={i}>{e}</li>))}
+                  </ul>
+                </div>
+              ) : null}
+
+              {d.gaps?.length ? (
+                <div className="mb-2">
+                  <div className="mb-1 text-xs font-semibold text-slate-700">Gaps</div>
+                  <ul className="list-disc pl-5 text-sm text-slate-700">
+                    {d.gaps.map((g, i) => (<li key={i}>{g}</li>))}
+                  </ul>
+                  <div className="mt-2 rounded bg-red-50 p-2 text-xs text-red-700">{gate.note}</div>
+                </div>
+              ) : null}
+
+              {d.remediation?.length ? (
+                <div className="mb-2">
+                  <div className="mb-1 text-xs font-semibold text-slate-700">Remediation</div>
+                  <ul className="list-disc pl-5 text-sm text-slate-700">
+                    {d.remediation.map((r, i) => (<li key={i}>{r}</li>))}
+                  </ul>
+                </div>
+              ) : null}
+
+              {d.links && Object.keys(d.links).length > 0 ? (
+                <div className="mt-3 flex flex-wrap gap-2 text-xs">
+                  {Object.entries(d.links).map(([k, v]) => (
+                    <a key={k} href={v} className="rounded border border-amber-300 bg-amber-50 px-2 py-1 text-amber-800 underline">
+                      {k}
+                    </a>
+                  ))}
+                </div>
+              ) : null}
+            </section>
+          );
+        })}
+      </div>
+    </main>
+  );
+}

next-app/app/governance/page.tsx

@@ -0,0 +1,19 @@
+import Link from 'next/link';
+
+export const metadata = { title: 'Governance Cockpit' };
+export default function GovernancePage() {
+  return (
+    <main className="space-y-4">
+      <h1 className="text-2xl font-semibold">Governance Cockpit</h1>
+      <p className="text-sm text-slate-600">Board-ready artifact hub with live roadmap, mappings, and templates.</p>
+      <ul className="list-disc pl-6 text-amber-800">
+        <li><Link href="/docs/roadmap" className="underline">Roadmap (capacity-aware)</Link></li>
+        <li><Link href="/docs/governance-terms-mapping" className="underline">Integrated 18‑Point Mapping</Link></li>
+        <li><Link href="/docs/readiness-checklist" className="underline">Implementation Readiness Checklist</Link></li>
+        <li><Link href="/templates/artefact-templates" className="underline">Governance Artefact Templates</Link></li>
+        <li><Link href="/governance/maturity" className="underline">Governance Capability Matrix</Link></li>
+        <li><Link href="/risk" className="underline">Interactive Risk & Governance Demos</Link></li>
+      </ul>
+    </main>
+  );
+}