api_binding_ui 1.0.0 → 1.1.0

package/README.md

@@ -1,6 +1,8 @@
 # API Binding Studio (api_binding_ui)
 
-API Binding Studio (`api_binding_ui`) is an isolated, browser-side visual API mapping, simulation, and verification engine designed for enterprise web applications. It enables engineers, business analysts, and QA specialists to visually bind user interface components and action buttons to backend REST/OpenAPI endpoints, inspect live request payloads, and execute interactive end-to-end simulations without modifying production code or sending destructive mutations to live servers.
+API Binding Studio (`api_binding_ui`) is a browser-side visual API mapper with generic offline request validation. Import OpenAPI contracts, propose editable component mappings, inspect request parts and validate their schemas without calling a server. Validation is not an end-to-end API test or proof of authorization/server behavior.
+
+Version 1.1.0 adds `buildCatalogFromOpenApi(parsedDocument)`, operation descriptions/tags, location-aware parameters, JSON object conversion, headers, `validateRequest`, `validateBindings` and context-sensitive `verificationSignature`. The workspace uses the generic `ValidationDialog`; legacy note simulation exports remain available separately. See [SKILL.md](./SKILL.md) for the complete host integration and seed examples.
 
 ---
 
@@ -41,31 +43,22 @@ The studio UI relies entirely on design token custom properties:
 
 When rendered within an application that declares these variables, the studio immediately inherits the host styling. Standalone fallback values are bundled to ensure rendering fidelity when loaded outside the parent shell.
 
-### 5. Zero-Network Simulation and Verification Engine (`src/components/SimulationDialog.tsx`)
+### 5. Zero-Network Request Validation (`src/components/ValidationDialog.tsx`)
 Before any configuration can be marked as verified or applied:
 - The engine constructs actual HTTP request payloads (headers, query parameters, path variables, request bodies).
 - Dynamic value coercion handles arrays (`number[]`, `string[]`), booleans, nested object dot-paths (`customer.billing.id`), and static text overrides.
-- An interactive simulation environment executes the mapped submission against sample datasets without initiating actual network fetch operations.
-- Verifications validate all required fields, parameter constraints, and record iterators before recording a cryptographic-style fingerprint of the verified configuration.
+- Ajv validates supported JSON Schema request constraints for all configured read/write calls using captured or user-supplied sample inputs.
+- Validation signatures cover configuration, contracts and captured context. They are consistency checks, not cryptographic security or server verification. No fake saved-record retrieval is required.
+- Multiple selected rows can supply array values; scalar row parameters require one row. There is no live request executor or automatic per-row dispatch.
 
 ---
 
 ## Installation
 
-Add `api_binding_ui` to your application dependencies:
-
-```json
-{
-  "dependencies": {
-    "api_binding_ui": "file:../api_binding_ui"
-  }
-}
-```
-
-Or via your package manager when using an internal package registry:
+After the 1.1.0 release has been published, install it from npm:
 
 ```bash
-npm install api_binding_ui
+npm install api_binding_ui@1.1.0
 # or
 yarn add api_binding_ui
 # or
@@ -131,10 +124,12 @@ export function App() {
 
 Place `<BindApiButton />` inside your modal dialogs, slide-out drawers, form panels, or screen toolbars.
 
+Supply a complete `ApiDefinition[]` catalog and a per-window `MappingFile` seed. For an OpenAPI file attached to an AI coding task, generate the static catalog from the attachment; the app does not need to store or parse YAML at runtime. If the host already has a parsed OpenAPI 3.0/3.1 object, it may use `buildCatalogFromOpenApi(parsedOpenApi)`. Neither catalog discovery nor semantic mapping inference happens automatically at runtime. Have the host AI generate high-confidence seeds using OpenAPI names, descriptions, tags and actual components; leave ambiguities editable. A `hook` string identifies a catalog operation; it does not create an executable hook.
+
 #### Example A: Dialog with Data Grid Context
 ```tsx
 import * as React from "react";
