// olivia-admin-app.jsx
// Root component for the Olivia admin: wraps the AdminApp in a browser window
// frame, supplies Tweaks (panel chrome, density, surface).

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "showChrome": true,
  "url": "studio.olivia.app/library"
}/*EDITMODE-END*/;

function AdminRoot() {
  Object.assign(OLIVIA, {
    terra: '#D97757', terraDeep: '#B85A3D', terraTint: '#F2C4A8', terraWash: '#FAE7D8',
    sage: '#7A8B6F', sageDeep: '#4E6147', sageTint: '#C9D3BD',
    butter: '#F4D58D', rose: '#E89B8C',
    cream: '#F5EFE6', paper: '#FFFCF7', paperDeep: '#EFE7D9',
    ink: '#3A2E26', inkSoft: '#7A6E66', inkMute: '#A89E94',
  });

  return (
    <div style={{ width: '100vw', height: '100vh', overflow: 'hidden', background: ADMIN.pageBg }}>
      <AdminApp/>
    </div>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<AdminRoot/>);