Horizech HUI

Public UI package for Horizech Workspace apps, plugins, and providers.

Usage

Import only from @horizech/hui in app/plugin code.

import { HUIButton, HUIConfirmDialog, AppShell, HUIShortText, HUIElementsList } from "@horizech/hui";

Styles (design tokens + AppShell host CSS):

import "@horizech/hui/styles/tokens.css";
import "@horizech/hui/styles/shell.css";

What this package is

• Primitives — re-exported from @horizech/hui (Input, Dialog, AppShell, …). That package is an implementation detail / peer dependency.
• Composed chrome — HUIButton (chrome/hui-button/), HUIConfirmDialog (chrome/hui-confirm-dialog/). Prefer these HUI* names — no unprefixed Button/ConfirmDialog in remotes.
• HUI fields — form controls for dynamic schemas (HUIShortText, HUISelect, …) under fields/hui-*/, plus HUIElementsList.
• Page layouts — PageSimple, PageCarded, ThemeLayout for hws_core / remotes.

Full component list with explanations: COMPONENTS.md.

Visual language matches workspace.horizech.com: indigo accent on a slate neutral spine, Linear/minimal chrome.

After changing HUI or a component

Day-to-day rebuild / ProgramData copy steps: DEV-WORKFLOW.md.

Local build plan (hosts → HUI only)

HUI (^0.0.6) and base (^0.1.1) both install from npm, and hosts no longer hardcode sibling-checkout paths. Building both to dist/ so consumers stop needing transpilePackages for raw TS is still open: BUILD-LOCAL.md.

Migrating an app

Step-by-step guide for remotes (Records pattern) and hosts: see MIGRATION.md.

Quick runbook (status table + build all migrated dist/): script.md — PowerShell: build-migrated-hui.ps1.