@hai3/react 0.4.0-alpha.1 → 0.4.0-alpha.2

package/commands/hai3-new-component.md

@@ -2,36 +2,35 @@
 # hai3:new-component - Add New UI Component
 
 ## AI WORKFLOW (REQUIRED)
-1) Check if @hai3/uikit has equivalent component first.
+1) Check for existing equivalent in project (e.g. components/ui/) and configured UI library first.
 2) Gather requirements from user.
-3) Determine type: screenset composite (default) | screenset base (rare).
-4) Implement.
+3) Implement.
 
-## CHECK GLOBAL UIKIT FIRST
-- REQUIRED: Before creating screenset component, verify @hai3/uikit lacks equivalent.
-- REQUIRED: Import from @hai3/uikit if component exists there.
+## CHECK EXISTING COMPONENTS FIRST
+- REQUIRED: Read `hai3.config.json` to find the `uikit` value.
+- If uikit is a third-party package (not `shadcn` or `none`): read its exports from `node_modules/<package>/` to check for existing components.
+- REQUIRED: Before creating a new component, scan the project AND the configured UI library for existing equivalents.
+- REQUIRED: Reuse existing components if equivalent exists.
 
 ## GATHER REQUIREMENTS
 Ask user for:
 - Component name (e.g., "DataTable", "ColorPicker").
-- Component type: screenset composite (default) | screenset base (rare).
 - Component description and props.
-- If screenset base: justification why composite is insufficient.
 
 ## IF SCREENSET COMPONENT
 
 ### STEP 0: Determine Subfolder
-- uikit/composite/: Screenset-specific composites (theme tokens only).
-- uikit/base/: Rare primitives needing inline styles (needs strong justification).
+- components/ui/: Base UI primitives (shadcn components or custom).
+- screens/{screen}/components/: Screen-specific components.
+- components/: Shared composites used across screens.
 
 ### STEP 1: Implementation
 
 #### 1.1 Create Component
-File: src/screensets/{screenset}/uikit/{base|composite}/{ComponentName}.tsx
-- composite/: Use theme tokens only (no inline styles).
-- base/: May use inline styles (rare, needs justification).
-- Must be reusable within the screenset.
-- NO @hai3/uicore imports (except types).
+File: src/components/ui/{ComponentName}.tsx (base primitives)
+  or: src/screens/{screen}/components/{ComponentName}.tsx (screen-specific)
+  or: src/components/{ComponentName}.tsx (shared composites)
+- Must be reusable within the MFE.
 - NO Redux or state management.
 - Accept value/onChange pattern for state.
 
@@ -43,8 +42,7 @@ Run: npm run arch:check && npm run dev
 Test component in UI.
 
 ## RULES
-- REQUIRED: Check @hai3/uikit first; screenset uikit only if missing.
-- REQUIRED: Screenset base components need strong justification.
+- REQUIRED: Check existing project UI components first; create new only if missing.
 - FORBIDDEN: Redux, business logic, side effects in components.
-- FORBIDDEN: Inline styles outside uikit/base/.
+- FORBIDDEN: Inline styles outside components/ui/.
 - REQUIRED: Accept value/onChange pattern for state.

package/commands/hai3-new-mfe.md

