@hanzo/ui 8.0.7 → 8.0.11

package/src/cd/types.ts

@@ -1,318 +0,0 @@
-/**
- * @hanzo/ui/cd — the Hanzo CD (continuous-delivery) data contract.
- *
- * This is the FE↔BE handshake for the `/v1/gitops` API. Every component in this
- * module is presentational and data-prop-driven: a host console fetches these
- * rows (via the injected `GitopsClient`) and hands them to the views. The shapes
- * live in ONE place so the pure folds (status → tone, tree → graph, diff → hunks)
- * are unit-tested in isolation and the visual components never reach into a data
- * layer.
- *
- * The vocabulary mirrors a GitOps engine's model (health/sync verdicts, the
- * owner-reference resource graph, operation phases) so a backend that projects a
- * cluster's live state maps onto it directly, but the names are engine-neutral.
- *
- * Attribution: the information design of these views is a derivative port of the
- * Argo CD web UI (Apache-2.0). See ./NOTICE.
- */
-
-// ──────────────────────────────────────────────────────────────────────────────
-// Status vocabularies — small, glanceable, closed unions.
-// ──────────────────────────────────────────────────────────────────────────────
-
-/**
- * A resource/application health verdict. `Unknown` is honest — a missing signal
- * is never guessed up to `Healthy`.
- */
-export type HealthStatus =
-  | 'Healthy'
-  | 'Progressing'
-  | 'Degraded'
-  | 'Suspended'
-  | 'Missing'
-  | 'Unknown'
-
-/** Whether live state matches the desired (Git) state. */
-export type SyncStatus = 'Synced' | 'OutOfSync' | 'Unknown'
-
-/** The phase of an in-flight sync/rollback operation. */
-export type OperationPhase =
-  | 'Running'
-  | 'Terminating'
-  | 'Failed'
-  | 'Error'
-  | 'Succeeded'
-  | 'Pending'
-
-/** A pod's lifecycle phase (drives the pod-status dot). */
-export type PodPhase = 'Pending' | 'Running' | 'Succeeded' | 'Failed' | 'Unknown'
-
-/** Per-resource result code within a sync operation. */
-export type SyncResultCode = 'Synced' | 'Pruned' | 'SyncFailed' | 'Unknown'
-
-// ──────────────────────────────────────────────────────────────────────────────
-// Resource graph — the owner-reference tree of live cluster objects.
-// ──────────────────────────────────────────────────────────────────────────────
-
-/** A group/version/kind/namespace/name coordinate for a cluster object. */
-export interface ResourceRef {
-  /** Stable unique id (k8s uid, or a synthesized `group/kind/ns/name`). */
-  uid: string
-  group: string
-  version: string
-  kind: string
-  namespace: string
-  name: string
-}
-
-/** A labelled datum shown as a chip on a node / in the summary (e.g. `Revision: 3`). */
-export interface InfoItem {
-  name: string
-  value: string
-}
-
-/** Ingress/service surface of a networked resource (Service, Ingress). */
-export interface ResourceNetworking {
-  /** Objects this resource routes to (Service → Pods, Ingress → Service). */
-  targetRefs?: ResourceRef[]
-  labels?: Record<string, string>
-  /** Externally reachable URLs (a domain's live site). */
-  externalURLs?: string[]
-  ingress?: { hostname?: string; ip?: string }[]
-}
-
-/**
- * One node of the live resource graph. Ownership is expressed by `parentRefs`
- * (an object may have several owners); the graph is the transitive closure of
- * those edges rooted at the application. Pure data — no React, no back-refs.
- */
-export interface ResourceNode extends ResourceRef {
-  /** The object(s) that own this one — the edges of the graph. */
-  parentRefs?: ResourceRef[]
-  /** Health verdict for this object, when the engine computes one. */
-  health?: { status: HealthStatus; message?: string }
-  /** Sync verdict for this object (managed objects only). */
-  status?: SyncStatus
-  /** Glanceable facts shown as chips (revision, replicas, image tag, …). */
-  info?: InfoItem[]
-  networkingInfo?: ResourceNetworking
-  images?: string[]
-  createdAt?: string
-  /** True for hook/sync-operation objects; `resourceVersion` for freshness. */
-  hook?: boolean
-  resourceVersion?: string
-  /** Present on Pod nodes — drives pod-specific rendering. */
-  podInfo?: PodInfo
-}
-
-/** Extra facts a Pod node carries (containers, phase, restarts, node/host). */
-export interface PodInfo {
-  phase: PodPhase
-  /** Reason string when the phase alone is ambiguous (CrashLoopBackOff, …). */
-  reason?: string
-  ready?: string // e.g. "2/3"
-  restarts?: number
-  node?: string
-  age?: string
-}
-
-/**
- * The full resource graph for an application: the managed nodes plus any
- * orphaned objects (live in the app's namespace but not owned by it).
- */
-export interface ResourceTree {
-  nodes: ResourceNode[]
-  orphanedNodes?: ResourceNode[]
-}
-
-// ──────────────────────────────────────────────────────────────────────────────
-// Application — the deployable unit the list shows and the detail drills into.
-// ──────────────────────────────────────────────────────────────────────────────
-
-/** Where an application's desired state comes from (a Git repo path @ revision). */
-export interface AppSource {
-  repoURL: string
-  path?: string
-  targetRevision?: string
-  chart?: string
-}
-
-/** The destination cluster + namespace an application deploys to. */
-export interface AppDestination {
-  server?: string
-  name?: string
-  namespace: string
-}
-
-/** Revision metadata resolved from the source repo (for the status panel). */
-export interface RevisionMetadata {
-  revision: string
-  author?: string
-  date?: string
-  message?: string
-  tags?: string[]
-}
-
-/**
- * A summary of one application — the shape the list/tiles render. Enough to draw
- * a row without fetching the tree.
- */
-export interface AppSummary {
-  name: string
-  namespace?: string
-  project?: string
-  health: HealthStatus
-  sync: SyncStatus
-  /** Short revision (sha/tag) currently reconciled. */
-  revision?: string
-  source?: AppSource
-  destination?: AppDestination
-  /** Epoch ms of the last successful sync (rendered relative). */
-  lastSyncedAt?: number
-  /** Phase of an in-flight operation, when one is running. */
-  operationPhase?: OperationPhase
-  /** Rollup counts of managed resources by health, for the tile mini-bar. */
-  resourceCounts?: Partial<Record<HealthStatus, number>>
-  labels?: Record<string, string>
-}
-
-/** A single sync/deploy in the history (for the rollback list). */
-export interface DeployRevision {
-  /** Monotonic history id — the handle passed to `rollback`. */
-  id: number
-  revision: string
-  deployedAt?: number
-  source?: AppSource
-  metadata?: RevisionMetadata
-}
-
-/** The result of (or progress of) the most recent sync/rollback operation. */
-export interface OperationState {
-  phase: OperationPhase
-  message?: string
-  startedAt?: number
-  finishedAt?: number
-  /** The revision the operation targeted. */
-  revision?: string
-  /** Per-resource results (kind/name → code + message). */
-  syncResult?: {
-    ref: ResourceRef
-    result: SyncResultCode
-    message?: string
-    hookPhase?: string
-  }[]
-}
-
-/**
- * The full application detail — everything the status panel + controls need
- * beyond the tree. Returned by `getApp`.
- */
-export interface AppDetail extends AppSummary {
-  /** Resolved metadata for the reconciled revision. */
-  revisionMetadata?: RevisionMetadata
-  /** Deploy/rollout history, newest last (matches engine ordering). */
-  history?: DeployRevision[]
-  /** In-flight or last-completed operation. */
-  operationState?: OperationState
-  /** Free-form conditions/warnings surfaced by the engine. */
-  conditions?: { type: string; message: string; lastTransitionTime?: string }[]
-}
-
-// ──────────────────────────────────────────────────────────────────────────────
-// Node detail — manifest + events + logs for the drawer.
-// ──────────────────────────────────────────────────────────────────────────────
-
-/** A k8s-style event row shown in the node drawer's Events tab. */
-export interface ResourceEvent {
-  reason: string
-  message: string
-  type?: 'Normal' | 'Warning'
-  count?: number
-  firstSeen?: string
-  lastSeen?: string
-  source?: string
-}
-
-/** One log line (optionally tagged with its container + a parsed timestamp). */
-export interface LogEntry {
-  content: string
-  timestamp?: string
-  container?: string
-  /** True for stderr — rendered in the warn tone. */
-  err?: boolean
-}
-
-/**
- * Everything the node drawer needs for a single resource: the live manifest
- * (YAML), recent events, a recent-logs snapshot (pods), and the desired/live
- * pair for the inline diff. Returned by `getResource`.
- */
-export interface ResourceDetail {
-  ref: ResourceRef
-  health?: { status: HealthStatus; message?: string }
-  syncStatus?: SyncStatus
-  /** Live manifest as YAML (or JSON) text. */
-  liveManifest?: string
-  /** Desired manifest as YAML text — enables the drawer's inline diff. */
-  desiredManifest?: string
-  events?: ResourceEvent[]
-  /** Recent log lines for a pod/container (a snapshot; streaming is optional). */
-  logs?: LogEntry[]
-  /** Container names, when the resource is a Pod (drives the log selector). */
-  containers?: string[]
-  info?: InfoItem[]
-}
-
-// ──────────────────────────────────────────────────────────────────────────────
-// Diff — desired vs live for the whole application.
-// ──────────────────────────────────────────────────────────────────────────────
-
-/** One resource's desired/live manifest pair for the application diff view. */
-export interface ResourceDiff {
-  ref: ResourceRef
-  /** Sync verdict for this resource (drives the section pill). */
-  status?: SyncStatus
-  desired?: string
-  live?: string
-  /** True when the resource is unmanaged/hook (rendered muted). */
-  hook?: boolean
-}
-
-/** The full application diff payload. Returned by `getDiff`. */
-export interface AppDiff {
-  items: ResourceDiff[]
-}
-
-// ──────────────────────────────────────────────────────────────────────────────
-// Mutations — sync + rollback request bodies.
-// ──────────────────────────────────────────────────────────────────────────────
-
-/** Body for `POST /v1/gitops/{name}/sync`. */
-export interface SyncRequest {
-  /** Target revision; omit to sync to the source's configured revision. */
-  revision?: string
-  /** Prune resources that no longer exist in the desired state. */
-  prune?: boolean
-  /** Server-side dry-run (compute the plan without applying). */
-  dryRun?: boolean
-  /** Restrict the sync to specific resources (default: all). */
-  resources?: ResourceRef[]
-}
-
-/** Body for `POST /v1/gitops/{name}/rollback`. */
-export interface RollbackRequest {
-  /** The history id (from `DeployRevision.id`) to roll back to. */
-  id: number
-  prune?: boolean
-  dryRun?: boolean
-}
-
-/** The response to a sync/rollback — the operation the engine kicked off. */
-export interface OperationResponse {
-  operationState: OperationState
-}
-
-/** The apps-list response: `GET /v1/gitops`. */
-export interface AppListResponse {
-  items: AppSummary[]
-}

