mirror of
https://github.com/siteboon/claudecodeui.git
synced 2026-03-11 00:47:52 +00:00
53 lines
1.8 KiB
HTML
53 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Hello World Plugin</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
padding: 24px;
|
|
transition: background-color 0.2s, color 0.2s;
|
|
}
|
|
body.dark { background: #1a1a2e; color: #e0e0e0; }
|
|
body.light { background: #ffffff; color: #1a1a2e; }
|
|
h1 { font-size: 1.4rem; margin-bottom: 8px; }
|
|
.context { font-size: 0.85rem; opacity: 0.7; margin-top: 16px; }
|
|
.context dt { font-weight: 600; margin-top: 8px; }
|
|
.context dd { margin-left: 12px; }
|
|
</style>
|
|
</head>
|
|
<body class="light">
|
|
<h1>Hello from a plugin!</h1>
|
|
<p>This tab is rendered inside a sandboxed iframe.</p>
|
|
|
|
<dl class="context" id="ctx">
|
|
<dt>Theme</dt><dd id="ctx-theme">—</dd>
|
|
<dt>Project</dt><dd id="ctx-project">—</dd>
|
|
<dt>Session</dt><dd id="ctx-session">—</dd>
|
|
</dl>
|
|
|
|
<script>
|
|
// Listen for context updates from the host app.
|
|
window.addEventListener('message', (event) => {
|
|
if (!event.data || event.data.type !== 'ccui:context') return;
|
|
|
|
const { theme, project, session } = event.data;
|
|
|
|
// Apply theme
|
|
document.body.className = theme || 'light';
|
|
|
|
// Display context
|
|
document.getElementById('ctx-theme').textContent = theme || '—';
|
|
document.getElementById('ctx-project').textContent = project ? project.name : '(none)';
|
|
document.getElementById('ctx-session').textContent = session ? session.title || session.id : '(none)';
|
|
});
|
|
|
|
// Ask the host for the current context on load.
|
|
window.parent.postMessage({ type: 'ccui:request-context' }, '*');
|
|
</script>
|
|
</body>
|
|
</html>
|