Skip to content

chore(deps): refresh vendored upstream #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
github-actions wants to merge 1 commit into
base: main
Choose a base branch
from
Open

chore(deps): refresh vendored upstream #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions docs/vendor/components.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,8 @@ export {
ChatHeader, VoiceStrip, CommunityShell
} from './components/community.js';

export { ThemeToggle } from './components/theme-toggle.js';

export {
FREDDIE_PAGES,
home, chat, voice, sessions, projects, agents, analytics,
Expand Down
70 changes: 70 additions & 0 deletions docs/vendor/components/theme-toggle.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
// ThemeToggle — segmented auto/paper/ink radio bound to src/theme.js.
//
// Usage:
// import { ThemeToggle } from 'anentrypoint-design';
// ThemeToggle() // segmented control
// ThemeToggle({ compact: true }) // single cycling glyph button
//
// Reads current mode from the theme controller; clicks call applyTheme()
// which persists, updates <html data-theme>, and notifies listeners.

import * as webjsx from '../../vendor/webjsx/index.js';
import { applyTheme, getTheme, resolvedTheme, onThemeChange } from '../theme.js';

const h = webjsx.createElement;

const MODES = [
['auto', '⌗', 'auto'],
['paper', '☀', 'light'],
['ink', '☾', 'dark'],
];

// Track instances so an OS-theme change while in 'auto' re-renders the
// glyph in the compact variant (the segmented variant doesn't need it).
const refresh = new Set();
let _bound = false;
function bindOnce() {
if (_bound) return;
_bound = true;
onThemeChange(() => { for (const cb of refresh) cb(); });
}

export function ThemeToggle({ compact = false, onChange } = {}) {
bindOnce();
const current = getTheme();

if (compact) {
const resolved = resolvedTheme();
const glyph = current === 'auto' ? '⌗' : (resolved === 'ink' ? '☾' : '☀');
const label = current === 'auto' ? `auto (${resolved})` : (current === 'ink' ? 'dark' : 'light');
return h('button', {
class: 'btn ds-theme-toggle',
type: 'button',
'aria-label': 'theme: ' + label,
title: 'theme: ' + label + ' — click to cycle',
onclick: () => {
const next = current === 'auto' ? 'paper' : (current === 'paper' ? 'ink' : 'auto');
applyTheme(next);
if (onChange) try { onChange(next); } catch {}
}
}, h('span', { class: 'glyph' }, glyph), ' ', label);
}

return h('div', {
class: 'ds-theme-toggle ds-segmented',
role: 'radiogroup',
'aria-label': 'theme'
}, ...MODES.map(([mode, glyph, label]) =>
h('button', {
key: mode,
type: 'button',
role: 'radio',
'aria-checked': current === mode ? 'true' : 'false',
class: 'ds-seg-btn' + (current === mode ? ' is-on' : ''),
onclick: () => {
applyTheme(mode);
if (onChange) try { onChange(mode); } catch {}
}
}, h('span', { class: 'glyph' }, glyph), ' ', label)
));
}
4 changes: 2 additions & 2 deletions docs/vendor/kits/os/.version
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"package": "anentrypoint-design",
"version": "0.0.104",
"refreshedAt": "2026-05-17T17:12:27.084Z",
"version": "0.0.111",
"refreshedAt": "2026-05-18T09:47:49.982Z",
"source": "npm:anentrypoint-design@latest"
}
24 changes: 24 additions & 0 deletions docs/vendor/kits/os/app-shell.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -568,3 +568,27 @@ table tr.clickable:hover td { background: var(--bg-2); }
.ds-file-row .name { font-weight: 500; }
.ds-file-row .size { font-family: var(--ff-mono); font-size: var(--fs-xs); color: var(--fg-3); }
.ds-file-row .time { font-family: var(--ff-mono); font-size: var(--fs-xs); color: var(--fg-3); }

/* ============================================================
Theme toggle (segmented + compact) — bound to src/theme.js
============================================================ */
.ds-segmented {
display: inline-flex; gap: 0; padding: 2px;
background: var(--bg-2); border-radius: var(--r-pill);
font-family: var(--ff-mono); font-size: var(--fs-xs);
}
.ds-segmented .ds-seg-btn {
background: transparent; border: 0; color: var(--fg-3);
padding: 4px 12px; border-radius: var(--r-pill); cursor: pointer;
display: inline-flex; align-items: center; gap: 6px;
transition: color var(--dur-base) var(--ease), background var(--dur-base) var(--ease);
}
.ds-segmented .ds-seg-btn:hover { color: var(--fg); }
.ds-segmented .ds-seg-btn.is-on {
background: var(--bg); color: var(--fg);
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.ds-theme-toggle.btn {
font-family: var(--ff-mono); font-size: var(--fs-xs);
display: inline-flex; align-items: center; gap: 6px;
}
38 changes: 36 additions & 2 deletions docs/vendor/kits/os/colors_and_type.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,9 +47,17 @@
--accent-fg: var(--paper);
--accent-tint: color-mix(in oklab, var(--accent) 18%, var(--bg));

--panel-bg: var(--bg);
--panel-bg-2: var(--bg-2);
--panel-bg: var(--bg);
--panel-bg-2: var(--bg-2);
--panel-accent: var(--accent);
--panel-1: var(--bg-2);
--panel-2: var(--bg-3);
--panel-3: color-mix(in oklab, var(--fg) 12%, transparent);
--panel-text: var(--fg);
--panel-text-2: var(--fg-2);
--panel-text-3: var(--fg-3);
--panel-accent-2: var(--accent-bright, var(--accent));
--panel-shadow: 0 1px 0 color-mix(in oklab, var(--fg) 6%, transparent), 0 4px 14px color-mix(in oklab, var(--fg) 8%, transparent);

/* Type — one family, used purposefully. Space Grotesk for everything
non-mono. The display/narrow aliases stay so consumers that reference
Expand Down Expand Up @@ -154,6 +162,32 @@
}
}

/* Nested-scope safety: if .ds-247420 appears under another .ds-247420 (e.g.
mount() added the class to an inner element while the ancestor html
already had it), the inner element would otherwise re-trigger the root
light defaults and detach from the ancestor's data-theme override. Force
the inner element to inherit the ancestor's resolved tokens. */
.ds-247420 .ds-247420 {
--bg: inherit;
--bg-2: inherit;
--bg-3: inherit;
--fg: inherit;
--fg-2: inherit;
--fg-3: inherit;
--panel-bg: inherit;
--panel-bg-2: inherit;
--accent: inherit;
--accent-fg: inherit;
--panel-1: inherit;
--panel-2: inherit;
--panel-3: inherit;
--panel-text: inherit;
--panel-text-2: inherit;
--panel-text-3: inherit;
--panel-accent-2: inherit;
--panel-shadow: inherit;
}

[data-density="compact"] { --density: 0.75; }
[data-density="comfortable"] { --density: 1; }
[data-density="spacious"] { --density: 1.35; }
Expand Down