package/src/dashboard.ts

@@ -1,8 +0,0 @@
-// @hanzo/ui/dashboard — the console dashboard kit (landing + deploy pipeline +
-// composable overview primitives + charts/motion layer), re-exported from its
-// home package @hanzo/dashboard. Thin subpath:
-//
-//   import { ... } from '@hanzo/ui/dashboard'
-//
-// Optional peer — only pulled when the subpath is used.
-export * from '@hanzo/dashboard'

package/src/data.ts

@@ -1,12 +0,0 @@
-// @hanzo/ui/data — the metadata-driven record layer.
-//
-// RecordsView, DataTable, BoardView, RecordDetail/RecordForm, the typed field
-// editors (select/relation/calendar/file/JSON/boolean…), the field registry, the
-// pure sort/filter/search/group/view logic, and the tokens. The source of truth
-// is @hanzo/data (pkg/data) — this is the canonical @hanzo/ui entry point for it,
-// so an app depends on ONE package (@hanzo/ui) for both the product layer and the
-// record layer. Do NOT re-implement anything here; add it upstream in @hanzo/data
-// and it flows through.
-//
-//   import { RecordsView, DataTable, registerField } from '@hanzo/ui/data'
-export * from '@hanzo/data'

package/src/gitops.ts

@@ -1,5 +0,0 @@
-// @hanzo/ui/gitops — the CD/GitOps surface, re-exported from its home package
-// @hanzo/gitops (an Apache-2.0 clean-room port of the Argo CD UI). Kept as a thin
-// subpath so a console can `import { GitopsAppList, GitopsAppTree, GitopsNodeInfo,
-// HealthBadge, ... } from '@hanzo/ui/gitops'` while the code lives in one place.
-export * from '@hanzo/gitops'

