@hanzo/build 0.2.9 → 0.2.11

package/lib/e2e/site.spec.js

@@ -1,125 +0,0 @@
-/**
- * hanzo.build in a browser: every screen draws, stays on this origin, and
- * never asks platform.hanzo.ai for anything. Signed out, so it checks what a
- * visitor sees; the MCP list is public and is read live.
- */
-import { expect, test } from '@playwright/test';
-const SCREENS = [
-    ['new', '/', /What.s up next\?/],
-    ['automations', '/-/automations', /New automation/],
-    ['codebases', '/-/codebases', /Create and browse this organization.s repositories/],
-    ['sync', '/-/sync', /Select repositories/],
-    ['projects', '/-/projects', /Boards on the forge/],
-    ['issues', '/-/issues', /Open work across every board/],
-    ['artifacts', '/-/artifacts', /What this organization has built/],
-    ['templates', '/-/templates', /Start from a working app/],
-    ['mcp', '/-/mcp', /Native servers/],
-    ['run', '/sess_0992f90537264a6b154ebff799f38e1c', /Sign in to follow this run/],
-];
-const RAIL = ['New', 'Automations', 'Codebase', 'Projects', 'Issues', 'Artifacts', 'MCP'];
-/** Everything the page asked for and every error it threw, for the whole test. */
-function watch(page) {
-    const hosts = new Set();
-    const errors = [];
-    page.on('request', (r) => hosts.add(new URL(r.url()).hostname));
-    page.on('pageerror', (e) => errors.push(e.message));
-    return { hosts, errors };
-}
-for (const [name, path, says] of SCREENS) {
-    test(`${name} draws on this origin`, async ({ page, baseURL }, info) => {
-        const seen = watch(page);
-        await page.goto(path);
-        await expect(page.getByText(says).first()).toBeVisible();
-        for (const label of RAIL)
-            await expect(page.getByText(label, { exact: true }).first()).toBeVisible();
-        await page.waitForLoadState('networkidle');
-        expect(new URL(page.url()).origin).toBe(new URL(baseURL).origin);
-        expect([...seen.hosts]).not.toContain('platform.hanzo.ai');
-        expect(seen.errors).toEqual([]);
-        await page.screenshot({ path: info.outputPath(`${name}.png`) });
-    });
-}
-test('the rail moves between screens without leaving the page', async ({ page, baseURL }) => {
-    const seen = watch(page);
-    await page.goto('/');
-    for (const [label, at] of [
-        ['Automations', '/-/automations'],
-        ['Codebase', '/-/codebases'],
-        ['Projects', '/-/projects'],
-        ['Issues', '/-/issues'],
-        ['Artifacts', '/-/artifacts'],
-        ['MCP', '/-/mcp'],
-        ['New', '/'],
-    ]) {
-        await page.getByText(label, { exact: true }).first().click();
-        await expect(page).toHaveURL(new URL(at, baseURL).href);
-    }
-    expect([...seen.hosts]).not.toContain('platform.hanzo.ai');
-});
-test('one mark at the top left when signed out', async ({ page }) => {
-    await page.goto('/');
-    await expect(page.getByRole('button', { name: 'Hanzo', exact: true })).toHaveCount(1);
-    await expect(page.getByText('Sign in', { exact: true }).first()).toBeVisible();
-});
-test('settings stays on this page', async ({ page, baseURL }) => {
-    await page.goto('/-/codebases');
-    await page.getByText('Settings', { exact: true }).first().click();
-    expect(new URL(page.url()).origin).toBe(new URL(baseURL).origin);
-});
-test('the MCP screen lists the native servers', async ({ page }, info) => {
-    await page.goto('/-/mcp');
-    const count = page.getByText(/^\d+ servers · \d+ operations$/);
-    await expect(count).toBeVisible();
-    const servers = Number((await count.innerText()).split(' ')[0]);
-    expect(servers).toBeGreaterThan(100);
-    await page.getByLabel('Find a server').fill('git');
-    await expect(page.getByLabel('git', { exact: true })).toBeVisible();
-    await page.screenshot({ path: info.outputPath('mcp-git.png') });
-});
-test('a run hides and shows its side pane', async ({ page }) => {
-    await page.goto('/sess_0992f90537264a6b154ebff799f38e1c');
-    await page.getByLabel('Hide the side pane').click();
-    await expect(page.getByText('Subscriptions', { exact: true })).toHaveCount(0);
-    await page.getByLabel('Show the side pane').click();
-    await expect(page.getByText('Subscriptions', { exact: true })).toBeVisible();
-});
-/** Controls and text a phone would cut off at its right edge, or that sit on top of another control. */
-async function cramped(page) {
-    return page.evaluate(() => {
-        const w = window.innerWidth;
-        const out = [];
-        const leaves = [...document.querySelectorAll('body *')].filter((el) => !el.children.length || ['BUTTON', 'INPUT'].includes(el.tagName) || el.getAttribute('role') === 'button');
-        for (const el of leaves) {
-            const r = el.getBoundingClientRect();
-            const s = getComputedStyle(el);
-            if (!r.width || !r.height || s.visibility === 'hidden' || s.opacity === '0')
-                continue;
-            if (r.right > w + 1 || r.left < -1)
-                out.push(`${el.tagName} ${(el.textContent || el.getAttribute('aria-label') || '').trim().slice(0, 40)}`);
-        }
-        const menu = document.querySelector('[aria-label="Open runs"]')?.getBoundingClientRect();
-        const mark = [...document.querySelectorAll('[aria-label="Hanzo"], [aria-label^="Organization"]')]
-            .map((el) => el.getBoundingClientRect())
-            .find((r) => r.width && r.height);
-        if (menu && mark && mark.left < menu.right && menu.left < mark.right && mark.top < menu.bottom && menu.top < mark.bottom)
-            out.push('the mark sits on the menu button');
-        return out;
-    });
-}
-test('a phone gets every screen whole, with the rail as a drawer', async ({ page }, info) => {
-    await page.setViewportSize({ width: 390, height: 844 });
-    for (const [name, path, says] of SCREENS) {
-        await page.goto(path);
-        await expect(page.getByText(says).first()).toBeVisible();
-        await expect(page.getByLabel('Open runs')).toBeVisible();
-        expect(await cramped(page), name).toEqual([]);
-        await page.screenshot({ path: info.outputPath(`phone-${name}.png`) });
-    }
-    await page.getByLabel('Open runs').click();
-    await expect(page.getByRole('navigation', { name: 'Runs' }).getByText('Codebase', { exact: true })).toBeVisible();
-});
-test('a run asks a visitor to sign in, not for an API key', async ({ page }) => {
-    await page.goto('/sess_0992f90537264a6b154ebff799f38e1c');
-    await expect(page.getByText('Sign in to follow this run.').first()).toBeVisible();
-    await expect(page.getByText(/Authorization: Bearer/)).toHaveCount(0);
-});