@@ -76,9 +76,8 @@ class Lifecycle extends ThemeAwareReactLifecycle {
     const div = document.createElement('div');
     shadowRoot.appendChild(div);
 
-    // Initialize Tailwind/UIKit styles
     const style = document.createElement('style');
-    style.textContent = tailwindStyles; // Import from @hai3/uikit
+    style.textContent = tailwindStyles;
     shadowRoot.appendChild(style);
 
     // Render component
@@ -151,7 +150,7 @@ npm run dev:all
 - Set `preview` script with `--port NNNN` for port auto-discovery
 - Use mock data with useState for UI-only MFEs
 - Keep MFE logic isolated and simple
-- Use @hai3/uikit components
+- Use local components (e.g. components/ui/)
 - Run `npm run generate:mfe-manifests` after creating the MFE
 
 ❌ **DON'T:**

package/commands/hai3-new-screen.md

@@ -30,9 +30,8 @@ Ask user for:
    - STOP if MCP connection fails
 
 ## COMPONENT PLAN
-- REQUIRED: Use @hai3/uikit components first; local uikit only if missing.
-- uikit/base/: rare primitives (inline styles allowed, needs justification)
-- uikit/composite/: screenset composites (theme tokens only)
+- REQUIRED: Use local components (e.g. `components/ui/`) — no shared UI kit package.
+- components/ui/: base UI primitives (shadcn components or custom)
 - screens/{screen}/components/: screen-specific components
 
 ## DATA FLOW

package/commands/hai3-new-screenset.md

@@ -36,10 +36,9 @@ Ask user for:
    - STOP if MCP connection fails
 
 ## COMPONENT PLAN
-- REQUIRED: Use @hai3/uikit components first; local uikit only if missing.
-- uikit/base/: rare primitives (inline styles allowed, needs justification)
-- uikit/composite/: screenset composites (theme tokens only)
-- components/: multi-screen components
+- REQUIRED: Use local components (e.g. `components/ui/`) — no shared UI kit package.
+- components/ui/: base UI primitives (shadcn components or custom)
+- components/: multi-screen shared components
 - screens/{screen}/components/: screen-specific components
 
 ## DATA FLOW

package/dist/index.cjs

@@ -81,13 +81,14 @@ __export(src_exports, {
   createHAI3: () => import_framework6.createHAI3,
   createHAI3App: () => import_framework6.createHAI3App,
   createI18nRegistry: () => import_framework6.createI18nRegistry,
-  createShadowRoot: () => import_framework17.createShadowRoot,
+  createShadowRoot: () => import_framework18.createShadowRoot,
   createSlice: () => import_framework6.createSlice,
   createStore: () => import_framework6.createStore,
   createThemeRegistry: () => import_framework6.createThemeRegistry,
   effects: () => import_framework6.effects,
   eventBus: () => eventBus,
-  extractGtsPackage: () => import_framework17.extractGtsPackage,
+  extensionScreenSchema: () => import_framework17.extensionScreenSchema,
+  extractGtsPackage: () => import_framework18.extractGtsPackage,
   footerActions: () => import_framework6.footerActions,
   footerSlice: () => import_framework6.footerSlice,
   getLanguageMetadata: () => import_framework6.getLanguageMetadata,
@@ -101,11 +102,12 @@ __export(src_exports, {
   i18nRegistry: () => import_framework6.i18nRegistry,
   initMockEffects: () => import_framework6.initMockEffects,
   initTenantEffects: () => import_framework6.initTenantEffects,
-  injectCssVariables: () => import_framework17.injectCssVariables,
+  injectCssVariables: () => import_framework18.injectCssVariables,
   isMockPlugin: () => import_framework6.isMockPlugin,
   isRestShortCircuit: () => import_framework6.isRestShortCircuit,
   isShortCircuit: () => import_framework6.isShortCircuit,
   isSseShortCircuit: () => import_framework6.isSseShortCircuit,
+  languageSchema: () => import_framework17.languageSchema,
   layout: () => import_framework6.layout,
   layoutDomainReducers: () => import_framework6.layoutDomainReducers,
   layoutReducer: () => import_framework6.layoutReducer,
@@ -165,6 +167,7 @@ __export(src_exports, {
   tenantActions: () => import_framework6.tenantActions,
   tenantReducer: () => import_framework6.tenantReducer,
   tenantSlice: () => import_framework6.tenantSlice,
+  themeSchema: () => import_framework17.themeSchema,
   themes: () => import_framework6.themes,
   toggleMenu: () => import_framework6.toggleMenu,
   toggleMockMode: () => import_framework6.toggleMockMode,
@@ -724,7 +727,8 @@ var import_framework15 = require("@hai3/framework");
 var import_framework16 = require("@hai3/framework");
 var import_framework17 = require("@hai3/framework");
 var import_framework18 = require("@hai3/framework");
-var eventBus = import_framework18.eventBus;
+var import_framework19 = require("@hai3/framework");
+var eventBus = import_framework19.eventBus;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACCOUNTS_DOMAIN,
@@ -794,6 +798,7 @@ var eventBus = import_framework18.eventBus;
   createThemeRegistry,
   effects,
   eventBus,
+  extensionScreenSchema,
   extractGtsPackage,
   footerActions,
   footerSlice,
@@ -813,6 +818,7 @@ var eventBus = import_framework18.eventBus;
   isRestShortCircuit,
   isShortCircuit,
   isSseShortCircuit,
+  languageSchema,
   layout,
   layoutDomainReducers,
   layoutReducer,
@@ -872,6 +878,7 @@ var eventBus = import_framework18.eventBus;
   tenantActions,
   tenantReducer,
   tenantSlice,
+  themeSchema,
   themes,
   toggleMenu,
   toggleMockMode,