package/src/gui-env.d.ts

@@ -1,27 +0,0 @@
-/**
- * Registers this package's @hanzo/gui config with the type system so the
- * shorthand style props (bg / px / py / items / justify / gap / rounded …) that
- * the components author against resolve to their concrete types DURING THIS
- * PACKAGE'S OWN COMPILATION.
- *
- * Because the resolution happens here, the emitted `.d.ts` (see
- * `tsconfig.build.json`) bakes in the concrete prop types — a consumer type-checks
- * against the compiled declarations and never has to re-declare this augmentation
- * (nor descend into our `.tsx` internals). Ambient + type-only; never emitted.
- *
- * `GuiCustomConfig` is the extension point declared by @hanzogui/web and re-declared
- * by @hanzogui/core; `InferGuiConfig<typeof defaultConfig>` (the return type of
- * `createGui(defaultConfig)`) is the exact config the components are written for.
- */
-import type { createGui } from '@hanzo/gui'
-import type { defaultConfig } from '@hanzogui/config/v5'
-
-type Conf = ReturnType<typeof createGui<typeof defaultConfig>>
-
-declare module '@hanzogui/web' {
-  interface GuiCustomConfig extends Conf {}
-}
-
-declare module '@hanzogui/core' {
-  interface GuiCustomConfig extends Conf {}
-}