package/lib/mcp.d.ts

@@ -1 +0,0 @@
-export declare function Servers(): import("react").JSX.Element;

package/lib/mcp.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * The fleet's native MCP servers.
- *
- * The list is the MCP server's own tools/list. A server starts when a run
- * calls it and stays up afterwards, so this pane lists them rather than
- * starting them.
- */
-import { SizableText, XStack, YStack } from '@hanzo/gui';
-import { ChevronDown } from '@hanzogui/lucide-icons-2';
-import { Input } from '@hanzo/ui';
-import { useState } from 'react';
-import { natives } from './api/mcp.js';
-import { useRead } from './data.js';
-import { useTarget } from './host.js';
-export function Servers() {
-    const t = useTarget();
-    const list = useRead(() => natives(t), [], [t]);
-    const [q, setQ] = useState('');
-    const [open, setOpen] = useState(null);
-    const needle = q.trim().toLowerCase();
-    const shown = list.value.filter((s) => !needle || s.name.toLowerCase().includes(needle) || s.ops.some((op) => op.toLowerCase().includes(needle)));
-    const ops = shown.reduce((n, s) => n + s.ops.length, 0);
-    return (_jsx(YStack, { flex: 1, minH: 0, overflow: "scroll", px: "$6", py: "$6", children: _jsxs(YStack, { width: "100%", maxW: 1040, mx: "auto", gap: "$4", children: [_jsxs(YStack, { gap: "$1", children: [_jsx(SizableText, { render: "h1", size: "$6", color: "$ink", children: "MCP" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Native servers. A run starts one when it calls it, and the server stays up afterwards." })] }), _jsx(Input, { value: q, onChangeText: setQ, placeholder: "Find a server or an operation\u2026", "aria-label": "Find a server" }), list.loading && list.value.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: "Reading the servers\u2026" })) : list.error && list.value.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: list.error.message })) : shown.length === 0 ? (_jsx(SizableText, { size: "$2", color: "$soft", children: list.value.length === 0 ? 'The MCP server listed no native servers.' : 'No server matches.' })) : (_jsxs(YStack, { gap: "$1", children: [_jsxs(SizableText, { size: "$1", color: "$soft", children: [shown.length, " servers \u00B7 ", ops, " operations"] }), shown.map((s) => {
-                            const on = open === s.name;
-                            return (_jsxs(YStack, { borderWidth: 1, borderColor: "$borderColor", rounded: "$3", overflow: "hidden", children: [_jsxs(XStack, { render: "button", "aria-expanded": on, "aria-label": s.name, items: "center", gap: "$3", px: "$3", py: "$2.5", hoverStyle: { bg: '$hover' }, onPress: () => setOpen(on ? null : s.name), children: [_jsxs(YStack, { flex: 1, minW: 0, gap: "$1", children: [_jsx(SizableText, { size: "$3", color: "$ink", children: s.name }), s.description ? (_jsx(SizableText, { size: "$1", color: "$soft", numberOfLines: on ? undefined : 2, children: s.description })) : null] }), _jsx(SizableText, { size: "$1", color: "$soft", children: s.ops.length }), _jsx(ChevronDown, { size: 14, style: { transform: on ? 'rotate(180deg)' : undefined } })] }), on ? (_jsx(YStack, { px: "$3", py: "$2", gap: "$1", borderTopWidth: 1, borderColor: "$borderColor", children: s.ops.length === 0 ? (_jsx(SizableText, { size: "$1", color: "$soft", children: "This server named no operations." })) : (s.ops.map((op) => (_jsx(SizableText, { size: "$1", color: "$ink", children: op }, op)))) })) : null] }, s.name));
-                        })] }))] }) }));
-}