impact-nova 2.6.3 → 3.0.0-alpha.0

package/dist/components/data/ag-grid-react/ag-grid-cell-components.d.ts

@@ -31,6 +31,14 @@ export declare const AG_GRID_CELL_COMPONENTS: {
         (props: import('./cell-renderers/select-display-renderer').SelectDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
+    readonly styleDescriptionDisplay: {
+        (props: import('./cell-renderers/style-description-display-renderer').StyleDescriptionDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    readonly listSelectDisplay: {
+        (props: import('./cell-renderers/list-select-display-renderer').ListSelectDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
     readonly checkboxDisplay: {
         (props: import('./cell-renderers/checkbox-display-renderer').CheckboxDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
@@ -53,6 +61,7 @@ export declare const AG_GRID_CELL_COMPONENTS: {
     };
     readonly inputEditor: import('react').NamedExoticComponent<import('./cell-renderers/editors/input-cell-editor').InputCellEditorProps & import('react').RefAttributes<import('./cell-renderers/editors/input-cell-editor').InputCellEditorHandle>>;
     readonly selectEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/select-cell-editor').SelectCellEditorProps & import('react').RefAttributes<unknown>>;
+    readonly listSelectEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/list-select-cell-editor').ListSelectCellEditorProps & import('react').RefAttributes<unknown>>;
     readonly textareaEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/textarea-cell-editor').TextAreaCellEditorProps & import('react').RefAttributes<unknown>>;
     readonly dateEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/date-cell-editor').DateCellEditorProps & import('react').RefAttributes<unknown>>;
     readonly splitEditor: import('react').ForwardRefExoticComponent<import('./cell-renderers/editors/split-cell-editor').SplitCellEditorProps & import('react').RefAttributes<unknown>>;

package/dist/components/data/ag-grid-react/ag-grid-list.d.ts

@@ -0,0 +1,16 @@
+/** Visual card height in the list skin (Figma row). */
+export declare const AG_GRID_LIST_CARD_HEIGHT_PX = 48;
+/** Gap between list cards; also the space under the header bar. */
+export declare const AG_GRID_LIST_ROW_GAP_PX = 12;
+/** AG Grid `rowHeight` for `variant="list"`: card + gap so virtualization keeps a 12px gutter. */
+export declare const AG_GRID_LIST_ROW_HEIGHT_PX: number;
+/** List `rowHeight` by DataTable density. Card scales; the 12px gutter stays. */
+export declare const AG_GRID_LIST_ROW_HEIGHT_BY_DENSITY: {
+    readonly default: number;
+    readonly compact: number;
+    readonly comfort: number;
+};
+/** Visible header bar height. Gap under the bar is CSS margin on the pinned header, not extra headerHeight — stuffing 12px into headerHeight made the bar read as 52px. */
+export declare const AG_GRID_LIST_HEADER_HEIGHT_PX = 40;
+export type { AgGridVisualVariant } from './ag-grid.types';
+export declare const customAgGridListTheme: import('ag-stack').Theme<unknown>;

package/dist/components/data/ag-grid-react/ag-grid-list.js

@@ -0,0 +1,23 @@
+import { customAgGridTheme as o } from "./theme.js";
+const e = 48, r = 12, _ = e + r, s = {
+  default: _,
+  compact: 30 + r,
+  comfort: 52 + r
+}, t = 40, a = o.withParams({
+  columnBorder: !1,
+  rowBorder: !1,
+  headerColumnBorder: !1,
+  headerRowBorder: !1,
+  wrapperBorder: !1,
+  headerHeight: t,
+  // Card hover/selection is list CSS (::before on .ag-row); avoid full-slot theme overlay.
+  rowHoverColor: "transparent"
+});
+export {
+  e as AG_GRID_LIST_CARD_HEIGHT_PX,
+  t as AG_GRID_LIST_HEADER_HEIGHT_PX,
+  r as AG_GRID_LIST_ROW_GAP_PX,
+  s as AG_GRID_LIST_ROW_HEIGHT_BY_DENSITY,
+  _ as AG_GRID_LIST_ROW_HEIGHT_PX,
+  a as customAgGridListTheme
+};

package/dist/components/data/ag-grid-react/ag-grid.types.d.ts

@@ -9,6 +9,8 @@ export interface ImpactNovaColDef<TData = unknown> extends ColDef<TData> {
     /** Original column-level editable before addRowDataEditableCheck wraps the callback */
     _originalEditable?: boolean;
 }
+/** Visual skin for `AgGridWrapper` / `DataTableContent`. */
+export type AgGridVisualVariant = 'table' | 'list';
 /**
  * Extended header component params for custom header
  * Extends IHeaderParams to include all AG Grid header properties plus custom ones
@@ -150,6 +152,11 @@ export interface AgGridWrapperProps<TData = unknown> extends Omit<AgGridReactPro
      * Application code must rely on document CSS variables and the default theme.
      */
     themeOverride?: Theme;
+    /**
+     * Visual skin. `"table"` is the default grid chrome. `"list"` keeps the same
+     * column model (sort, filter, search, pagination, SSRM) with card-row styling.
+     */
+    variant?: AgGridVisualVariant;
 }
 /**
  * Filter operators for advanced filtering.

package/dist/components/data/ag-grid-react/cell-renderers/editors/list-select-cell-editor.d.ts

@@ -0,0 +1,14 @@
+import { ICellEditorParams } from 'ag-grid-community';
+import { SelectOption } from '../types';
+export interface ListSelectCellEditorProps extends ICellEditorParams {
+    options?: SelectOption[];
+    placeholder?: string;
+    isSearchable?: boolean;
+    isClearable?: boolean;
+    onValueChange?: (value: string | null) => void;
+}
+/**
+ * List-skin select editor. Real Select trigger so display and edit chrome match
+ * (32px field, border, clear + chevron). Table grids keep `SelectCellEditor`.
+ */
+export declare const ListSelectCellEditor: import('react').ForwardRefExoticComponent<ListSelectCellEditorProps & import('react').RefAttributes<unknown>>;

package/dist/components/data/ag-grid-react/cell-renderers/editors/list-select-cell-editor.js

@@ -0,0 +1,70 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as E, useState as D, useRef as O, useImperativeHandle as R, useCallback as r } from "react";
+import { Select as j } from "../../../../forms/select/select.js";
+import { cn as y } from "../../../../../lib/utils.js";
+const I = E((g, C) => {
+  const {
+    value: l,
+    options: v = [],
+    placeholder: h = "Select...",
+    isSearchable: S = !0,
+    isClearable: b = !0,
+    stopEditing: i,
+    onValueChange: u,
+    colDef: w
+  } = g, M = w?.cellRendererParams?.triggerClassName, t = l && typeof l == "object" && "value" in l, o = t ? l.cellMetadata : void 0, c = t ? l.value : l, d = v.map((e) => ({
+    value: e.value,
+    label: e.label,
+    isDisabled: e.isDisabled
+  })), [s, f] = D(
+    c != null ? String(c) : null
+  ), m = O(!1);
+  R(C, () => ({
+    getValue() {
+      return t ? {
+        value: s,
+        ...o !== void 0 && { cellMetadata: o }
+      } : s;
+    },
+    isCancelBeforeStart() {
+      return !1;
+    },
+    isCancelAfterEnd() {
+      return !1;
+    },
+    isPopup() {
+      return !1;
+    }
+  }));
+  const N = d.find((e) => e.value === s) ?? null, a = r(() => {
+    m.current || (m.current = !0, i());
+  }, [i]), x = r(
+    (e) => {
+      const p = e ? e.value : null;
+      f(p), u?.(p), a();
+    },
+    [a, f, u]
+  ), V = r(() => {
+    a();
+  }, [a]);
+  return /* @__PURE__ */ n("div", { className: "flex h-full w-full min-w-0 items-center ag-cell-inner-padding", children: /* @__PURE__ */ n("div", { className: y("min-w-0 flex-1", M), children: /* @__PURE__ */ n(
+    j,
+    {
+      options: d,
+      value: N,
+      onChange: x,
+      onMenuClose: V,
+      placeholder: h,
+      isSearchable: S,
+      isClearable: b,
+      isMulti: !1,
+      defaultMenuIsOpen: !0,
+      className: "w-full max-w-full",
+      parentClassName: "w-full max-w-full gap-0"
+    }
+  ) }) });
+});
+I.displayName = "ListSelectCellEditor";
+export {
+  I as ListSelectCellEditor
+};

package/dist/components/data/ag-grid-react/cell-renderers/editors/select-cell-editor.d.ts

@@ -11,6 +11,14 @@ export interface SelectCellEditorProps extends ICellEditorParams {
     isClearable?: boolean;
     /** Optional callback when value changes */
     onValueChange?: (value: string | null) => void;
+    /** Force-show AI sparkle (same contract as SelectDisplayRenderer) */
+    showAiInsight?: boolean;
+    aiInsightField?: string;
+    confidenceScore?: number;
+    confidenceScoreField?: string;
+    confidenceReason?: string;
+    confidenceReasonField?: string;
+    confidenceLabel?: string;
 }
 /**
  * SelectCellEditor - AG Grid cell editor using impact-nova's Select component.
@@ -18,11 +26,8 @@ export interface SelectCellEditorProps extends ICellEditorParams {
  * Mounted by AG Grid when a cell enters edit mode. The Select dropdown opens
  * automatically on mount so the user doesn't need a second click.
  *
- * The editor visually matches the SelectDisplayRenderer — same outer wrapper
- * with `in-ag-editable-cell-highlight`, same inner white rounded div with chevron.
- * The Select trigger is styled to blend in seamlessly.
- *
- * Only holds a single piece of state: the currently selected value.
+ * Layout matches SelectDisplayRenderer (select + optional AI sparkle) so the
+ * sparkle does not disappear while editing.
  *
  * Usage in colDef:
  * ```ts

package/dist/components/data/ag-grid-react/cell-renderers/editors/select-cell-editor.js

@@ -1,28 +1,37 @@
-import { jsx as g } from "react/jsx-runtime";
-import { forwardRef as E, useState as N, useRef as O, useImperativeHandle as j, useCallback as s } from "react";
-import { Select as w } from "../../../../forms/select/select.js";
-const D = E((h, m) => {
+import { jsxs as O, jsx as i } from "react/jsx-runtime";
+import { forwardRef as y, useState as F, useRef as k, useImperativeHandle as B, useCallback as c } from "react";
+import { Select as H } from "../../../../forms/select/select.js";
+import { SelectAiInsightAffordance as L } from "../select-ai-insight-affordance.js";
+const P = y((g, b) => {
   const {
     value: l,
     options: v = [],
     placeholder: C = "Select...",
-    isSearchable: b = !0,
-    isClearable: S = !0,
+    isSearchable: S = !0,
+    isClearable: w = !0,
     stopEditing: r,
-    onValueChange: o
-  } = h, a = l && typeof l == "object" && "value" in l, u = a ? l.cellMetadata : void 0, i = a ? l.value : l, c = v.map((e) => ({
+    onValueChange: u,
+    data: t,
+    showAiInsight: x,
+    aiInsightField: M,
+    confidenceScore: V,
+    confidenceScoreField: j,
+    confidenceReason: D,
+    confidenceReasonField: E,
+    confidenceLabel: I
+  } = g, n = l && typeof l == "object" && "value" in l, o = n ? l.cellMetadata : void 0, d = n ? l.value : l, f = v.map((e) => ({
     value: e.value,
     label: e.label,
     isDisabled: e.isDisabled
-  })), [n, d] = N(
-    i != null ? String(i) : null
-  ), f = O(!1);
-  j(m, () => ({
+  })), [s, p] = F(
+    d != null ? String(d) : null
+  ), h = k(!1);
+  B(b, () => ({
     getValue() {
-      return a ? {
-        value: n,
-        ...u !== void 0 && { cellMetadata: u }
-      } : n;
+      return n ? {
+        value: s,
+        ...o !== void 0 && { cellMetadata: o }
+      } : s;
     },
     isCancelBeforeStart() {
       return !1;
@@ -34,35 +43,58 @@ const D = E((h, m) => {
       return !0;
     }
   }));
-  const M = c.find((e) => e.value === n) ?? null, t = s(() => {
-    f.current || (f.current = !0, r());
-  }, [r]), V = s(
+  const N = f.find((e) => e.value === s) ?? null, a = c(() => {
+    h.current || (h.current = !0, r());
+  }, [r]), R = c(
     (e) => {
-      const p = e ? e.value : null;
-      d(p), o?.(p), t();
+      const m = e ? e.value : null;
+      p(m), u?.(m), a();
     },
-    [t, d, o]
-  ), x = s(() => {
-    t();
-  }, [t]);
-  return /* @__PURE__ */ g("div", { className: "w-full h-full flex items-center ag-cell-inner-padding ag-editable-cell-highlight", children: /* @__PURE__ */ g(
-    w,
+    [a, u, p]
+  ), A = c(() => {
+    a();
+  }, [a]);
+  return /* @__PURE__ */ O(
+    "div",
     {
-      options: c,
-      value: M,
-      onChange: V,
-      onMenuClose: x,
-      placeholder: C,
-      isSearchable: b,
-      isClearable: S,
-      isMulti: !1,
-      defaultMenuIsOpen: !0,
-      className: "!border-none !shadow-none !ring-0 !h-7 !rounded-[8px] !px-1.5",
-      parentClassName: "!w-full !gap-0"
+      className: "box-border flex h-full w-full min-w-0 items-center gap-2 ps-2 pe-2.5 ag-editable-cell-highlight",
+      "data-component": "select-cell-editor",
+      children: [
+        /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i(
+          H,
+          {
+            options: f,
+            value: N,
+            onChange: R,
+            onMenuClose: A,
+            placeholder: C,
+            isSearchable: S,
+            isClearable: w,
+            isMulti: !1,
+            defaultMenuIsOpen: !0,
+            className: "!border-none !shadow-none !ring-0 !h-7 !rounded-[8px] !px-1.5",
+            parentClassName: "!w-full !gap-0"
+          }
+        ) }),
+        /* @__PURE__ */ i(
+          L,
+          {
+            showAiInsight: x,
+            aiInsightField: M,
+            confidenceScore: V,
+            confidenceScoreField: j,
+            confidenceReason: D,
+            confidenceReasonField: E,
+            confidenceLabel: I,
+            data: t && typeof t == "object" ? t : null,
+            cellMetadata: o
+          }
+        )
+      ]
     }
-  ) });
+  );
 });
-D.displayName = "SelectCellEditor";
+P.displayName = "SelectCellEditor";
 export {
-  D as SelectCellEditor
+  P as SelectCellEditor
 };

package/dist/components/data/ag-grid-react/cell-renderers/index.d.ts

@@ -12,6 +12,8 @@ export { LinkCellRenderer } from './link-with-batch-cell-renderer';
 export { SplitCellRenderer } from './split-cell-renderer';
 export { InputDisplayRenderer } from './input-display-renderer';
 export { SelectDisplayRenderer } from './select-display-renderer';
+export { StyleDescriptionDisplayRenderer } from './style-description-display-renderer';
+export { ListSelectDisplayRenderer } from './list-select-display-renderer';
 export { CheckboxDisplayRenderer } from './checkbox-display-renderer';
 export { SwitchDisplayRenderer } from './switch-display-renderer';
 export { TextAreaDisplayRenderer } from './textarea-display-renderer';
@@ -19,6 +21,7 @@ export { DateDisplayRenderer } from './date-display-renderer';
 export { PercentProgressDisplayRenderer } from './percent-progress-display-renderer';
 export { InputCellEditor } from './editors/input-cell-editor';
 export { SelectCellEditor } from './editors/select-cell-editor';
+export { ListSelectCellEditor } from './editors/list-select-cell-editor';
 export { TextAreaCellEditor } from './editors/textarea-cell-editor';
 export { DateCellEditor } from './editors/date-cell-editor';
 export { SplitCellEditor } from './editors/split-cell-editor';
@@ -28,11 +31,15 @@ export type { StatusBadgeRendererProps } from './status-badge-renderer';
 export type { ActionsCellRendererProps } from './actions-cell-renderer';
 export type { InputDisplayRendererProps } from './input-display-renderer';
 export type { SelectDisplayRendererProps } from './select-display-renderer';
+export type { SelectAiInsightMetadata } from './select-ai-insight-affordance';
+export type { StyleDescriptionDisplayRendererProps, StyleDescriptionCellValue, } from './style-description-display-renderer';
+export type { ListSelectDisplayRendererProps } from './list-select-display-renderer';
 export type { SplitCellRendererProps } from './split-cell-renderer';
 export type { InputCellEditorProps } from './editors/input-cell-editor';
 export type { PercentProgressDisplayRendererProps } from './percent-progress-display-renderer';
 export type { PercentProgressCellEditorProps } from './editors/percent-progress-cell-editor';
 export type { SelectCellEditorProps } from './editors/select-cell-editor';
+export type { ListSelectCellEditorProps } from './editors/list-select-cell-editor';
 export type { SplitCellEditorProps } from './editors/split-cell-editor';
 export type { AutocompleteRule } from './editors/input-cell-editor';
 export { type BadgeVariant, type BadgeColor, type SelectOption, type ActionButton, type RightSideIcon, type RightSideBadge, type RightSideContentItem, type RightSideContent, type SplitConfig, type CellMetadata, type RowMetadata, type ValueFormatter, } from './types';

package/dist/components/data/ag-grid-react/cell-renderers/index.js

@@ -1,24 +1,27 @@
-import { EmptyCellRenderer as a } from "./empty-cell-renderer.js";
+import { EmptyCellRenderer as p } from "./empty-cell-renderer.js";
 import { BadgeCellRenderer as d } from "./badge-cell-renderer.js";
-import { StatusBadgeRenderer as i } from "./status-badge-renderer.js";
+import { StatusBadgeRenderer as n } from "./status-badge-renderer.js";
 import { ActionsCellRenderer as x } from "./actions-cell-renderer.js";
 import { LinkCellRenderer as s } from "./link-with-batch-cell-renderer.js";
 import { SplitCellRenderer as R } from "./split-cell-renderer.js";
 import { InputDisplayRenderer as D } from "./input-display-renderer.js";
 import { SelectDisplayRenderer as g } from "./select-display-renderer.js";
-import { CheckboxDisplayRenderer as u } from "./checkbox-display-renderer.js";
-import { SwitchDisplayRenderer as _ } from "./switch-display-renderer.js";
-import { TextAreaDisplayRenderer as N } from "./textarea-display-renderer.js";
-import { DateDisplayRenderer as S } from "./date-display-renderer.js";
-import { PercentProgressDisplayRenderer as I } from "./percent-progress-display-renderer.js";
-import { InputCellEditor as B } from "./editors/input-cell-editor.js";
-import { SelectCellEditor as b } from "./editors/select-cell-editor.js";
-import { TextAreaCellEditor as k } from "./editors/textarea-cell-editor.js";
-import { DateCellEditor as O } from "./editors/date-cell-editor.js";
-import { SplitCellEditor as w } from "./editors/split-cell-editor.js";
-import { PercentProgressCellEditor as j } from "./editors/percent-progress-cell-editor.js";
-import { applyValueFormatter as z, evaluateValidationRules as H, getFieldValue as J, mapBadgeColor as K, mapBadgeVariant as M, resolveCellEditable as Q, resolveValueFormatter as W } from "./cell-renderer-utils.js";
-import { addRowDataEditableCheck as Y } from "../editable-utils.js";
+import { StyleDescriptionDisplayRenderer as L } from "./style-description-display-renderer.js";
+import { ListSelectDisplayRenderer as S } from "./list-select-display-renderer.js";
+import { CheckboxDisplayRenderer as A } from "./checkbox-display-renderer.js";
+import { SwitchDisplayRenderer as P } from "./switch-display-renderer.js";
+import { TextAreaDisplayRenderer as I } from "./textarea-display-renderer.js";
+import { DateDisplayRenderer as B } from "./date-display-renderer.js";
+import { PercentProgressDisplayRenderer as b } from "./percent-progress-display-renderer.js";
+import { InputCellEditor as k } from "./editors/input-cell-editor.js";
+import { SelectCellEditor as O } from "./editors/select-cell-editor.js";
+import { ListSelectCellEditor as w } from "./editors/list-select-cell-editor.js";
+import { TextAreaCellEditor as j } from "./editors/textarea-cell-editor.js";
+import { DateCellEditor as z } from "./editors/date-cell-editor.js";
+import { SplitCellEditor as J } from "./editors/split-cell-editor.js";
+import { PercentProgressCellEditor as M } from "./editors/percent-progress-cell-editor.js";
+import { applyValueFormatter as W, evaluateValidationRules as X, getFieldValue as Y, mapBadgeColor as Z, mapBadgeVariant as $, resolveCellEditable as ee, resolveValueFormatter as re } from "./cell-renderer-utils.js";
+import { addRowDataEditableCheck as te } from "../editable-utils.js";
 const e = "ag-cell-no-padding", r = "ag-cell-renderer-full-control", o = "ag-cell-inner-padding";
 export {
   r as AG_CELL_FULL_CONTROL,
@@ -26,29 +29,32 @@ export {
   e as AG_CELL_NO_PADDING,
   x as ActionsCellRenderer,
   d as BadgeCellRenderer,
-  u as CheckboxDisplayRenderer,
-  O as DateCellEditor,
-  S as DateDisplayRenderer,
-  a as EmptyCellRenderer,
-  B as InputCellEditor,
+  A as CheckboxDisplayRenderer,
+  z as DateCellEditor,
+  B as DateDisplayRenderer,
+  p as EmptyCellRenderer,
+  k as InputCellEditor,
   D as InputDisplayRenderer,
   s as LinkCellRenderer,
-  j as PercentProgressCellEditor,
-  I as PercentProgressDisplayRenderer,
-  b as SelectCellEditor,
+  w as ListSelectCellEditor,
+  S as ListSelectDisplayRenderer,
+  M as PercentProgressCellEditor,
+  b as PercentProgressDisplayRenderer,
+  O as SelectCellEditor,
   g as SelectDisplayRenderer,
-  w as SplitCellEditor,
+  J as SplitCellEditor,
   R as SplitCellRenderer,
-  i as StatusBadgeRenderer,
-  _ as SwitchDisplayRenderer,
-  k as TextAreaCellEditor,
-  N as TextAreaDisplayRenderer,
-  Y as addRowDataEditableCheck,
-  z as applyValueFormatter,
-  H as evaluateValidationRules,
-  J as getFieldValue,
-  K as mapBadgeColor,
-  M as mapBadgeVariant,
-  Q as resolveCellEditable,
-  W as resolveValueFormatter
+  n as StatusBadgeRenderer,
+  L as StyleDescriptionDisplayRenderer,
+  P as SwitchDisplayRenderer,
+  j as TextAreaCellEditor,
+  I as TextAreaDisplayRenderer,
+  te as addRowDataEditableCheck,
+  W as applyValueFormatter,
+  X as evaluateValidationRules,
+  Y as getFieldValue,
+  Z as mapBadgeColor,
+  $ as mapBadgeVariant,
+  ee as resolveCellEditable,
+  re as resolveValueFormatter
 };

package/dist/components/data/ag-grid-react/cell-renderers/list-select-display-renderer.d.ts

@@ -0,0 +1,19 @@
+import { ICellRendererParams } from 'ag-grid-community';
+import { SelectOption } from './types';
+export interface ListSelectDisplayRendererProps extends ICellRendererParams {
+    options?: SelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    isClearable?: boolean;
+    triggerClassName?: string;
+}
+/**
+ * List-skin select display. Impersonates the Select trigger (32px field, border,
+ * clear + chevron) without mounting a Select per virtualized row.
+ *
+ * Table grids keep `SelectDisplayRenderer`.
+ */
+export declare const ListSelectDisplayRenderer: {
+    (props: ListSelectDisplayRendererProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/data/ag-grid-react/cell-renderers/list-select-display-renderer.js

@@ -0,0 +1,89 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { Cross as N, ChevronRight as D } from "impact-nova-icons";
+import { cn as r } from "../../../../lib/utils.js";
+import { selectTriggerVariants as j } from "../../../forms/select/select.variants.js";
+const C = (b) => {
+  const {
+    value: l,
+    options: g = [],
+    placeholder: h = "Select...",
+    disabled: i,
+    isClearable: x = !0,
+    triggerClassName: w,
+    colDef: o,
+    data: s,
+    setValue: v
+  } = b, d = l && typeof l == "object" && "cellMetadata" in l ? l.cellMetadata?._isDisabled : void 0, f = s && typeof s == "object" && "rowMetadata" in s ? s.rowMetadata?._isDisabled : void 0;
+  let e = !1;
+  if (!i) {
+    const a = o?._originalEditable;
+    o?.editable === !1 ? e = !1 : d === !1 ? e = !0 : d === !0 ? e = !1 : f === !1 ? e = !0 : f === !0 ? e = !1 : e = a === !0 || o?.editable === !0;
+  }
+  const n = l && typeof l == "object" && "value" in l ? l.value : l, u = g.find((a) => a.value === String(n ?? ""))?.label ?? (n != null && n !== "" ? String(n) : ""), c = !u, y = x && e && !c && !i, p = (a) => {
+    a.preventDefault(), a.stopPropagation(), v?.(null);
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: r(
+        "flex h-full w-full min-w-0 items-center ag-cell-inner-padding",
+        i && "cursor-not-allowed opacity-60",
+        !i && e && "in-ag-editable-cell-highlight"
+      ),
+      children: /* @__PURE__ */ t("div", { className: r("min-w-0 flex-1", w), children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: r(
+            j({
+              size: "default",
+              error: !1,
+              disabled: !!i,
+              readOnly: !e,
+              open: !1
+            }),
+            "w-full max-w-full"
+          ),
+          "data-component": "select-trigger",
+          children: /* @__PURE__ */ m("div", { className: "flex w-full min-w-0 max-w-full items-center justify-between", children: [
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: r(
+                  "block min-w-0 truncate text-[14px] text-content",
+                  c ? "font-normal text-content-placeholder" : "font-normal"
+                ),
+                children: c ? h : u
+              }
+            ),
+            e ? /* @__PURE__ */ m("div", { className: "flex shrink-0 items-center gap-1 text-content-icon", children: [
+              y ? /* @__PURE__ */ t(
+                "span",
+                {
+                  role: "presentation",
+                  "data-clear-button": !0,
+                  "aria-label": "Clear selection",
+                  className: "relative z-10 inline-flex cursor-pointer p-0.5 hover:text-content-secondary",
+                  onPointerDown: p,
+                  onClick: p,
+                  children: /* @__PURE__ */ t(N, { size: "11px", className: "text-content-icon" })
+                }
+              ) : null,
+              /* @__PURE__ */ t(
+                D,
+                {
+                  size: "16px",
+                  "aria-hidden": !0,
+                  className: "rotate-90 shrink-0"
+                }
+              )
+            ] }) : null
+          ] })
+        }
+      ) })
+    }
+  );
+};
+C.displayName = "ListSelectDisplayRenderer";
+export {
+  C as ListSelectDisplayRenderer
+};

package/dist/components/data/ag-grid-react/cell-renderers/select-ai-insight-affordance.d.ts

@@ -0,0 +1,28 @@
+export interface SelectAiInsightMetadata {
+    /** When true, show the AI sparkle affordance next to the select */
+    aiInsight?: boolean;
+    /** Confidence 0–100 shown in the hover card */
+    confidenceScore?: number;
+    /** Supporting copy under the confidence badge */
+    confidenceReason?: string;
+}
+export interface SelectAiInsightAffordanceProps {
+    showAiInsight?: boolean;
+    aiInsightField?: string;
+    confidenceScore?: number;
+    confidenceScoreField?: string;
+    confidenceReason?: string;
+    confidenceReasonField?: string;
+    confidenceLabel?: string;
+    data?: Record<string, unknown> | null;
+    cellMetadata?: SelectAiInsightMetadata;
+    className?: string;
+}
+/**
+ * Iris sparkle + optional confidence HoverCard for select cells.
+ * Stops mouse events from bubbling so AG Grid does not start cell edit.
+ */
+export declare function SelectAiInsightAffordance(props: SelectAiInsightAffordanceProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace SelectAiInsightAffordance {
+    var displayName: string;
+}