@adoptai/genui-components 0.1.33 → 0.1.54

package/dist/schemas/workflow-stepper.d.ts

@@ -0,0 +1,123 @@
+import { z } from "zod";
+export declare const workflowStepperSchema: z.ZodObject<{
+    type: z.ZodLiteral<"workflow-stepper">;
+    id: z.ZodOptional<z.ZodString>;
+    title: z.ZodString;
+    period: z.ZodOptional<z.ZodString>;
+    badge: z.ZodOptional<z.ZodString>;
+    active_step: z.ZodOptional<z.ZodString>;
+    steps: z.ZodArray<z.ZodObject<{
+        id: z.ZodString;
+        n: z.ZodOptional<z.ZodNumber>;
+        title: z.ZodString;
+        sub: z.ZodOptional<z.ZodString>;
+        status: z.ZodEnum<{
+            pending: "pending";
+            active: "active";
+            done: "done";
+            blocked: "blocked";
+            failed: "failed";
+            review: "review";
+        }>;
+        assignees: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            name: z.ZodString;
+            kind: z.ZodEnum<{
+                agent: "agent";
+                human: "human";
+            }>;
+            initials: z.ZodOptional<z.ZodString>;
+            color: z.ZodOptional<z.ZodString>;
+            role: z.ZodOptional<z.ZodString>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+export declare const workflowStepperTool: {
+    name: string;
+    description: string;
+    input_schema: {
+        type: "object";
+        properties: {
+            type: {
+                type: string;
+                enum: string[];
+            };
+            id: {
+                type: string;
+                description: string;
+            };
+            title: {
+                type: string;
+                description: string;
+            };
+            period: {
+                type: string;
+                description: string;
+            };
+            badge: {
+                type: string;
+                description: string;
+            };
+            active_step: {
+                type: string;
+                description: string;
+            };
+            steps: {
+                type: string;
+                minItems: number;
+                maxItems: number;
+                items: {
+                    type: string;
+                    properties: {
+                        id: {
+                            type: string;
+                        };
+                        n: {
+                            type: string;
+                            description: string;
+                        };
+                        title: {
+                            type: string;
+                        };
+                        sub: {
+                            type: string;
+                            description: string;
+                        };
+                        status: {
+                            type: string;
+                            enum: string[];
+                        };
+                        assignees: {
+                            type: string;
+                            maxItems: number;
+                            items: {
+                                type: string;
+                                properties: {
+                                    name: {
+                                        type: string;
+                                    };
+                                    kind: {
+                                        type: string;
+                                        enum: string[];
+                                    };
+                                    initials: {
+                                        type: string;
+                                    };
+                                    color: {
+                                        type: string;
+                                    };
+                                    role: {
+                                        type: string;
+                                    };
+                                };
+                                required: string[];
+                            };
+                        };
+                    };
+                    required: string[];
+                };
+            };
+        };
+        required: string[];
+    };
+};
+//# sourceMappingURL=workflow-stepper.d.ts.map

package/dist/schemas/workflow-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-stepper.d.ts","sourceRoot":"","sources":["../../src/schemas/workflow-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA+BhC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C/B,CAAC"}

package/dist/shared/FitText.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export interface FitTextProps {
+    children: React.ReactNode;
+    /** Largest font size (px) — the natural size used when the text fits. */
+    max?: number;
+    /** Smallest font size (px) before ellipsis takes over. */
+    min?: number;
+    title?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Single-line text that scales its font-size DOWN (from `max` to `min`) until
+ * it fits its container's width — so a big value (e.g. "$1,234,567,890.00")
+ * stays readable on one line instead of overflowing the card. At `min` it
+ * falls back to ellipsis (+ a `title` tooltip). Re-fits on container resize.
+ *
+ * The container must give it a width (it renders `display:block; minWidth:0`,
+ * so a flex/grid parent with `minWidth:0` works).
+ */
+export declare function FitText({ children, max, min, title, className, style }: FitTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FitText.d.ts.map

package/dist/shared/FitText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FitText.d.ts","sourceRoot":"","sources":["../../src/shared/FitText.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAQ,EAAE,GAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,YAAY,2CA6C9F"}

package/dist/shared/InteractionContext.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+/**
+ * Host-provided interaction channel for composites that support selection
+ * (e.g. workflow-stepper step clicks driving a transcript filter).
+ *
+ * Mirrors ThemeContext: safe no-op defaults so composites render inert when
+ * the host does not mount the provider (storybook, plain chat embeds).
+ */
+export interface GenUIInteraction {
+    selectedStepId: string | null;
+    onStepSelect?: (stepId: string | null) => void;
+}
+export declare const DEFAULT_INTERACTION: GenUIInteraction;
+export interface GenUIInteractionProviderProps {
+    value: GenUIInteraction;
+    children: React.ReactNode;
+}
+export declare function GenUIInteractionProvider({ value, children }: GenUIInteractionProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useGenUIInteraction(): GenUIInteraction;
+//# sourceMappingURL=InteractionContext.d.ts.map

package/dist/shared/InteractionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InteractionContext.d.ts","sourceRoot":"","sources":["../../src/shared/InteractionContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,mBAAmB,EAAE,gBAGjC,CAAC;AAIF,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,gBAAgB,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,wBAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,6BAA6B,2CAM1F;AAED,wBAAgB,mBAAmB,IAAI,gBAAgB,CAEtD"}

package/dist/shared/styles.d.ts

@@ -0,0 +1,14 @@
+import type React from "react";
+/**
+ * Single-line text that shrinks (instead of overflowing) inside a constrained
+ * box. Requires the element AND its flex/grid ancestors to allow shrinking —
+ * `minWidth: 0` is the load-bearing part. Use for labels / secondary values.
+ */
+export declare const TRUNCATE: React.CSSProperties;
+/**
+ * Right-aligned numeric table cell: tabular figures + no wrapping, so amounts
+ * stay on one line and the table scrolls (within a `min-width:0; overflow-x:auto`
+ * wrapper) rather than breaking digits or overflowing the page.
+ */
+export declare const NUMERIC_CELL: React.CSSProperties;
+//# sourceMappingURL=styles.d.ts.map

package/dist/shared/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/shared/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAK5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,aAIhC,CAAC"}

package/dist/tool-definitions.json

@@ -1,7 +1,7 @@
 {
-  "version": "0.1.33",
-  "generated_at": "2026-06-03T15:08:17.208Z",
-  "schema_count": 56,
+  "version": "0.1.54",
+  "generated_at": "2026-06-17T03:43:47.896Z",
+  "schema_count": 57,
   "schemas": {
     "data-table": {
       "name": "render_data_table",
@@ -4624,6 +4624,118 @@
           "steps"
         ]
       }
+    },
+    "workflow-stepper": {
+      "name": "render_workflow_stepper",
+      "description": "Render a recurring-process workflow stepper — a horizontal strip of sequential step cards (e.g. a monthly close pipeline) with per-step status (done/active/review/pending/blocked/failed) and human + agent assignee avatars. Use for org processes with named steps and owners, NOT for generic progress bars or project phase summaries.",
+      "input_schema": {
+        "type": "object",
+        "properties": {
+          "type": {
+            "type": "string",
+            "enum": [
+              "workflow-stepper"
+            ]
+          },
+          "id": {
+            "type": "string",
+            "description": "Stable id for update-in-place rendering"
+          },
+          "title": {
+            "type": "string",
+            "description": "Process name, e.g. 'Monthly Close'"
+          },
+          "period": {
+            "type": "string",
+            "description": "Period label, e.g. 'Period 04 · FY2026'"
+          },
+          "badge": {
+            "type": "string",
+            "description": "Framework/compliance badge, e.g. 'SOX controlled'"
+          },
+          "active_step": {
+            "type": "string",
+            "description": "Id of the currently active step"
+          },
+          "steps": {
+            "type": "array",
+            "minItems": 2,
+            "maxItems": 12,
+            "items": {
+              "type": "object",
+              "properties": {
+                "id": {
+                  "type": "string"
+                },
+                "n": {
+                  "type": "number",
+                  "description": "Step number; defaults to index + 1"
+                },
+                "title": {
+                  "type": "string"
+                },
+                "sub": {
+                  "type": "string",
+                  "description": "Short status caption, e.g. '7 accounts · 2 exceptions'"
+                },
+                "status": {
+                  "type": "string",
+                  "enum": [
+                    "done",
+                    "active",
+                    "review",
+                    "pending",
+                    "blocked",
+                    "failed"
+                  ]
+                },
+                "assignees": {
+                  "type": "array",
+                  "maxItems": 6,
+                  "items": {
+                    "type": "object",
+                    "properties": {
+                      "name": {
+                        "type": "string"
+                      },
+                      "kind": {
+                        "type": "string",
+                        "enum": [
+                          "agent",
+                          "human"
+                        ]
+                      },
+                      "initials": {
+                        "type": "string"
+                      },
+                      "color": {
+                        "type": "string"
+                      },
+                      "role": {
+                        "type": "string"
+                      }
+                    },
+                    "required": [
+                      "name",
+                      "kind"
+                    ]
+                  }
+                }
+              },
+              "required": [
+                "id",
+                "title",
+                "status"
+              ]
+            }
+          }
+        },
+        "required": [
+          "type",
+          "title",
+          "steps"
+        ]
+      }
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adoptai/genui-components",
-  "version": "0.1.33",
+  "version": "0.1.54",
   "description": "Schema-driven generative UI components for Adopt agents",
   "private": false,
   "license": "UNLICENSED",
@@ -11,7 +11,7 @@
     "directory": "packages/genui-components"
   },
   "publishConfig": {
-    "registry": "https://npm.pkg.github.com"
+    "registry": "https://registry.npmjs.org"
   },
   "type": "module",
   "main": "./dist/index.cjs",

package/dist/builders/EscalationCard.d.ts

@@ -1,12 +0,0 @@
-import type { BuilderPayload } from "./schemas";
-import type { BuilderState } from "./hooks";
-import type { FileUploadResult } from "./fields";
-export interface EscalationCardProps {
-    builder: BuilderPayload;
-    state: BuilderState;
-    onSubmit: () => void;
-    disabled?: boolean;
-    onFileUpload?: (file: File) => Promise<FileUploadResult>;
-}
-export declare function EscalationCard({ builder, state, onSubmit, disabled, onFileUpload }: EscalationCardProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=EscalationCard.d.ts.map

package/dist/builders/EscalationCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"EscalationCard.d.ts","sourceRoot":"","sources":["../../src/builders/EscalationCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,mBAAmB,kDA+BvG"}

package/dist/builders/FormBuilder.d.ts

@@ -1,13 +0,0 @@
-import type { BuilderPayload } from "./schemas";
-import type { BuilderState } from "./hooks";
-import type { FileUploadResult } from "./fields";
-export interface FormBuilderProps {
-    builder: BuilderPayload;
-    state: BuilderState;
-    onSubmit: () => void;
-    onCancel?: () => void;
-    disabled?: boolean;
-    onFileUpload?: (file: File) => Promise<FileUploadResult>;
-}
-export declare function FormBuilder({ builder, state, onSubmit, onCancel, disabled, onFileUpload }: FormBuilderProps): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=FormBuilder.d.ts.map

package/dist/builders/FormBuilder.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormBuilder.d.ts","sourceRoot":"","sources":["../../src/builders/FormBuilder.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC1D;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,gBAAgB,kDA+C3G"}