package/src/index.ts

@@ -1,22 +0,0 @@
-// @hanzo/ui — the one Hanzo component library, on @hanzo/gui.
-//
-//   import { PageHeader, Sparkline, EmptyState, tokens } from '@hanzo/ui'        // product + tokens
-//   import { RecordsView, DataTable, registerField } from '@hanzo/ui/data'       // metadata record layer
-//
-// Two orthogonal concerns, ONE package, zero duplication:
-//   • the product/app component layer (this barrel — charts, metrics, headers,
-//     status tags, empty states, combobox, slide-over, toasts, reorder, fields), and
-//   • the metadata-driven record layer (the `./data` subpath — RecordsView and the
-//     typed field editors, whose source of truth is @hanzo/data).
-// Both cross-platform (web + native + desktop), presentational, host-agnostic
-// (data + effects injected), clean-room. The two layers each own a `DataTable`
-// (product = generic typed <T> list; data = field-driven record grid); keeping the
-// record layer on the `./data` subpath keeps each name unambiguous.
-
-// Product/app component layer.
-export * from './product'
-
-// Design tokens — the calm, dark-first zinc-on-black identity (surface, text,
-// accent, tag tones). One source of truth (@hanzo/data's theme), surfaced here
-// for convenience so `import { tokens } from '@hanzo/ui'` works.
-export { tokens, TAG_TONES, tagTone, type TagTone } from '@hanzo/data'

package/src/network.ts

@@ -1,11 +0,0 @@
-// @hanzo/ui/network — the ONE network selector, re-exported from its home module
-// @hanzo/ui-shadcn/network. `NetworkSwitcher` renders the selected environment
-// and a menu of configured networks + a custom-endpoint form, backed by the
-// shared selected-network store; `configureNetworks` swaps the network set so a
-// downstream brand can white-label it. Thin subpath:
-//
-//   import { NetworkSwitcher, useNetwork, configureNetworks, HANZO_NETWORKS,
-//            type Network } from '@hanzo/ui/network'
-//
-// Optional peer — only pulled when the subpath is used.
-export * from '@hanzo/ui-shadcn/network'

package/src/primitives/bases/data/index.ts

@@ -1,13 +0,0 @@
-// @hanzo/ui/primitives/bases/data — the Hanzo Base data-app layer.
-//
-// Source of truth: the `@hanzo/data` workspace package (~/work/hanzo/hanzoai/ui/
-// pkg/data). This file is a passthrough re-export so consumers of @hanzo/ui can
-// pull the metadata-driven record views (RecordsView, DataTable, BoardView,
-// RecordDetail, field editors) without depending on @hanzo/data directly — the
-// same convention the `gui` base uses for `hanzogui`. Subpath resolution makes
-// `@hanzo/ui/primitives/bases/data` equivalent to `@hanzo/data`.
-//
-// Do NOT re-implement components here. Add them upstream in pkg/data and let them
-// flow through this re-export.
-
-export * from '@hanzo/data'

package/src/product/AppHeader.tsx

