import {renderWorkspaceShell} from '../packages/notabenda-cf/dist/render.js';
import {adminPresentation} from './admin-presentation.mjs';
// @requirements REQ-PRODUCT-DEMO-WORKSPACE REQ-PRODUCT-MOBILE
const sections=[['orders','Order requests','Inspect retained order reviews, customer confirmation files and delivery status.'],['history','Document revisions','Compare the wording, rendered pages and MDX source of retained releases.'],['choices','Cookie-choice history','Follow full acceptance, a later withdrawal, partial choices and refusals.'],['agreements','Terms agreements','Inspect membership agreements, each bound to the exact document and statement.'],['processing','Processing opt-outs','Review readers’ requests and the processing restrictions retained for each.'],['permissions','Form permissions','Review purpose-specific email choices, withdrawals and the evaluated current state.'],['contracts','Contract declarations','Follow the declaration, its exact copy and independent confirmation/application handoffs.'],['recorded','Your sandbox choices','See the reports made through the recorded-choice example in this workspace.'],['lifecycle','Retention & holds','Explore held evidence, a resumable purge and a restore barrier across the record lifecycle.']];
export const demoNavigation=()=>`<aside class="demo-workspace"><div><a class="demo-home" href="/demo/admin">Your demo workspace <span aria-hidden="true">↗</span></a><p>Session workspace · One-day idle cleanup</p></div><nav aria-label="Demo workspace"><a href="/examples">← Examples</a>${sections.map(([id,title])=>`<a href="/demo/admin/${id}">${title}</a>`).join('')}<a href="/demo/admin/setup">Guided setup</a></nav></aside>`;
export function demoHome(){
 const nonce=crypto.randomUUID().replaceAll('-','');
 const html=renderWorkspaceShell(`<div class="demo-home-main"><section class="demo-home-hero"><div><p class="eyebrow">DEMO WORKSPACE</p><h1>Demo records</h1><p>Search sample choices and agreements, compare document versions, and inspect records created through the examples.</p><a class="button primary" href="/demo/admin/choices">Explore cookie-choice history ↗</a></div><aside class="demo-home-note"><span class="demo-note-symbol" aria-hidden="true">◇</span><h2>Records in this session</h2><p>The seed includes cookie grants and withdrawals, terms agreements, processing opt-outs, document revisions and customer confirmations.</p><dl><div><dt>Database</dt><dd>Only this demo session</dd></div><div><dt>Access</dt><dd>Browser session · One day idle cleanup</dd></div><div><dt>Records</dt><dd>History + your actions</dd></div></dl><p class="hint">Your workspace stays available for this browser session, with cleanup after a day without use.</p></aside></section><section class="demo-home-sections" aria-label="Explore stored evidence">${sections.map(([id,title,description],i)=>`<a href="/demo/admin/${id}"><span class="eyebrow">0${i+1} / EXPLORE</span><h2>${title} <span aria-hidden="true">↗</span></h2><p>${description}</p></a>`).join('')}</section><section class="demo-home-next"><div><p class="eyebrow">CREATE A RECORD</p><h2>Try a recorded example</h2><p>Make a choice in an example, then follow its notice, version and receipt here.</p></div><nav><a href="/recorded-choices">Record a cookie choice ↗</a><a href="/agreement">Try a terms agreement ↗</a><a href="/processing-choices">Try a processing opt-out ↗</a><a href="/form-permissions">Try a form permission ↗</a><a href="/demo/admin/setup">Explore guided setup ↗</a></nav></section></div>`,{...adminPresentation('/demo/admin'),basePath:'/demo/admin',title:'Your demo workspace',scopeLabel:'Your demo workspace',nonce},'<link rel="stylesheet" href="/assets/demo-admin.css">','demo-home-page');
 return new Response(html,{headers:{'Content-Type':'text/html; charset=utf-8','Content-Security-Policy':`default-src 'none'; style-src 'self' 'nonce-${nonce}'; base-uri 'none'; form-action 'none'; frame-ancestors 'none'`}});
}
export async function decorateDemoAdmin(response,path){
 if(!path.startsWith('/demo/admin')||!response.headers.get('Content-Type')?.includes('text/html'))return response;
 const headers=new Headers(response.headers);headers.delete('Content-Length');
 const csp=headers.get('Content-Security-Policy')??"default-src 'none'; style-src 'self'";
 headers.set('Content-Security-Policy',csp.replace(/style-src /u,"style-src 'self' "));
 const source=await response.text();
 const html=source.includes('class="admin-app"')?source:source.replace('</head>','<link rel="stylesheet" href="/assets/demo-admin.css"></head>').replace('</header>','</header>'+demoNavigation());
 return new Response(html,{status:response.status,headers});
}
export function demoExpired(){return new Response(`<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Demo session ended · Notabenda</title><link rel="stylesheet" href="/site.css"><link rel="stylesheet" href="/assets/demo-admin.css"></head><body><header class="site-header"><a class="brand" href="/"><img src="/docs/assets/mark.svg" width="32" height="32" alt="">notabenda</a><nav><a href="/examples">← All examples</a></nav></header><main class="demo-expired"><p class="eyebrow">SESSION EXPIRED</p><h1>Your demo session ended</h1><p>This session ended. Open a fresh workspace to continue exploring.</p><a class="button primary" href="/demo/admin">Open a fresh demo ↗</a></main></body></html>`,{status:410,headers:{'Content-Type':'text/html; charset=utf-8','Content-Security-Policy':"default-src 'none'; style-src 'self'; img-src 'self'; base-uri 'none'; form-action 'none'; frame-ancestors 'none'"}});}