claude-account-sync 0.1.0 → 0.2.0

package/dist/commands/secrets.js

@@ -15,6 +15,38 @@ const KEY_VARS = ['ANTHROPIC_API_KEY', 'CLAUDE_CODE_OAUTH_TOKEN', 'ANTHROPIC_AUT
 // posix: export VAR="sk-..."   powershell: $env:VAR = "sk-..."
 const MIGRATE_RE_POSIX = new RegExp(`^(\\s*(?:export\\s+)?(${KEY_VARS.join('|')})\\s*=\\s*)"?(sk-[A-Za-z0-9_-]+)"?(.*)$`);
 const MIGRATE_RE_PWSH = new RegExp(`^(\\s*\\$env:(${KEY_VARS.join('|')})\\s*=\\s*)"?(sk-[A-Za-z0-9_-]+)"?(.*)$`);
+/** Move plaintext keys out of the shell rc file into the secrets store. Shared by the CLI and the UI API. */
+export async function migrateRcSecrets(ctx, opts = {}) {
+    const rcFile = ctx.platform.rcFile;
+    if (!existsSync(rcFile))
+        return [];
+    const store = await secretsStore(ctx);
+    const lines = (await readFile(rcFile, 'utf8')).split('\n');
+    const migrated = [];
+    const out = [];
+    for (const line of lines) {
+        const pwsh = line.match(MIGRATE_RE_PWSH);
+        const posix = pwsh ? null : line.match(MIGRATE_RE_POSIX);
+        const match = pwsh ?? posix;
+        if (!match) {
+            out.push(line);
+            continue;
+        }
+        const [, prefix, varName, secretValue, suffix] = match;
+        const secretName = varName.toLowerCase().replaceAll('_', '-');
+        if (!opts.dryRun)
+            await store.set(secretName, secretValue);
+        out.push(pwsh
+            ? `${prefix}(ccprofiles secrets get ${secretName})${suffix}`
+            : `${prefix}"$(ccprofiles secrets get ${secretName})"${suffix}`);
+        migrated.push(secretName);
+    }
+    if (migrated.length && !opts.dryRun) {
+        await backupFiles([rcFile], ctx.backupRoot, new Date().toISOString().replace(/[:.]/g, '-'));
+        await atomicWrite(rcFile, out.join('\n'));
+    }
+    return migrated;
+}
 export function registerSecretsCommands(program, ctx) {
     const sec = program.command('secrets').description('manage secrets (values never stored in configs)');
     sec.command('set <name> [value]').action(async (name, value) => {
@@ -44,40 +76,11 @@ export function registerSecretsCommands(program, ctx) {
         console.log(`removed ${name}`);
     });
     sec.command('migrate').option('--dry-run').action(async (opts) => {
-        const rcFile = ctx.platform.rcFile;
-        if (!existsSync(rcFile)) {
-            console.log('no rc file found');
-            return;
-        }
-        const store = await secretsStore(ctx);
-        const lines = (await readFile(rcFile, 'utf8')).split('\n');
-        const migrated = [];
-        const out = [];
-        for (const line of lines) {
-            const pwsh = line.match(MIGRATE_RE_PWSH);
-            const posix = pwsh ? null : line.match(MIGRATE_RE_POSIX);
-            const match = pwsh ?? posix;
-            if (!match) {
-                out.push(line);
-                continue;
-            }
-            const [, prefix, varName, secretValue, suffix] = match;
-            const secretName = varName.toLowerCase().replaceAll('_', '-');
-            if (!opts.dryRun)
-                await store.set(secretName, secretValue);
-            out.push(pwsh
-                ? `${prefix}(ccprofiles secrets get ${secretName})${suffix}`
-                : `${prefix}"$(ccprofiles secrets get ${secretName})"${suffix}`);
-            migrated.push(secretName);
-        }
+        const migrated = await migrateRcSecrets(ctx, opts);
         if (migrated.length === 0) {
             console.log('no plaintext keys found');
             return;
         }
-        if (!opts.dryRun) {
-            await backupFiles([rcFile], ctx.backupRoot, new Date().toISOString().replace(/[:.]/g, '-'));
-            await atomicWrite(rcFile, out.join('\n'));
-        }
         for (const n of migrated)
             console.log(`${opts.dryRun ? '[dry-run] ' : ''}migrated ${n}`);
     });

package/dist/context.js

@@ -8,6 +8,7 @@ import { registerSecretsCommands } from './commands/secrets.js';
 import { registerManifestCommands } from './commands/manifest.js';
 import { registerSyncCommands } from './commands/sync.js';
 import { registerBundleCommands } from './commands/bundle.js';
+import { registerUiCommand } from './ui/command.js';
 export function makeContext(env = process.env) {
     const testHome = env.CCPROFILES_TEST_HOME;
     const platform = detectPlatform(testHome ? { home: testHome, shell: env.SHELL } : {});
@@ -38,5 +39,6 @@ export function buildProgram(ctx) {
     registerManifestCommands(program, ctx);
     registerSyncCommands(program, ctx);
     registerBundleCommands(program, ctx);
+    registerUiCommand(program, ctx);
     return program;
 }

package/dist/ui/api.js

@@ -0,0 +1,255 @@
+import { discoverProfiles, buildManifest, saveManifest, planApply, executeApply, ensureRootGitignore, loadManifest, loadDevices, fetchRemote, fetchSecrets, writeAssets, parseManifest, backupFiles, } from 'ccprofiles-core';
+import { existsSync, readFileSync, lstatSync, readlinkSync, readdirSync } from 'node:fs';
+import { join } from 'node:path';
+import { execFileSync } from 'node:child_process';
+import { requireManifest } from '../context.js';
+import { secretsStore, migrateRcSecrets } from '../commands/secrets.js';
+import { sendJson, readJson, HttpError } from './http.js';
+function stamp() { return new Date().toISOString().replace(/[:.]/g, '-'); }
+function profileName(dirName) {
+    return dirName === '.claude' ? 'default' : dirName.slice('.claude-'.length);
+}
+export function buildRoutes(ctx) {
+    const routes = [];
+    const add = (method, pattern, handler) => routes.push({ method, pattern, handler });
+    async function applyAndReport(m) {
+        const actions = planApply(m, await discoverProfiles(ctx.home), ctx.platform);
+        return executeApply(actions, { backupRoot: ctx.backupRoot, stamp: stamp() });
+    }
+    // requireManifest throws a plain Error; surface "no manifest yet" as a 409 the UI can detect.
+    async function mustManifest() {
+        try {
+            return await requireManifest(ctx);
+        }
+        catch (e) {
+            throw new HttpError(409, e.message);
+        }
+    }
+    function targetsOf(m, targets) {
+        if (targets === 'all')
+            return m.profiles.map(p => p.name);
+        for (const t of targets)
+            if (!m.profiles.some(p => p.name === t))
+                throw new HttpError(400, `unknown profile: ${t}`);
+        return targets;
+    }
+    // ── adopt / profiles / status / apply / doctor ──────────────────────────────
+    add('POST', /^\/api\/adopt$/, async (_m, _req, res) => {
+        const manifest = buildManifest(await discoverProfiles(ctx.home), ctx.platform);
+        if (!existsSync(join(ctx.manifestRoot, '.git'))) {
+            try {
+                execFileSync('git', ['init', ctx.manifestRoot], { stdio: 'ignore' });
+            }
+            catch { /* git optional */ }
+        }
+        await ensureRootGitignore(ctx.manifestRoot);
+        await saveManifest(ctx.manifestRoot, manifest);
+        sendJson(res, 200, { profiles: manifest.profiles.length, mcpServers: Object.keys(manifest.mcpServers).length });
+    });
+    add('GET', /^\/api\/profiles$/, async (_m, _req, res) => {
+        const live = await discoverProfiles(ctx.home);
+        let manifest = null;
+        if (existsSync(join(ctx.manifestRoot, 'manifest.yaml')))
+            manifest = await loadManifest(ctx.manifestRoot);
+        const rows = live.map(lp => {
+            const name = profileName(lp.dirName);
+            const decl = manifest?.profiles.find(p => p.name === name) ?? null;
+            return {
+                name, dir: lp.dir, auth: decl?.auth ?? (lp.account ? 'oauth' : 'env'),
+                account: lp.account, mcp: Object.keys(lp.mcpServers).length,
+                launcher: decl?.launcher ?? (name === 'default' ? null : `cl-${name}`),
+                adopted: !!decl,
+            };
+        });
+        sendJson(res, 200, rows);
+    });
+    add('POST', /^\/api\/profiles$/, async (_m, req, res) => {
+        const { name, from } = await readJson(req);
+        if (!name)
+            throw new HttpError(400, 'name required');
+        const m = await mustManifest();
+        if (m.profiles.some(p => p.name === name))
+            throw new HttpError(409, `profile exists: ${name}`);
+        const src = from ? m.profiles.find(p => p.name === from) : null;
+        if (from && !src)
+            throw new HttpError(400, `unknown profile: ${from}`);
+        m.profiles.push({
+            name, dir: `{home}/.claude-${name}`, launcher: `cl-${name}`, auth: 'env', env: {},
+            links: src ? { ...src.links } : (m.hub ? { skills: 'hub', commands: 'hub' } : {}),
+            mcp: src ? [...src.mcp] : [],
+        });
+        await saveManifest(ctx.manifestRoot, m);
+        await applyAndReport(m);
+        sendJson(res, 200, { ok: true });
+    });
+    add('PATCH', /^\/api\/profiles\/([^/]+)$/, async (mtch, req, res) => {
+        const m = await mustManifest();
+        const pr = m.profiles.find(p => p.name === mtch[1]);
+        if (!pr)
+            throw new HttpError(404, `unknown profile: ${mtch[1]}`);
+        const body = await readJson(req);
+        if (body.env)
+            pr.env = body.env;
+        if (body.links)
+            pr.links = body.links;
+        if (body.launcher !== undefined)
+            pr.launcher = body.launcher;
+        await saveManifest(ctx.manifestRoot, m);
+        await applyAndReport(m);
+        sendJson(res, 200, { ok: true });
+    });
+    add('GET', /^\/api\/status$/, async (_m, _req, res) => {
+        const m = await mustManifest();
+        const actions = planApply(m, await discoverProfiles(ctx.home), ctx.platform);
+        const r = await executeApply(actions, { backupRoot: ctx.backupRoot, stamp: stamp(), dryRun: true });
+        sendJson(res, 200, { inSync: actions.length === 0, pending: r.performed });
+    });
+    add('POST', /^\/api\/apply$/, async (_m, _req, res) => {
+        const m = await mustManifest();
+        const r = await applyAndReport(m);
+        sendJson(res, 200, { performed: r.performed, backupDir: r.backupDir });
+    });
+    add('GET', /^\/api\/doctor$/, async (_m, _req, res) => {
+        const problems = [];
+        const live = await discoverProfiles(ctx.home);
+        for (const lp of live)
+            for (const nm of readdirSync(lp.dir)) {
+                const f = join(lp.dir, nm);
+                try {
+                    if (lstatSync(f).isSymbolicLink() && !existsSync(f))
+                        problems.push(`broken symlink: ${f} -> ${readlinkSync(f)}`);
+                }
+                catch { /* skip */ }
+            }
+        if (existsSync(ctx.platform.rcFile)) {
+            const rc = readFileSync(ctx.platform.rcFile, 'utf8');
+            const outside = rc.split('# >>> ccprofiles managed >>>')[0] + (rc.split('# <<< ccprofiles managed <<<')[1] ?? '');
+            if (/sk-ant-/.test(outside))
+                problems.push(`plaintext Anthropic key in ${ctx.platform.rcFile} — run secrets migrate`);
+        }
+        if (existsSync(join(ctx.manifestRoot, 'manifest.yaml'))) {
+            const m = await loadManifest(ctx.manifestRoot);
+            for (const pr of m.profiles) {
+                const dir = pr.dir.replace('{home}', ctx.home);
+                if (!existsSync(dir))
+                    problems.push(`manifest profile "${pr.name}" missing on disk: ${dir} — run apply`);
+            }
+        }
+        sendJson(res, 200, { problems });
+    });
+    // ── mcp ─────────────────────────────────────────────────────────────────────
+    add('GET', /^\/api\/mcp$/, async (_m, _req, res) => {
+        const m = await mustManifest();
+        sendJson(res, 200, {
+            servers: Object.keys(m.mcpServers).sort(),
+            profiles: m.profiles.map(p => ({ name: p.name, has: p.mcp })),
+        });
+    });
+    add('POST', /^\/api\/mcp$/, async (_m, req, res) => {
+        const { name, command, args, targets } = await readJson(req);
+        if (!name)
+            throw new HttpError(400, 'name required');
+        const m = await mustManifest();
+        if (!m.mcpServers[name]) {
+            if (!command)
+                throw new HttpError(400, `unknown server "${name}" — command required to define it`);
+            m.mcpServers[name] = { command, ...(args && args.length ? { args } : {}) };
+        }
+        for (const t of targetsOf(m, targets)) {
+            const pr = m.profiles.find(p => p.name === t);
+            if (!pr.mcp.includes(name))
+                pr.mcp.push(name);
+        }
+        await saveManifest(ctx.manifestRoot, m);
+        await applyAndReport(m);
+        sendJson(res, 200, { ok: true });
+    });
+    add('DELETE', /^\/api\/mcp\/([^/]+)$/, async (mtch, req, res) => {
+        const { targets } = await readJson(req);
+        const m = await mustManifest();
+        const name = decodeURIComponent(mtch[1]);
+        for (const t of targetsOf(m, targets)) {
+            const pr = m.profiles.find(p => p.name === t);
+            pr.mcp = pr.mcp.filter(x => x !== name);
+        }
+        if (!m.profiles.some(p => p.mcp.includes(name)))
+            delete m.mcpServers[name];
+        await saveManifest(ctx.manifestRoot, m);
+        await applyAndReport(m);
+        sendJson(res, 200, { ok: true });
+    });
+    add('POST', /^\/api\/mcp\/sync$/, async (_m, req, res) => {
+        const { from, to } = await readJson(req);
+        const m = await mustManifest();
+        const src = m.profiles.find(p => p.name === from);
+        if (!src)
+            throw new HttpError(400, `unknown profile: ${from}`);
+        for (const t of targetsOf(m, to)) {
+            if (t === src.name)
+                continue;
+            m.profiles.find(p => p.name === t).mcp = [...src.mcp];
+        }
+        await saveManifest(ctx.manifestRoot, m);
+        await applyAndReport(m);
+        sendJson(res, 200, { ok: true });
+    });
+    // ── secrets ─────────────────────────────────────────────────────────────────
+    add('GET', /^\/api\/secrets$/, async (_m, _req, res) => {
+        const store = await secretsStore(ctx);
+        sendJson(res, 200, { names: await store.list(), backend: store.backendName });
+    });
+    add('GET', /^\/api\/secrets\/([^/]+)$/, async (mtch, _req, res) => {
+        const store = await secretsStore(ctx);
+        const value = await store.get(decodeURIComponent(mtch[1]));
+        if (value === null)
+            throw new HttpError(404, 'not found');
+        sendJson(res, 200, { value });
+    });
+    add('PUT', /^\/api\/secrets\/([^/]+)$/, async (mtch, req, res) => {
+        const { value } = await readJson(req);
+        if (typeof value !== 'string')
+            throw new HttpError(400, 'value required');
+        const store = await secretsStore(ctx);
+        await store.set(decodeURIComponent(mtch[1]), value);
+        sendJson(res, 200, { ok: true });
+    });
+    add('DELETE', /^\/api\/secrets\/([^/]+)$/, async (mtch, _req, res) => {
+        const store = await secretsStore(ctx);
+        await store.delete(decodeURIComponent(mtch[1]));
+        sendJson(res, 200, { ok: true });
+    });
+    add('POST', /^\/api\/secrets\/migrate$/, async (_m, _req, res) => {
+        sendJson(res, 200, { migrated: await migrateRcSecrets(ctx) });
+    });
+    // ── devices / sync ──────────────────────────────────────────────────────────
+    add('GET', /^\/api\/devices$/, async (_m, _req, res) => {
+        sendJson(res, 200, await loadDevices(ctx.manifestRoot));
+    });
+    add('POST', /^\/api\/sync$/, async (_m, req, res) => {
+        const { from, withSecrets, dryRun } = await readJson(req);
+        const device = (await loadDevices(ctx.manifestRoot)).find(d => d.name === from);
+        if (!device)
+            throw new HttpError(400, `unknown device: ${from}`);
+        const { manifestYaml, assets } = await fetchRemote(device);
+        const m = parseManifest(manifestYaml);
+        if (!dryRun) {
+            await backupFiles([join(ctx.manifestRoot, 'manifest.yaml')], ctx.backupRoot, stamp());
+            await saveManifest(ctx.manifestRoot, m);
+            await writeAssets(assets, m, ctx.platform);
+        }
+        const actions = planApply(m, await discoverProfiles(ctx.home), ctx.platform);
+        const r = await executeApply(actions, { backupRoot: ctx.backupRoot, stamp: stamp(), dryRun: !!dryRun });
+        let secrets = [];
+        if (withSecrets) {
+            const values = await fetchSecrets(device, []);
+            if (!dryRun) {
+                const store = await secretsStore(ctx);
+                for (const [k, v] of Object.entries(values))
+                    await store.set(k, v);
+            }
+            secrets = Object.keys(values);
+        }
+        sendJson(res, 200, { performed: r.performed, secrets });
+    });
+    return routes;
+}

package/dist/ui/command.js

@@ -0,0 +1,42 @@
+import { existsSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { spawn } from 'node:child_process';
+import { startUiServer } from './server.js';
+import { newUiToken } from './token.js';
+function defaultUiDir() {
+    // this file compiles to dist/ui/command.js; the built frontend is copied to dist/webui
+    const here = dirname(fileURLToPath(import.meta.url)); // .../dist/ui
+    return join(dirname(here), 'webui'); // .../dist/webui
+}
+function openBrowser(url) {
+    const cmd = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'cmd' : 'xdg-open';
+    const args = process.platform === 'win32' ? ['/c', 'start', '', url] : [url];
+    try {
+        spawn(cmd, args, { stdio: 'ignore', detached: true }).unref();
+    }
+    catch { /* non-fatal */ }
+}
+export function registerUiCommand(program, ctx) {
+    program.command('ui').description('open the web dashboard (localhost)')
+        .option('--port <n>', 'port (default: random)', v => parseInt(v, 10))
+        .option('--no-open', 'do not open the browser automatically')
+        .action(async (opts) => {
+        const uiDir = ctx.env.CCPROFILES_UI_DIR ?? defaultUiDir();
+        if (!existsSync(join(uiDir, 'index.html'))) {
+            console.log(`dashboard assets not found at ${uiDir} — build first: npm run build`);
+            return;
+        }
+        const token = newUiToken();
+        const srv = await startUiServer(ctx, { port: opts.port, token, uiDir });
+        const url = `http://127.0.0.1:${srv.port}/?t=${token}`;
+        console.log(`ccprofiles dashboard: ${url}`);
+        console.log('(localhost only · Ctrl-C to stop)');
+        if (opts.open !== false)
+            openBrowser(url);
+        globalThis.__uiServerClose = srv.close;
+        globalThis.__uiOnListening?.();
+        if (!ctx.env.CCPROFILES_UI_DIR)
+            await new Promise(() => { }); // run until Ctrl-C in real use
+    });
+}

package/dist/ui/http.js

@@ -0,0 +1,42 @@
+export class HttpError extends Error {
+    status;
+    constructor(status, message) {
+        super(message);
+        this.status = status;
+    }
+}
+export class BadRequest extends HttpError {
+    constructor(message = 'invalid request') { super(400, message); }
+}
+export async function readBody(req) {
+    const chunks = [];
+    for await (const c of req)
+        chunks.push(c);
+    return Buffer.concat(chunks).toString('utf8');
+}
+export async function readJson(req) {
+    const raw = await readBody(req);
+    if (!raw)
+        return {};
+    try {
+        return JSON.parse(raw);
+    }
+    catch {
+        throw new BadRequest('invalid JSON body');
+    }
+}
+export function sendJson(res, code, body) {
+    const text = JSON.stringify(body);
+    res.writeHead(code, { 'content-type': 'application/json', 'content-length': Buffer.byteLength(text) });
+    res.end(text);
+}
+export function matchRoute(routes, method, path) {
+    for (const route of routes) {
+        if (route.method !== method)
+            continue;
+        const match = path.match(route.pattern);
+        if (match)
+            return { route, match };
+    }
+    return null;
+}

package/dist/ui/server.js

@@ -0,0 +1,36 @@
+import { createServer } from 'node:http';
+import { buildRoutes } from './api.js';
+import { matchRoute, sendJson, HttpError } from './http.js';
+import { tokenOk, originOk } from './token.js';
+import { serveStatic } from './static.js';
+export async function startUiServer(ctx, opts) {
+    const routes = buildRoutes(ctx);
+    const server = createServer(async (req, res) => {
+        const url = req.url ?? '/';
+        const path = url.split('?')[0];
+        if (!path.startsWith('/api/'))
+            return serveStatic(res, url, opts.uiDir);
+        const address = server.address();
+        const port = typeof address === 'object' && address ? address.port : 0;
+        if (!originOk(req.headers.origin, port))
+            return sendJson(res, 403, { error: 'bad origin' });
+        if (!tokenOk(req.headers['x-ccp-token'], opts.token))
+            return sendJson(res, 401, { error: 'unauthorized' });
+        const m = matchRoute(routes, req.method ?? 'GET', path);
+        if (!m)
+            return sendJson(res, 404, { error: 'not found' });
+        try {
+            await m.route.handler(m.match, req, res);
+        }
+        catch (e) {
+            if (e instanceof HttpError)
+                return sendJson(res, e.status, { error: e.message });
+            process.stderr.write(`ui api error: ${e.stack ?? e}\n`);
+            return sendJson(res, 500, { error: 'internal error' });
+        }
+    });
+    await new Promise(resolve => server.listen(opts.port ?? 0, '127.0.0.1', resolve));
+    const address = server.address();
+    const port = typeof address === 'object' && address ? address.port : 0;
+    return { port, close: () => new Promise((resolve, reject) => server.close(e => (e ? reject(e) : resolve()))) };
+}

package/dist/ui/static.js

@@ -0,0 +1,22 @@
+import { createReadStream, existsSync, statSync } from 'node:fs';
+import { join, normalize, extname } from 'node:path';
+const TYPES = {
+    '.html': 'text/html', '.js': 'text/javascript', '.css': 'text/css',
+    '.json': 'application/json', '.svg': 'image/svg+xml', '.woff2': 'font/woff2',
+    '.png': 'image/png', '.ico': 'image/x-icon', '.map': 'application/json',
+};
+export function serveStatic(res, urlPath, uiDir) {
+    const index = join(uiDir, 'index.html');
+    // strip query, prevent path traversal
+    const clean = normalize(decodeURIComponent(urlPath.split('?')[0])).replace(/^(\.\.[/\\])+/, '');
+    let file = join(uiDir, clean);
+    if (!file.startsWith(uiDir) || !existsSync(file) || statSync(file).isDirectory())
+        file = index;
+    if (!existsSync(file)) {
+        res.writeHead(404, { 'content-type': 'text/plain' });
+        res.end('UI not built');
+        return;
+    }
+    res.writeHead(200, { 'content-type': TYPES[extname(file)] ?? 'application/octet-stream' });
+    createReadStream(file).pipe(res);
+}

package/dist/ui/token.js

@@ -0,0 +1,15 @@
+import { randomBytes, timingSafeEqual } from 'node:crypto';
+export function newUiToken() {
+    return randomBytes(32).toString('base64url');
+}
+export function tokenOk(provided, expected) {
+    if (!provided)
+        return false;
+    const a = Buffer.from(provided), b = Buffer.from(expected);
+    return a.length === b.length && a.length > 0 && timingSafeEqual(a, b);
+}
+export function originOk(origin, port) {
+    if (!origin)
+        return true;
+    return origin === `http://127.0.0.1:${port}` || origin === `http://localhost:${port}`;
+}

package/dist/webui/assets/index-DZPGFb5T.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--radius: .5rem}.dark{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 10% 3.9%;--card-foreground: 0 0% 98%;--popover: 240 10% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 3.7% 15.9%;--secondary-foreground: 0 0% 98%;--muted: 240 3.7% 15.9%;--muted-foreground: 240 5% 64.9%;--accent: 240 3.7% 15.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 240 3.7% 15.9%;--input: 240 3.7% 15.9%;--ring: 240 4.9% 83.9%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.z-50{z-index:50}.ml-3{margin-left:.75rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-10{height:2.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-screen{height:100vh}.w-4{width:1rem}.w-52{width:13rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-input{border-color:hsl(var(--input))}.border-transparent{border-color:transparent}.bg-accent{background-color:hsl(var(--accent))}.bg-background{background-color:hsl(var(--background))}.bg-black\/70{background-color:#000000b3}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-5{padding-left:1.25rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.last\:border-0:last-child{border-width:0px}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-accent\/50:hover{background-color:hsl(var(--accent) / .5)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group.toaster .group-\[\.toaster\]\:border-border{border-color:hsl(var(--border))}.group.toaster .group-\[\.toaster\]\:bg-background{background-color:hsl(var(--background))}.group.toaster .group-\[\.toaster\]\:text-foreground{color:hsl(var(--foreground))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:text-left{text-align:left}}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}