@@ -1,183 +0,0 @@
-'use client'
-
-/**
- * AppHeader — the shared shell header every Hanzo surface renders: the brand
- * mark top-left (from @hanzo/logo, white-label via `wordmark`/`brand`), an
- * org/project slot (usually `<OrgSwitcher/>`), an app switcher listing the
- * Hanzo surfaces (modeled on the console's AppLauncher), and an identity menu
- * (Profile · Theme · Team settings · Billing · Sign out).
- *
- * Host-agnostic: every action is an injected handler; a row renders only when
- * its handler is provided (honest — no dead menu items). Mobile-first: fluid
- * flex + truncation, the wordmark collapse is the brand motion itself.
- */
-import { useState, type ReactNode } from 'react'
-import { Button, Popover, Separator, Text, XStack, YStack } from '@hanzo/gui'
-import { AppWindow, Bot, CreditCard, Grip, LayoutGrid, LogOut, MessageCircle, Settings2, Sparkles, UserRound, Users } from '@hanzogui/lucide-icons-2'
-
-import { BrandMark } from './BrandMark'
-import { ThemeToggle } from './ThemeToggle'
-import { otherSurfaces, type Surface, type SurfaceId } from './surfaces.data'
-
-/** The per-surface glyph — keyed by `Surface.id`, so each surface reads distinctly. */
-const SURFACE_ICON = {
-  ai: Sparkles,
-  console: LayoutGrid,
-  app: AppWindow,
-  chat: MessageCircle,
-  bot: Bot,
-  team: Users,
-  billing: CreditCard,
-} as const satisfies Record<SurfaceId, unknown>
-
-const openHref = (href: string) => {
-  if (typeof window !== 'undefined') window.open(href, '_blank', 'noopener')
-}
-
-function MenuRow({ icon, label, onPress }: { icon: ReactNode; label: string; onPress: () => void }) {
-  return (
-    <XStack onPress={onPress} cursor="pointer" items="center" gap="$2.5" px="$2" py="$2" rounded="$3" hoverStyle={{ bg: '$color5' }}>
-      {icon}
-      <Text fontSize="$2" color="$color12">
-        {label}
-      </Text>
-    </XStack>
-  )
-}
-
-export type AppHeaderProps = {
-  /** Brand slot — defaults to the animated `<BrandMark/>`. */
-  brand?: ReactNode
-  /** White-label wordmark for the default brand mark. */
-  wordmark?: string
-  /** Brand press (usually "go home"). */
-  onBrand?: () => void
-  /** Org/project slot — usually `<OrgSwitcher/>` (+ a project switcher). */
-  org?: ReactNode
-  /** Free slot between the org slot and the right cluster. */
-  children?: ReactNode
-  /** The surface this header renders on — omitted from the switcher (no self-link). */
-  current?: SurfaceId
-  /** App-switcher surfaces; defaults to every surface but `current`. [] hides it. */
-  surfaces?: Surface[]
-  /** Open a surface — default `window.open` (new tab). */
-  open?: (surface: Surface) => void
-  /** Identity-menu trigger label (the signed-in user's name/email). */
-  user?: string
-  /** Replace the whole identity menu content. */
-  menu?: ReactNode
-  /** Theme row content — default `<ThemeToggle/>`; null hides the row. */
-  theme?: ReactNode
-  onProfile?: () => void
-  onTeam?: () => void
-  onBilling?: () => void
-  onSignOut?: () => void
-}
-
-export function AppHeader({
-  brand,
-  wordmark = 'Hanzo',
-  onBrand,
-  org,
-  children,
-  current,
-  surfaces,
-  open,
-  user,
-  menu,
-  theme,
-  onProfile,
-  onTeam,
-  onBilling,
-  onSignOut,
-}: AppHeaderProps) {
-  const [appsOpen, setAppsOpen] = useState(false)
-  const [menuOpen, setMenuOpen] = useState(false)
-  const items = surfaces ?? otherSurfaces(current)
-  const launch = (s: Surface) => {
-    setAppsOpen(false)
-    if (open) open(s)
-    else openHref(s.href)
-  }
-
-  return (
-    <XStack items="center" gap="$2" px="$3" height={52} borderBottomWidth={1} borderColor="$borderColor" bg="$background">
-      <XStack items="center" cursor={onBrand ? 'pointer' : undefined} onPress={onBrand}>
-        {brand ?? <BrandMark wordmark={wordmark} />}
-      </XStack>
-
-      {org ? (
-        <XStack items="center" minW={0}>
-          {org}
-        </XStack>
-      ) : null}
-
-      <XStack flex={1} items="center" minW={0}>
-        {children}
-      </XStack>
-
-      {items.length > 0 ? (
-        <Popover open={appsOpen} onOpenChange={setAppsOpen} placement="bottom-end">
-          <Popover.Trigger asChild>
-            <Button size="$2" chromeless icon={<Grip size={16} />} aria-label="Apps" />
-          </Popover.Trigger>
-          <Popover.Content bordered elevate p="$2" width={230} bg="$color2" borderColor="$borderColor">
-            <YStack gap="$1">
-              {items.map((s) => {
-                const Icon = SURFACE_ICON[s.id]
-                return (
-                  <XStack key={s.id} onPress={() => launch(s)} cursor="pointer" items="center" gap="$2.5" px="$2" py="$2" rounded="$3" hoverStyle={{ bg: '$color5' }}>
-                    <Icon size={16} />
-                    <Text flex={1} fontSize="$2" fontWeight="600" color="$color12">
-                      {s.label}
-                    </Text>
-                    {s.hint ? (
-                      <Text fontSize="$1" color="$color10">
-                        {s.hint}
-                      </Text>
-                    ) : null}
-                  </XStack>
-                )
-              })}
-            </YStack>
-          </Popover.Content>
-        </Popover>
-      ) : null}
-
-      <Popover open={menuOpen} onOpenChange={setMenuOpen} placement="bottom-end">
-        <Popover.Trigger asChild>
-          <Button size="$2" chromeless icon={<UserRound size={16} />} aria-label="Account">
-            {user ? (
-              <Text fontSize="$2" color="$color12" numberOfLines={1} maxW={140}>
-                {user}
-              </Text>
-            ) : null}
-          </Button>
-        </Popover.Trigger>
-        <Popover.Content bordered elevate p="$2" width={220} bg="$color2" borderColor="$borderColor">
-          {menu ?? (
-            <YStack gap="$1">
-              {onProfile ? <MenuRow icon={<UserRound size={15} />} label="Profile" onPress={() => (setMenuOpen(false), onProfile())} /> : null}
-              {theme !== null ? (
-                <XStack items="center" gap="$2.5" px="$2" py="$1" rounded="$3">
-                  <Text flex={1} fontSize="$2" color="$color12">
-                    Theme
-                  </Text>
-                  {theme ?? <ThemeToggle />}
-                </XStack>
-              ) : null}
-              {onTeam ? <MenuRow icon={<Settings2 size={15} />} label="Team settings" onPress={() => (setMenuOpen(false), onTeam())} /> : null}
-              {onBilling ? <MenuRow icon={<CreditCard size={15} />} label="Billing" onPress={() => (setMenuOpen(false), onBilling())} /> : null}
-              {onSignOut ? (
-                <>
-                  <Separator borderColor="$borderColor" my="$1" />
-                  <MenuRow icon={<LogOut size={15} />} label="Sign out" onPress={() => (setMenuOpen(false), onSignOut())} />
-                </>
-              ) : null}
-            </YStack>
-          )}
-        </Popover.Content>
-      </Popover>
-    </XStack>
-  )
-}

package/src/product/BrandMark.tsx

@@ -1,27 +0,0 @@
-'use client'
-
-/**
- * BrandMark — the canonical brand lockup for an app header, from @hanzo/logo
- * (the ONE home of the mark geometry + motion). Animated by default: intro
- * flip + idle breathing + a wordmark that slides in, holds, then collapses
- * (returns on hover). Pure CSS, reduced-motion-safe; the mark inherits
- * `currentColor` so it themes for free. White-label via `wordmark`.
- */
-import { HanzoLogo } from '@hanzo/logo/react'
-
-import { HanzoMark } from './HanzoMark'
-
-export function BrandMark({
-  size = 20,
-  wordmark = 'Hanzo',
-  animated = true,
-}: {
-  size?: number
-  /** Wordmark text (white-label): "Hanzo", "Lux", "Zoo", … */
-  wordmark?: string
-  /** false = the static mark alone (no motion shell, no wordmark). */
-  animated?: boolean
-}) {
-  if (!animated) return <HanzoMark size={size} />
-  return <HanzoLogo animated size={size} wordmark={wordmark} />
-}