19 lines
1.4 KiB
HTML
19 lines
1.4 KiB
HTML
<!doctype html>
|
|
<html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Synthetic Context heatmap acceptance</title></head>
|
|
<body><main style="padding:var(--panel-inset);overflow:auto;height:100vh"><p>Synthetic preview · no client data</p><button class="btn" id="theme">Switch theme</button><div id="root"></div><output id="navigation"></output></main>
|
|
<script type="module">
|
|
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import '@fontsource-variable/inter/wght.css';
|
|
import '/src/styles/ui-tokens.css';
|
|
import '/src/styles/tokens.css';
|
|
import '/src/styles/base.css';
|
|
import { ContextHeatmap } from '/src/features/context-layer/ContextHeatmap.tsx';
|
|
import { syntheticHeatmapContext } from './context-heatmap-fixture.ts';
|
|
if (new URLSearchParams(location.search).has('compact')) document.querySelector('main').style.maxWidth = 'var(--tile-content-width)';
|
|
createRoot(document.getElementById('root')).render(React.createElement(ContextHeatmap, { context: syntheticHeatmapContext(), onOpenCluster: clusterId => {
|
|
document.getElementById('navigation').textContent = `Synthetic Work navigation: ${clusterId}`;
|
|
} }));
|
|
document.getElementById('theme').onclick = () => { document.documentElement.dataset.theme = document.documentElement.dataset.theme === 'dark' ? 'light' : 'dark'; };
|
|
</script></body></html>
|