This project includes deployment configs plus browser-side export helpers for shareable demos.
+ )}
);
}
+
+function ViewModeTabs({ value, onChange }) {
+ const tabs = [
+ { id: 'home', label: 'Home', hint: 'Brain + quick scan' },
+ { id: 'scan', label: 'Scan', hint: 'Firewall + Coverage + Tone + Archive' },
+ { id: 'diagnose', label: 'Diagnose', hint: 'Harness diagnostic stack (L102–114)' },
+ { id: 'all', label: 'All panels', hint: 'Every layer, full power' },
+ ];
+ return (
+
+ {tabs.map((t) => (
+ onChange(t.id)}
+ title={t.hint}
+ >
+ {t.label}
+
+ ))}
+
+ ⌘K jumps to any layer
+
+
+ );
+}
diff --git a/brainsnn-r3f-app/src/components/AutoStewardPanel.jsx b/brainsnn-r3f-app/src/components/AutoStewardPanel.jsx
new file mode 100644
index 0000000..295740e
--- /dev/null
+++ b/brainsnn-r3f-app/src/components/AutoStewardPanel.jsx
@@ -0,0 +1,173 @@
+import React, { useEffect, useState } from 'react';
+import {
+ subscribe, getStatus, updateConfig, start, stop, runOnce,
+ revertApplied, clearAppliedLog,
+} from '../utils/autoSteward';
+
+/**
+ * Layer 103 — Auto-Apply Rule Steward panel.
+ *
+ * Closes the HALO loop: poll the harness report, derive a candidate
+ * rule diff, and apply low-risk additions automatically. Defaults to
+ * dryRun + paused so nothing happens until the operator explicitly
+ * arms it.
+ */
+export default function AutoStewardPanel() {
+ const [status, setStatus] = useState(() => getStatus());
+
+ useEffect(() => subscribe(setStatus), []);
+
+ const cfg = status.config;
+ const tone = (
+ status.lastReportTier === 'critical' ? '#dd6974'
+ : status.lastReportTier === 'warn' ? '#fdab43'
+ : '#5ee69a'
+ );
+
+ function field(key, parser = (v) => v) {
+ return (e) => updateConfig({ [key]: parser(e.target.value) });
+ }
+
+ return (
+
+ Layer 103 · auto-apply rule steward
+ Self-driving Layer 102 loop
+
+ Each cycle, pull the harness report, derive a rule diff, and
+ apply low-risk additions to Layer 55. Default config is
+ dry-run + manual — flip enabled to arm it. Quota
+ + lift threshold prevent runaway rule growth. Every applied
+ rule is reversible from the log below.
+
+
+
+
+
+ {status.running ? 'RUNNING' : 'IDLE'} · last tier {status.lastReportTier}
+
+
+ cycle {status.cycleCount} · {status.lastDiffAdditions} candidates · {status.appliedLog.length} applied
+
+
+
+ {status.running ? (
+ Stop
+ ) : (
+ Start
+ )}
+ Run once
+
+ enabled
+
+
+ dry run
+
+
+
+
+
+
+ {status.lastDiffFollowUps.length > 0 && (
+
+
Suggested follow-ups (manual)
+ {status.lastDiffFollowUps.map((f, i) => (
+
+
L{f.layer} · {f.action}
+
{f.reason}
+
+ ))}
+
+
+
Applied log
+ {status.appliedLog.length > 0 && (
+
Clear
+ )}
+
+ {status.appliedLog.length === 0 ? (
+
Nothing applied yet.
+ ) : status.appliedLog.map((e, i) => (
+
+
+
+ {e.category}
+ {' '}/{e.pattern}/
+ {e.dryRun && · dry-run }
+ {e.error && · {e.error} }
+
+ {e.ruleId && !e.reverted && !e.dryRun && (
+ revertApplied(e.ruleId)}>Revert
+ )}
+ {e.reverted && reverted }
+
+
+ {new Date(e.ts).toLocaleString()} · cycle {e.cycle} · {e.source}
+
+
+ ))}
+
+ );
+}
+
+function NumberInput({ label, value, onChange, ...rest }) {
+ return (
+
+ {label}
+
+ );
+}
diff --git a/brainsnn-r3f-app/src/components/ContentProvenancePanel.jsx b/brainsnn-r3f-app/src/components/ContentProvenancePanel.jsx
new file mode 100644
index 0000000..7b4b1d5
--- /dev/null
+++ b/brainsnn-r3f-app/src/components/ContentProvenancePanel.jsx
@@ -0,0 +1,500 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import {
+ isCryptoAvailable,
+ ensureIdentity,
+ loadIdentity,
+ loadHandle,
+ setHandle,
+ fingerprintFor,
+ signContent,
+ appendEdit,
+ verifyManifest,
+ recentManifestLog,
+ logManifest,
+ clearManifestLog,
+ manifestToShareString,
+ tryParseManifest,
+ humanityScore,
+} from '../utils/contentProvenance';
+
+/**
+ * Layer 101 — Content Verification System panel.
+ *
+ * Three tabs:
+ * - Sign: capture context, sign payload, output a manifest
+ * - Verify: paste a manifest + payload, get pass/fail + chain view
+ * - Humanity: run the heuristic humanity score on a draft
+ *
+ * The whole thing runs in-browser — keys never leave the device.
+ */
+export default function ContentProvenancePanel() {
+ const supported = isCryptoAvailable();
+ const [tab, setTab] = useState('sign');
+ const [identity, setIdentity] = useState(() => loadIdentity());
+ const [handle, setHandleState] = useState(() => loadHandle());
+ const [fp, setFp] = useState('');
+
+ useEffect(() => {
+ let alive = true;
+ if (identity?.pub) {
+ fingerprintFor(identity.pub).then((f) => { if (alive) setFp(f); });
+ }
+ return () => { alive = false; };
+ }, [identity]);
+
+ async function handleGenerate() {
+ if (!supported) return;
+ const r = await ensureIdentity({ handle });
+ if (r.ok) {
+ setIdentity(loadIdentity());
+ setFp(r.identity.fingerprint);
+ }
+ }
+
+ function handleHandleChange(e) {
+ const v = e.target.value;
+ setHandleState(v);
+ setHandle(v);
+ }
+
+ return (
+
+ Layer 101 · content verification
+ Sign your humanity
+
+ AI-perfect imagery is now cheap. The signal that cuts through is
+ a verifiable chain of custody — who captured it, on what device,
+ and which edits followed. Sign your content with a local keypair.
+ Anyone can verify your post hasn't been swapped for a fake.
+
+
+
+
+
+ {tab === 'sign' &&
+ );
+}
+
+function Tab({ id, tab, setTab, label }) {
+ const on = tab === id;
+ return (
+ setTab(id)}
+ style={on ? {} : { opacity: 0.7 }}
+ >
+ {label}
+
+ );
+}
+
+function IdentityCard({ supported, identity, fingerprint, handle, onHandle, onGenerate }) {
+ if (!supported) {
+ return (
+
+
Web Crypto unavailable.
+
+ Signing needs SubtleCrypto, which requires HTTPS or localhost.
+ The Humanity tab still works.
+
+
+
+ {hasIdentity ? 'Creator key ready' : 'No creator key yet'}
+
+ {hasIdentity ? 'ECDSA P-256 · stored locally' : 'click to generate'}
+
+
+
+
+ {hasIdentity ? 'Rotate key' : 'Generate key'}
+
+
+ {fingerprint && (
+
+ fp · {fingerprint.slice(0, 16)}…
+
+ )}
+
+