@hanzo/build 0.2.24 → 0.2.25

package/lib/api/members.d.ts

@@ -6,6 +6,7 @@
  *   GET    /v1/iam/invitations?owner=            {invitations, total} (org admin)
  *   POST   /v1/iam/invitations                   issue one (org admin)
  *   DELETE /v1/iam/invitations/{owner}/{name}    withdraw one (org admin)
+ *   GET    /v1/iam/organizations/admin/{org}     the org's record, whose `logo` is its mark (member)
  *
  * IAM decides the scope from the credential: a member reads the roster of an org
  * they belong to, and only an admin of the org reads or writes its invitations.
@@ -45,3 +46,5 @@ export declare const EMAIL: RegExp;
 /** Invite one address into the org: one seat, redeemable now, pinned to that address. */
 export declare function invite(t: Target, org: string, email: string): Promise<Invitation>;
 export declare function revoke(t: Target, i: Pick<Invitation, 'owner' | 'name'>): Promise<void>;
+/** The org's own logo address as IAM holds it, or '' when it has none. */
+export declare function logo(t: Target, org: string): Promise<string>;

package/lib/api/members.js

@@ -6,6 +6,7 @@
  *   GET    /v1/iam/invitations?owner=            {invitations, total} (org admin)
  *   POST   /v1/iam/invitations                   issue one (org admin)
  *   DELETE /v1/iam/invitations/{owner}/{name}    withdraw one (org admin)
+ *   GET    /v1/iam/organizations/admin/{org}     the org's record, whose `logo` is its mark (member)
  *
  * IAM decides the scope from the credential: a member reads the roster of an org
  * they belong to, and only an admin of the org reads or writes its invitations.
@@ -86,3 +87,8 @@ export async function invite(t, org, email) {
 export async function revoke(t, i) {
     await call(t, 'DELETE', `/v1/iam/invitations/${seg(i.owner)}/${seg(i.name)}`);
 }
+/** The org's own logo address as IAM holds it, or '' when it has none. */
+export async function logo(t, org) {
+    const raw = obj(await call(t, 'GET', `/v1/iam/organizations/admin/${encodeURIComponent(org)}`));
+    return str(obj(raw.data ?? raw).logo);
+}

package/lib/builder.js

@@ -33,6 +33,7 @@ import { Button } from '@hanzo/ui';
 import { SessionRail } from '@hanzo/ui/chat';
 import { HanzoMark } from '@hanzo/ui/product';
 import { useMemo, useState } from 'react';
+import { safe } from './api/projects.js';
 import { pinBoard } from './choice.js';
 import { Customize } from './customize/index.js';
 import { useKept, useRecents } from './data.js';
@@ -85,7 +86,7 @@ function Shell() {
                                     who.toggle();
                                 },
                             }
