@epam/ai-dial-conversation-stages 0.0.0-dev.0

package/models/collapsed-group.d.ts

@@ -0,0 +1,46 @@
+import { DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
+/** Color overrides for the `CollapsedGroup` component applied as CSS custom properties. */
+export interface CollapsedGroupColors {
+    /** Color of the toggle button label and icon. Defaults to `var(--text-secondary, #575F73)`. */
+    labelColor?: string;
+    /** Color of the toggle button label and icon on hover. Defaults to `var(--text-primary, #161B2D)`. */
+    labelHoverColor?: string;
+    /** Color of the steps count. Defaults to `var(--text-primary, #161B2D)`. */
+    stepsCountColor?: string;
+    /** Border color of the completed-stages content box. Defaults to `var(--stroke-secondary, #242c42)`. */
+    contentBorderColor?: string;
+}
+/** Typography configuration for the toggle button label text. */
+export interface CollapsedGroupTypography {
+    /** CSS utility class applied to the toggle button label. Defaults to `'dial-tiny-text'`. */
+    fontClassName?: string;
+    /** Font family applied to the panel root via CSS custom property. */
+    fontFamily?: string;
+}
+/** Combined style overrides (colors and typography) for the `CollapsedGroup` component. */
+export interface CollapsedGroupStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: CollapsedGroupColors;
+    /** Typography for the toggle button label. Defaults to `{ fontClassName: 'dial-tiny-text' }`. */
+    typography?: CollapsedGroupTypography;
+}
+/** Props accepted by the `CollapsedGroup` component. */
+export interface CollapsedGroupProps {
+    /** Ordered list of stages to display. */
+    stages: Stage[];
+    /** When `true` the component renders all stages directly via `StagesPanel` without collapsing. */
+    isStreaming: boolean;
+    /** Label shown before the steps count on the toggle button. Defaults to `'Executed'`. */
+    executedLabel?: string;
+    /** Returns the pluralized label for the steps count. Receives the count so callers can handle any plural rule. Defaults to `() => 'steps'`. */
+    stepsLabel?: (count: number) => string;
+    /** Extra class name(s) merged onto the outer wrapper. */
+    className?: string;
+    /** Color and typography overrides applied as CSS custom properties. */
+    styles?: CollapsedGroupStyles;
+    /** Minimum number of stages required to activate the collapse behaviour. Defaults to `7`. */
+    collapseThreshold?: number;
+    /** Called when the user clicks an attachment card inside a stage. */
+    onAttachmentClick?: (attachment: DisplayAttachment) => void;
+}
+//# sourceMappingURL=collapsed-group.d.ts.map

package/models/collapsed-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE1E,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,+FAA+F;IAC/F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sGAAsG;IACtG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4EAA4E;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wGAAwG;IACxG,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,iGAAiG;IACjG,UAAU,CAAC,EAAE,wBAAwB,CAAC;CACvC;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,kGAAkG;IAClG,WAAW,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+IAA+I;IAC/I,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}

package/models/stages-props.d.ts

@@ -0,0 +1,59 @@
+import { DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
+/**
+ * Typography configuration for stage content text.
+ * Use either `fontClassName` (a CSS utility class) or the explicit CSS property fields — not both.
+ * When `fontClassName` is provided, the individual CSS-property fields are ignored.
+ */
+export interface StageTypography {
+    /** CSS utility class applied to stage text elements (`p`, `ul`, `ol`). */
+    fontClassName?: string;
+    /** CSS utility class applied to inline code elements. Defaults to `'font-mono text-sm'`. */
+    codeClassName?: string;
+    /** Font family applied to the panel root via CSS custom property. */
+    fontFamily?: string;
+}
+/** Color overrides for the `StagesPanel` component applied as CSS custom properties. */
+export interface StagesPanelColors {
+    /** Background color of the panel surface. */
+    background?: string;
+    /** Border color of the panel. */
+    border?: string;
+    /** General text color (header label, count badge). */
+    text?: string;
+    /**
+     * Text color applied to each stage name row.
+     * Defaults to the app's `--text-secondary` theme variable (`#9fa6bd`).
+     */
+    stageTextColor?: string;
+    /** Icon / text color for a running stage. */
+    runningColor?: string;
+    /** Icon / text color for a completed stage. */
+    completedColor?: string;
+    /** Icon / text color for a failed or errored stage. */
+    failedColor?: string;
+    /** Background color of the collapsible stage button. Defaults to `transparent`. */
+    buttonBackground?: string;
+}
+/** Combined style overrides (colors and typography) for the `StagesPanel` component. */
+export interface StagesPanelStyles {
+    /** Color overrides applied as CSS custom properties. */
+    colors?: StagesPanelColors;
+    /** Typography applied to stage content text. Defaults to `{ fontClassName: 'dial-small-text' }`. */
+    typography?: StageTypography;
+}
+/** Props accepted by the `StagesPanel` component. */
+export interface StagesPanelProps {
+    /** Ordered list of stages to display. */
+    stages: Stage[];
+    /** When `true` the last stage with `status: null` shows a live spinner. */
+    isStreaming: boolean;
+    /** Extra class name(s) merged onto the outer wrapper. */
+    className?: string;
+    /** Color and typography overrides applied as CSS custom properties. */
+    styles?: StagesPanelStyles;
+    /** Accessible label for the copy button on each stage's content. Defaults to `'Copy'`. */
+    copyAriaLabel?: string;
+    /** Called when the user clicks an attachment card inside a stage. */
+    onAttachmentClick?: (attachment: DisplayAttachment) => void;
+}
+//# sourceMappingURL=stages-props.d.ts.map

package/models/stages-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAE1E;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,wFAAwF;AACxF,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,oGAAoG;IACpG,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED,qDAAqD;AACrD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,2EAA2E;IAC3E,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7D"}

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@epam/ai-dial-conversation-stages",
+  "version": "0.0.0-dev.0",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./style.css",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@tabler/icons-react": "^3.0.0",
+    "@epam/ai-dial-chat-shared": "0.0.0-dev.0",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.21",
+    "@epam/ai-dial-conversation-input": "0.0.0-dev.0"
+  }
+}