-import { BindApiButton } from "api_binding_ui";
+import { BindApiButton, type ApiDefinition, type MappingFile } from "api_binding_ui";
 
 interface CustomerRecord {
   customerId: number;
@@ -146,10 +141,14 @@ export function AddNotesModal({
   open,
   onClose,
   selectedCustomers,
+  definitions,
+  mappingFile,
 }: {
   open: boolean;
   onClose: () => void;
   selectedCustomers: CustomerRecord[];
+  definitions: ApiDefinition[];
+  mappingFile: MappingFile;
 }) {
   if (!open) return null;
 
@@ -201,6 +200,8 @@ export function AddNotesModal({
         </button>
 
         <BindApiButton
+          definitions={definitions}
+          mappingFile={mappingFile}
           appId="collections"
           windowId="worklist-add-notes"
           source="Add Notes Dialog"
@@ -223,9 +224,9 @@ export function AddNotesModal({
 #### Example B: Standalone Screen or Drawer without a Grid
 ```tsx
 import * as React from "react";
-import { BindApiButton } from "api_binding_ui";
+import { BindApiButton, type ApiDefinition, type MappingFile } from "api_binding_ui";
 
-export function CreateDisputeDrawer({ isOpen, onClose }: { isOpen: boolean; onClose: () => void }) {
+export function CreateDisputeDrawer({ isOpen, onClose, definitions, mappingFile }: { isOpen: boolean; onClose: () => void; definitions: ApiDefinition[]; mappingFile: MappingFile }) {
   if (!isOpen) return null;
 
   const reasonCodes = [
@@ -256,6 +257,8 @@ export function CreateDisputeDrawer({ isOpen, onClose }: { isOpen: boolean; onCl
           <button type="submit">Submit Dispute</button>
 
           <BindApiButton
+            definitions={definitions}
+            mappingFile={mappingFile}
             appId="receivables"
             windowId="dispute-create"
             source="Create Dispute"
@@ -279,14 +282,14 @@ export function CreateDisputeDrawer({ isOpen, onClose }: { isOpen: boolean; onCl
 
 | Prop | Type | Default | Description |
 | :--- | :--- | :--- | :--- |
-| `appId` | `string` | `"default"` | Identifier of the parent application module. |
+| `appId` | `string` | `"app"` | Identifier of the parent application module. |
 | `windowId` | `string` | *(Required)* | Stable identifier of the screen, dialog, or form. |
 | `source` | `string` | *(Required)* | Human-readable title of the current screen or action. |
 | `parent` | `string` | *(Required)* | Human-readable title of the parent view or grid. |
 | `grid` | `BindingGrid` | `undefined` | Grid context including `gridId`, `columns`, and `rows` when actions target selected records. |
 | `parents` | `SnapshotContext[]` | `undefined` | Array of parent context hierarchies for multi-level navigation. |
 | `kind` | `WindowKind` | Automatic | `"dialog" \| "drawer" \| "screen" \| "action-form"`. Detected automatically if omitted. |
-| `trigger` | `WindowTrigger` | `undefined` | Metadata regarding the invocation trigger (button text, hotkey, icon). |
+| `trigger` | `WindowTrigger` | `undefined` | Invocation metadata: `button`, `needsSelection`, `gridId`. |
 | `options` | `Record<string, BindingOption[]>` | `{}` | Lookup options for select and combobox fields. Supports `{ value, label, subject, description }`. |
 | `definitions` | `ApiDefinition[]` | `[]` | Registered API endpoints catalog available for mapping. |
 | `mappingFile` | `MappingFile \| null` | `null` | Pre-existing mapping file to preload. |
@@ -334,6 +337,7 @@ When an engineer or analyst clicks **Apply Binding** inside the Studio, the veri
 Host components can listen to applied bindings using the `useAppliedBinding` hook:
 
 ```tsx
+import * as React from "react";
 import { useAppliedBinding } from "api_binding_ui";
 
 export function AddNotesModal() {
@@ -356,6 +360,8 @@ export function AddNotesModal() {
 
 ## Testing and Verification
 
+`useAppliedBinding` observes stored configuration only; the host retains responsibility for any live execution, response-to-field population and durable persistence. Draft edits take precedence over new seeds. Captured context lives in same-origin browser storage; exclude sensitive fields and keep credentials out of snapshots and fixed values. External schema references must be bundled before import. Cookie parameters, non-JSON bodies, non-object root bodies and unsupported wire serialization produce contract limitations rather than network fallbacks.
+
 Run test suites using the bundled test runner:
 
 ```bash
@@ -377,6 +383,10 @@ The build produces:
 - `dist/api-binding-ui.css`: Compiled style bundle with `--ds-*` design token bridges.
 - `dist/**/*.d.ts`: TypeScript declaration definitions.
 
+## Manual Release
+
+The original Bun/PowerShell build scripts are unchanged. Run `bun test`, `bun run build`, then `npm pack --dry-run` and inspect the archive/exports. Publish version 1.1.0 yourself using `npm publish` after reviewing the diff. This project has not been published automatically. The Lovable handoff prompt is a separate local document, not part of the npm package's files list.
+
 ---
 
 ## License

package/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: api-binding-ui
-description: Instructions for AI agents to integrate API Binding Studio (api_binding_ui) into React application screens, modals, drawers, and forms.
+description: "Use when integrating api_binding_ui into React screens, dialogs, drawers or forms, importing OpenAPI contracts, proposing component mappings, or validating requests offline."
 ---
 
 # API Binding Studio Integration Skill
@@ -21,17 +21,51 @@ Apply this skill whenever any of the following conditions are met:
 
 ## 2. Dependency Verification
 
-Verify that `package.json` contains `api_binding_ui`:
+Install the published release using the host's package manager and update its existing lockfile:
 
-```json
-{
-  "dependencies": {
-    "api_binding_ui": "file:../api_binding_ui"
-  }
-}
+```bash
+npm install api_binding_ui
+```
+
+Use the published package from the host project's package manager. Do not use a local filesystem dependency in a deployed project.
+
+### Catalog And Proposed Mappings Are Host Responsibilities
+
+The package performs visual mapping and offline request validation, not live API execution or runtime AI inference. Lovable's AI should inspect the host components and attached OpenAPI descriptions/tags, then generate editable per-window `MappingFile` seeds. `proposeConfig` imports those seeds; it does not guess endpoints.
+
+For an OpenAPI file attached to an AI coding task, have the AI generate a static typed `ApiDefinition[]` module from that file; do not copy the YAML into the app or add a runtime YAML parser just for binding. `buildCatalogFromOpenApi` is available when a host already has a parsed OpenAPI 3.0/3.1 object, but is not required for a generated static catalog. The catalog should preserve operationId, summary, description, tags, parameter descriptions and request schemas. `definitions` must be passed to every `BindApiButton` through a shared host wrapper; the default is an empty array, not automatic API discovery. `hook` is a catalog identifier, not a callable client.
+
+Use the exported `windowIds` and `componentId` helpers instead of deriving keys or action names twice:
+
+```tsx
+import { componentId, windowIds, type MappingFile } from "api_binding_ui";
+
+const ids = windowIds({ appId: "collections", gridId: "worklistUIGrid", windowId: "worklist-add-notes" });
+export const mappingFile: MappingFile = {
+  key: ids.key,
+  app: ids.appId,
+  grid: ids.gridId,
+  window: ids.windowId,
+  name: "Add Notes",
+  savedAt: new Date().toISOString(),
+  read: [],
+  write: [{
+    component: componentId({ kind: "button", name: "Submit" }),
+    api: "/cls/v1/notes",
+    method: "POST",
+    params: [
+      { param: "noteSubject", in: "body", source: "subject", property: "subject" },
+      { param: "noteDescription", in: "body", source: "notes", property: "notes" },
+      { param: "noteTypeId", in: "body", source: "notesType", property: "notesType" },
+      { param: "customerId", in: "body", source: "worklistUIGrid", property: "worklistUIGrid.customerId" },
+    ],
+  }],
+};
 ```
 
-If missing, add it to dependencies or prompt the user to link the local package.
+This example assumes the real button is Submit, option values are numeric note-type IDs and exactly one customer is selected. Use actual host IDs and labels. `noteType` is a separate string property from `noteTypeId`. Never rename API fields to fit a simulator, substitute a customer ID for a note ID, or fabricate lookup APIs. Multiple selected rows feed comma-joined array values; scalar parameters require one row. The package does not dispatch one live request per row.
+
+Match APIs using component labels/names, window and parent entity, operationId, summary, description, tags and schema compatibility. POST search operations are reads. Automatically populate only high-confidence mappings; leave missing or ambiguous sources unresolved with a report. Do not invent IDs, credentials or defaults. Fields use their actual names as sources, parents use `<windowId>.<fieldName>`, and literals use the exported `FREE_TEXT_SOURCE` with the literal in `property`. Preserve `in` to distinguish same-name path/body/query/header parameters.
 
 ---
 
@@ -70,6 +104,8 @@ export function ApiBindingRoute() {
 }
 ```
 
+Register this component explicitly in the existing React Router tree with `<Route path="/api-binding/:key" element={<ApiBindingRoute />} />`; the component alone does not register a route. Do not add a second BrowserRouter. For TanStack, follow the host's existing file/code route conventions. Import package CSS once. The studio opens a named same-origin tab inside the host app; verify popup permissions, direct-route refresh and deployment fallback routing.
+
 ---
 
 ## 4. Host Form Integration Rules
@@ -130,7 +166,7 @@ If the screen does not operate on a grid (such as a standalone dispute creation
 ### Pattern A: Modal Dialog Triggered from a Data Grid
 ```tsx
 import * as React from "react";
-import { BindApiButton } from "api_binding_ui";
+import { BindApiButton, type ApiDefinition, type MappingFile } from "api_binding_ui";
 
 interface CustomerRecord {
   customerId: number;
@@ -141,10 +177,14 @@ export function AddNotesModal({
   open,
   onClose,
   selectedCustomers,
+  definitions,
+  mappingFile,
 }: {
   open: boolean;
   onClose: () => void;
   selectedCustomers: CustomerRecord[];
+  definitions: ApiDefinition[];
+  mappingFile: MappingFile;
 }) {
   if (!open) return null;
 
@@ -190,6 +230,8 @@ export function AddNotesModal({
         <button type="submit">Submit</button>
 
         <BindApiButton
+          definitions={definitions}
+          mappingFile={mappingFile}
           appId="collections"
           windowId="worklist-add-notes"
           source="Add Notes"
@@ -212,9 +254,9 @@ export function AddNotesModal({
 ### Pattern B: Standalone Drawer or Form without Grid
 ```tsx
 import * as React from "react";
-import { BindApiButton } from "api_binding_ui";
+import { BindApiButton, type ApiDefinition, type MappingFile } from "api_binding_ui";
 
-export function DisputeDrawer({ open, onClose }: { open: boolean; onClose: () => void }) {
+export function DisputeDrawer({ open, onClose, definitions, mappingFile }: { open: boolean; onClose: () => void; definitions: ApiDefinition[]; mappingFile: MappingFile }) {
   if (!open) return null;
 
   const disputeReasons = [
@@ -245,6 +287,8 @@ export function DisputeDrawer({ open, onClose }: { open: boolean; onClose: () =>
           <button type="submit">Submit Dispute</button>
 
           <BindApiButton
+            definitions={definitions}
+            mappingFile={mappingFile}
             appId="receivables"
             windowId="disputes-create"
             source="Create Dispute"
@@ -264,9 +308,10 @@ export function DisputeDrawer({ open, onClose }: { open: boolean; onClose: () =>
 
 ## 6. Listening to Applied Configurations
 
-When the user verifies and applies an API binding inside the Studio, the configuration is stored in browser storage. The parent screen can react to this using `useAppliedBinding`:
+When the user validates requests and applies a binding, the configuration is stored in browser storage. `useAppliedBinding` only observes it: it does not submit requests, populate fields from responses, or write repository files. Preserve existing host API clients/runtime behavior. Live execution is a separate integration task.
 
 ```tsx
+import * as React from "react";
 import { useAppliedBinding } from "api_binding_ui";
 
 export function ScreenComponent() {
@@ -292,3 +337,14 @@ Before completing an integration task, the AI agent must verify:
 3. Dropdown choices are forwarded in the `options` record.
 4. The application router has an active route at `/api-binding/$key` mounting `<ApiBindingWorkspace />`.
 5. No emojis or informal characters are introduced into the code or documentation.
+6. Every trigger supplies the contract `definitions` and its own proposed/saved `mappingFile`. Existing browser drafts take precedence over seeds; never erase all browser storage to refresh defaults.
+7. Portal/custom controls are scoped to their actual owner using `containerRef`, `containerSelector`, `rootElement` or `formId`. Custom widgets expose their real values through `name`/`data-value` or a complete `components` override; `components` and `buttons` replace, not append to, discovery.
+8. Pass actual dropdown options and live selected rows. Use `notifySelectionUpdate(pageKey, { id: gridId, rows })` when selection changes while the studio is open. Forward `parents`, `kind` and `trigger` through host wrappers.
+9. Validate all configured read/write requests through the generic Validate dialog, including read-only mappings and non-Submit buttons. Offline validation covers request constraints, not network access, authorization, responses or business success. Legacy `simulateSave`/`SimulationDialog` remain note-specific exports and are not the workspace's validation flow.
+10. Config, contract and captured source changes require revalidation; existing draft mappings survive the upgrade but old verification tokens do not authorize Apply. Never manually forge applied storage or signatures.
+11. Do not capture passwords, tokens or secrets in snapshots/options/mappings. Pass an explicit safe component list for sensitive forms and keep authentication in the existing secure client. Browser snapshots, selections and drafts contain captured data and are not shared server-side persistence.
+12. Run host tests/typecheck/build and browser-check every binding trigger, selected-row updates, standalone forms, similar window names, popup restrictions, existing drafts, metadata and desktop/mobile layout. Confirm that opening, previewing and validating send no API request.
+
+## Migration From api-binding-studio
+
+The older wrapper's `apiInfoList`, `onSave` and `grid.id` are not new-button props. Replace them with `definitions`, `mappingFile` and `grid.gridId`. The package renders its own button: do not nest another Button inside it. A browser Apply does not replace a server-side source-file save handler. Preserve or explicitly report legacy file persistence/runtime behavior rather than claiming it was migrated automatically. Prepare the host changes inside the Lovable app only; do not copy this package's studio code.

package/dist/api-binding-ui.css

@@ -5,6 +5,10 @@
 
 
 /* src/styles/workspace.css */
+.binding-workspace, .binding-workspace * {
+  box-sizing: border-box;
+}
+
 .binding-workspace, .api-binding, .binding-v2 {
   display: flex;
   background: var(--ds-color-background, #fff);

package/dist/components/ValidationDialog.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ApiBindingConfig, ApiBindingContext } from "../types";
+export declare function ValidationDialog({ config, context, onClose, onVerified }: {
+    config: ApiBindingConfig;
+    context: ApiBindingContext;
+    onClose: () => void;
+    onVerified: (signature: string) => void;
+}): React.JSX.Element;

package/dist/core/model.d.ts

@@ -4,7 +4,7 @@
  */
 import type { ActionContext, ApiBindingConfig, ApiBindingContext, ApiDefinition, BindingCall, BindingPurpose, ParamMapping, RequestPreviewItem, SampleNote, SimulationInput } from "../types";
 import { isButtonId } from "./componentId";
-export declare const CONFIG_VERSION = 1;
+export declare const CONFIG_VERSION = 2;
 export declare const draftKey: (key: string) => string;
 export declare const appliedKey: (key: string) => string;
 export declare const fingerprint: (config: ApiBindingConfig) => string;
@@ -49,6 +49,12 @@ export declare function simulateSave(config: ApiBindingConfig, context: ApiBindi
     errors: string[];
     requests: RequestPreviewItem[];
 };
+export declare function validateBindings(config: ApiBindingConfig, context: ApiBindingContext, form?: {
+    [k: string]: string;
+}): string[];
+export declare function verificationSignature(config: ApiBindingConfig, context: ApiBindingContext, form?: {
+    [k: string]: string;
+}): string;
 export declare function canApply(config: ApiBindingConfig, context: ApiBindingContext, verified: string | null): boolean;
 export declare function fieldSummary(config: ApiBindingConfig, context: ApiBindingContext, name: string): {
     from: string;

package/dist/core/openapi.d.ts

@@ -0,0 +1,2 @@
+import type { ApiDefinition } from "../types";
+export declare function buildCatalogFromOpenApi(document: unknown): ApiDefinition[];

package/dist/core/validation.d.ts

@@ -0,0 +1,2 @@
+import type { ApiDefinition, RequestParts } from "../types";
+export declare function validateRequest(parts: RequestParts, definition: ApiDefinition): string[];

package/dist/core/valueCoercion.d.ts

@@ -11,4 +11,7 @@ export declare function coerceScalar(text: string, base: string): Scalar | undef
 export declare function coerce(text: string, type: string): Scalar | Scalar[] | undefined;
 export declare const FREE_TEXT_SOURCE = "freeText";
 export declare function resolveParam(p: ParamMapping, ctx: ActionContext): string | undefined;
+export declare const parameterKey: (name: string, location?: string) => string;
+export declare function parameterFor(mapping: ParamMapping, spec: ApiParameter[]): ApiParameter | undefined;
+export declare function coerceValue(text: string, spec: ApiParameter): unknown;
 export declare function buildRequest(mappings: ParamMapping[], ctx: ActionContext, spec: ApiParameter[]): RequestParts;

package/dist/index.css

@@ -5,6 +5,10 @@
 
 
 /* src/styles/workspace.css */
+.binding-workspace, .binding-workspace * {
+  box-sizing: border-box;
+}
+
 .binding-workspace, .api-binding, .binding-v2 {
   display: flex;
   background: var(--ds-color-background, #fff);

package/dist/index.d.ts

@@ -3,12 +3,14 @@
  */
 import "./styles/index.css";
 export * from "./types";
-export { CONFIG_VERSION, SUBMIT, CANCEL, CUSTOMER_PARAM, draftKey, appliedKey, fingerprint, newCallId, definitionFor, methodsFor, apisOf, fieldId, reconcileCallParams, proposeConfig, reconcileConfig, migrateConfig, callsFor, changeCallTarget, droppedBy, populated, changePurpose, newCall, moveCall, setParamSource, gridPaths, componentLabel, endpointLabel, callIssues, issuesFor, actionContext, snapshotForm, resolutionIssues, previewRequests, isNoteContract, isSimulated, simulatorGaps, simulationErrors, simulationForm, simulateSave, canApply, fieldSummary, isButton, } from "./core/model";
+export { CONFIG_VERSION, SUBMIT, CANCEL, CUSTOMER_PARAM, draftKey, appliedKey, fingerprint, newCallId, definitionFor, methodsFor, apisOf, fieldId, reconcileCallParams, proposeConfig, reconcileConfig, migrateConfig, callsFor, changeCallTarget, droppedBy, populated, changePurpose, newCall, moveCall, setParamSource, gridPaths, componentLabel, endpointLabel, callIssues, issuesFor, actionContext, snapshotForm, resolutionIssues, previewRequests, isNoteContract, isSimulated, simulatorGaps, simulationErrors, simulationForm, simulateSave, canApply, validateBindings, verificationSignature, fieldSummary, isButton, } from "./core/model";
 export { contextKey, storeBindingContext, readBindingContext, validBindingContext, validContext, openBindingStudio, notifyApplied, notifySelectionUpdate, type OpenStudioOptions, } from "./core/transport";
 export { friendlyLabel, buildCatalogFromRegistry, type RawBindings, } from "./core/catalog";
+export { buildCatalogFromOpenApi } from "./core/openapi";
+export { validateRequest } from "./core/validation";
 export { FREE_TEXT_SOURCE, FREE_TEXT_OPTION, storageKey, storeSnapshot, readSnapshot, windowIds, gridPropertyPaths, contextComponents, sourceComponents, discoverFormComponents, discoverButtons, buildSnapshot, } from "./core/bindingContext";
 export { componentId, isButtonId, parseComponentId, normalizeComponent, type ComponentDescriptor, } from "./core/componentId";
-export { baseType, coerceScalar, coerce, resolveParam, buildRequest, type Scalar, } from "./core/valueCoercion";
+export { baseType, coerceScalar, coerce, resolveParam, buildRequest, parameterKey, parameterFor, coerceValue, type Scalar, } from "./core/valueCoercion";
 export { useAppliedBinding } from "./hooks/useAppliedBinding";
 export { BindApiButton, type BindApiButtonProps } from "./components/BindApiButton";
 export { ApiBindingWorkspace, ApiBindingStudio, type ApiBindingWorkspaceProps } from "./components/ApiBindingWorkspace";
@@ -16,6 +18,7 @@ export { WorkspaceComponentsProvider, useWorkspaceComponents } from "./component
 export { ApiMappings } from "./components/ApiMappings";
 export { RequestPreview } from "./components/RequestPreview";
 export { SimulationDialog } from "./components/SimulationDialog";
+export { ValidationDialog } from "./components/ValidationDialog";
 export { AppGrid, createActionColumn, type AppGridColDef, type AppGridProps } from "./components/ui/AppGrid";
 export { Button, ButtonBar, ButtonGroup, type ButtonProps } from "./components/ui/Button";
 export { Badge, type BadgeProps } from "./components/ui/Badge";