-                            : { name: 'Sign in', onPress: () => host.signIn?.() }, collapsed: collapsed, onCollapse: setCollapsed, mark: _jsx(Brand, { org: host.org }), pt: collapsed ? undefined : 92, open: drawer, onOpenChange: setDrawer, label: "Runs" }), collapsed ? null : (_jsxs(YStack, { position: "absolute", t: 10, l: 8, r: 8, z: 2, gap: "$2.5", "$max-md": { display: 'none' }, children: [_jsx(XStack, { px: "$2.5", children: name }), _jsxs(XStack, { render: "button", "aria-label": "Search runs", onPress: () => setFinding(true), items: "center", gap: "$2", px: "$2.5", height: 34, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", hoverStyle: { bg: '$hover' }, children: [_jsx(Search, { size: 15, color: "$soft" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Search" })] })] })), host.person ? _jsx(Who, { open: who.open, onOpenChange: who.onOpenChange, narrow: collapsed }) : null] }), _jsxs(YStack, { flex: 1, minW: 0, minH: 0, position: "relative", children: [_jsxs(XStack, { height: 44, px: "$2", gap: "$2", items: "center", shrink: 0, $md: { display: 'none' }, children: [_jsx(Button, { variant: "ghost", size: "icon-sm", onPress: () => setDrawer(true), "aria-label": "Open runs", children: _jsx(Menu, { size: 18 }) }), name, _jsx(XStack, { flex: 1 }), _jsx(Button, { variant: "ghost", size: "icon-sm", onPress: () => setFinding(true), "aria-label": "Search runs", children: _jsx(Search, { size: 18 }) })] }), _jsx(Pane, { onStarted: () => recents.reload() })] }), _jsx(Find, { open: finding, onOpenChange: setFinding, recents: rows, onOpen: (id) => { setFinding(false); go(id); } })] }));
+                            : { name: 'Sign in', onPress: () => host.signIn?.() }, collapsed: collapsed, onCollapse: setCollapsed, mark: _jsx(Brand, { org: host.org, logo: host.logo }), pt: collapsed ? undefined : 92, open: drawer, onOpenChange: setDrawer, label: "Runs" }), collapsed ? null : (_jsxs(YStack, { position: "absolute", t: 10, l: 8, r: 8, z: 2, gap: "$2.5", "$max-md": { display: 'none' }, children: [_jsx(XStack, { px: "$2.5", children: name }), _jsxs(XStack, { render: "button", "aria-label": "Search runs", onPress: () => setFinding(true), items: "center", gap: "$2", px: "$2.5", height: 34, rounded: "$3", borderWidth: 1, borderColor: "$borderColor", bg: "$panel", hoverStyle: { bg: '$hover' }, children: [_jsx(Search, { size: 15, color: "$soft" }), _jsx(SizableText, { size: "$2", color: "$soft", children: "Search" })] })] })), host.person ? _jsx(Who, { open: who.open, onOpenChange: who.onOpenChange, narrow: collapsed }) : null] }), _jsxs(YStack, { flex: 1, minW: 0, minH: 0, position: "relative", children: [_jsxs(XStack, { height: 44, px: "$2", gap: "$2", items: "center", shrink: 0, $md: { display: 'none' }, children: [_jsx(Button, { variant: "ghost", size: "icon-sm", onPress: () => setDrawer(true), "aria-label": "Open runs", children: _jsx(Menu, { size: 18 }) }), name, _jsx(XStack, { flex: 1 }), _jsx(Button, { variant: "ghost", size: "icon-sm", onPress: () => setFinding(true), "aria-label": "Search runs", children: _jsx(Search, { size: 18 }) })] }), _jsx(Pane, { onStarted: () => recents.reload() })] }), _jsx(Find, { open: finding, onOpenChange: setFinding, recents: rows, onOpen: (id) => { setFinding(false); go(id); } })] }));
 }
 /**
  * The builder's places, as a rail draws them: four in view and the rest under
@@ -154,8 +155,11 @@ function Pane({ onStarted }) {
             host.go(id);
         } }));
 }
-/** The Hanzo mark on a personal account. An organization shows its own initial. */
-function Brand({ org }) {
+/** The org's mark: the logo it chose; else the Hanzo mark for Hanzo or a personal account, and an organization's initial. */
+function Brand({ org, logo }) {
+    const chosen = logo ? safe(logo) : '';
+    if (chosen)
+        return _jsx("img", { src: chosen, alt: "", width: 18, height: 18, style: { borderRadius: 4, objectFit: 'cover' } });
     if (!org || org === 'hanzo')
         return _jsx(HanzoMark, { size: 18 });
     const letter = org.charAt(0).toUpperCase();

package/lib/host.d.ts

@@ -25,6 +25,8 @@ export interface Host {
     token: () => string | null;
     /** The org every call is scoped to. */
     org: string | null;
+    /** The org's own logo, an https address, when it has chosen one; its mark is drawn from it. */
+    logo?: string;
     /** The organizations this person belongs to. The switcher lists these and no others. */
     memberships?: readonly string[];
     /** Stay on this page and scope every read to `org`. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/build",
-  "version": "0.2.24",
+  "version": "0.2.25",
   "type": "module",
   "license": "Apache-2.0 OR MIT",
   "description": "Hanzo Build — say what you want, watch it built, deployed and running. The builder as a component, mounted by the Hanzo app at hanzo.ai.",