@genesislcap/foundation-ui 14.428.2-alpha-257ebec.0 → 14.429.0

package/dist/dts/ai-criteria-search/ai-criteria-search.d.ts

@@ -1,6 +1,7 @@
 import { AIProvider } from '@genesislcap/foundation-ai';
 import type { MetadataDetail } from '@genesislcap/foundation-comms';
 import { FoundationElement } from '@microsoft/fast-foundation';
+import type { CriteriaChip, CriteriaGroup } from './validation/criteria-ir';
 /**
  * Natural-language criteria search input with AI interpretation.
  *
@@ -13,17 +14,22 @@ export declare class AiCriteriaSearch extends FoundationElement {
     aiProvider: AIProvider;
     placeholder: string;
     disabled: boolean;
-    mode: 'append' | 'replace';
     inputValue: string;
     isInterpreting: boolean;
     lastValidCriteria: string | null;
+    activeGroups: CriteriaGroup[];
+    showingChips: boolean;
     fieldMetadata: MetadataDetail[] | string[];
     isRecording: boolean;
     textAreaRef: HTMLTextAreaElement;
     private stopRecording;
     private speechApplyDebounceTimer;
-    private baseInputForAppend;
     get speechAvailable(): boolean;
+    get criteriaChips(): CriteriaChip[];
+    private getFieldLabel;
+    toggleCriteriaView(): void;
+    removeChip(groupIndex: number, clauseIndex: number): void;
+    clearChips(): void;
     handleSubmit(): Promise<void>;
     handleBlur(): void;
     clear(): void;

package/dist/dts/ai-criteria-search/ai-criteria-search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-criteria-search.d.ts","sourceRoot":"","sources":["../../../src/ai-criteria-search/ai-criteria-search.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAGX,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAW/D;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,iBAAiB;IACzC,UAAU,EAAE,UAAU,CAAC;IAE7B,WAAW,EAAE,MAAM,CAA0D;IACxD,QAAQ,EAAE,OAAO,CAAC;IACvC,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAa;IAEjC,UAAU,EAAE,MAAM,CAAM;IACxB,cAAc,EAAE,OAAO,CAAS;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC,aAAa,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,CAAM;IAChD,WAAW,EAAE,OAAO,CAAS;IAElC,WAAW,EAAE,mBAAmB,CAAC;IAExC,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,wBAAwB,CAA8C;IAC9E,OAAO,CAAC,kBAAkB,CAAc;IAExC,IACI,eAAe,IAAI,OAAO,CAE7B;IAEK,YAAY;IAsDlB,UAAU;IAUV,KAAK;IAML,iBAAiB;IA+CjB,OAAO,CAAC,wBAAwB;CAMjC;AAED,eAAO,MAAM,uCAAuC,EAAE,cAA0B,CAAC;AACjF,eAAO,MAAM,6BAA6B,IAAK,CAAC;AAEhD,eAAO,MAAM,0BAA0B;;;;;;;;;;2BAMrC,CAAC"}
+{"version":3,"file":"ai-criteria-search.d.ts","sourceRoot":"","sources":["../../../src/ai-criteria-search/ai-criteria-search.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAGX,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAc,MAAM,0BAA0B,CAAC;AAOxF;;;;;;;GAOG;AACH,qBAAa,gBAAiB,SAAQ,iBAAiB;IACzC,UAAU,EAAE,UAAU,CAAC;IAE7B,WAAW,EAAE,MAAM,CAA0D;IACxD,QAAQ,EAAE,OAAO,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAM;IACxB,cAAc,EAAE,OAAO,CAAS;IAChC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACxC,YAAY,EAAE,aAAa,EAAE,CAAM;IACnC,YAAY,EAAE,OAAO,CAAS;IAE9B,aAAa,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,CAAM;IAChD,WAAW,EAAE,OAAO,CAAS;IAElC,WAAW,EAAE,mBAAmB,CAAC;IAExC,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,wBAAwB,CAA8C;IAE9E,IACI,eAAe,IAAI,OAAO,CAE7B;IAED,IACI,aAAa,IAAI,YAAY,EAAE,CAUlC;IAED,OAAO,CAAC,aAAa;IAQrB,kBAAkB,IAAI,IAAI;IAS1B,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAmBzD,UAAU,IAAI,IAAI;IAOZ,YAAY;IA0DlB,UAAU;IAUV,KAAK;IAQL,iBAAiB;IAwCjB,OAAO,CAAC,wBAAwB;CAMjC;AAED,eAAO,MAAM,uCAAuC,EAAE,cAA0B,CAAC;AACjF,eAAO,MAAM,6BAA6B,IAAK,CAAC;AAEhD,eAAO,MAAM,0BAA0B;;;;;;;;;;2BAMrC,CAAC"}

package/dist/dts/ai-criteria-search/ai-criteria-search.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-criteria-search.styles.d.ts","sourceRoot":"","sources":["../../../src/ai-criteria-search/ai-criteria-search.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gCAAgC,iDAiC5C,CAAC"}
+{"version":3,"file":"ai-criteria-search.styles.d.ts","sourceRoot":"","sources":["../../../src/ai-criteria-search/ai-criteria-search.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gCAAgC,iDAkG5C,CAAC"}

package/dist/dts/ai-criteria-search/ai-criteria-search.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ai-criteria-search.template.d.ts","sourceRoot":"","sources":["../../../src/ai-criteria-search/ai-criteria-search.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA8C7D,eAAO,MAAM,kCAAkC,EAAE,YAAY,CAAC,gBAAgB,CAE7E,CAAC"}
+{"version":3,"file":"ai-criteria-search.template.d.ts","sourceRoot":"","sources":["../../../src/ai-criteria-search/ai-criteria-search.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAA2B,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA+F7D,eAAO,MAAM,kCAAkC,EAAE,YAAY,CAAC,gBAAgB,CAE7E,CAAC"}

package/dist/dts/ai-criteria-search/validation/criteria-ir.d.ts

@@ -33,4 +33,11 @@ export type GroupsValidationResult = {
     valid: CriteriaGroup[];
     invalid: ValidationError[];
 };
+export type CriteriaChip = {
+    groupIndex: number;
+    clauseIndex: number;
+    fieldLabel: string;
+    operatorLabel: string;
+    valueLabel: string;
+};
 //# sourceMappingURL=criteria-ir.d.ts.map

package/dist/dts/ai-criteria-search/validation/criteria-ir.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"criteria-ir.d.ts","sourceRoot":"","sources":["../../../../src/ai-criteria-search/validation/criteria-ir.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,aAAa,GACb,UAAU,GACV,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,aAAa,GACb,oBAAoB,GACpB,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,wBAAwB,GACxB,qBAAqB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"criteria-ir.d.ts","sourceRoot":"","sources":["../../../../src/ai-criteria-search/validation/criteria-ir.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,aAAa,GACb,UAAU,GACV,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,GACV,aAAa,GACb,aAAa,GACb,cAAc,GACd,aAAa,GACb,oBAAoB,GACpB,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,wBAAwB,GACxB,qBAAqB,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,OAAO,EAAE,eAAe,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC"}

package/dist/dts/ai-criteria-search/validation/operator-map.d.ts

@@ -14,4 +14,5 @@ export declare const STRING_OPERATORS: CriteriaOperator[];
 export declare const NUMERIC_OPERATORS: CriteriaOperator[];
 export declare const DATE_OPERATORS: CriteriaOperator[];
 export declare const DATETIME_OPERATORS: CriteriaOperator[];
+export declare const OPERATOR_DISPLAY_LABEL: Record<CriteriaOperator, string>;
 //# sourceMappingURL=operator-map.d.ts.map

package/dist/dts/ai-criteria-search/validation/operator-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"operator-map.d.ts","sourceRoot":"","sources":["../../../../src/ai-criteria-search/validation/operator-map.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAkB,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA6CrF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAqBhE;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAAgB,EAM9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAO/C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,gBAAgB,EAO5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAKhD,CAAC"}
+{"version":3,"file":"operator-map.d.ts","sourceRoot":"","sources":["../../../../src/ai-criteria-search/validation/operator-map.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH,OAAO,KAAK,EAAkB,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA6CrF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAqBhE;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAAgB,EAM9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,EAO/C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,gBAAgB,EAO5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,EAKhD,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAoBnE,CAAC"}

package/dist/dts/react.d.ts

@@ -129,6 +129,15 @@ export declare const AccordionItem: React.ForwardRefExoticComponent<
 >;
 export type AccordionItemRef = AccordionItemWC;
 
+export declare const Accordion: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+    }
+  > & React.RefAttributes<AccordionWC>
+>;
+export type AccordionRef = AccordionWC;
+
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<ActionsMenuWC>, 'children' | 'style'> &
@@ -158,15 +167,6 @@ export declare const AiCriteriaSearch: React.ForwardRefExoticComponent<
 >;
 export type AiCriteriaSearchRef = AiCriteriaSearchWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
-  React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
-    HTMLWCProps & {
-    }
-  > & React.RefAttributes<AccordionWC>
->;
-export type AccordionRef = AccordionWC;
-
 export declare const Anchor: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<AnchorWC>, 'children' | 'style'> &

package/dist/esm/ai-criteria-search/ai-criteria-search.js

@@ -5,7 +5,7 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import { getPrefix } from '../utils';
 import { foundationAiCriteriaSearchStyles as styles } from './ai-criteria-search.styles';
 import { foundationAiCriteriaSearchTemplate as template } from './ai-criteria-search.template';
-import { groupsToCriteria } from './validation/operator-map';
+import { groupsToCriteria, OPERATOR_DISPLAY_LABEL } from './validation/operator-map';
 import { validateGroups } from './validation/schema-validator';
 import { showCriteriaError, formatValidationErrors } from './validation-error-notification';
 const SPEECH_APPLY_DEBOUNCE_MS = 700;
@@ -21,19 +21,73 @@ export class AiCriteriaSearch extends FoundationElement {
     constructor() {
         super(...arguments);
         this.placeholder = 'Describe your search criteria in natural language...';
-        this.mode = 'replace';
         this.inputValue = '';
         this.isInterpreting = false;
         this.lastValidCriteria = null;
+        this.activeGroups = [];
+        this.showingChips = false;
         this.fieldMetadata = [];
         this.isRecording = false;
         this.stopRecording = null;
         this.speechApplyDebounceTimer = null;
-        this.baseInputForAppend = '';
     }
     get speechAvailable() {
         return isSpeechRecognitionAvailable();
     }
+    get criteriaChips() {
+        return this.activeGroups.flatMap((group, groupIndex) => group.clauses.map((clause, clauseIndex) => {
+            var _a, _b;
+            return ({
+                groupIndex,
+                clauseIndex,
+                fieldLabel: this.getFieldLabel(clause.field),
+                operatorLabel: (_a = OPERATOR_DISPLAY_LABEL[clause.operator]) !== null && _a !== void 0 ? _a : clause.operator,
+                valueLabel: clause.operator === 'dateIsToday' ? '' : String((_b = clause.value) !== null && _b !== void 0 ? _b : ''),
+            });
+        }));
+    }
+    getFieldLabel(fieldName) {
+        var _a, _b;
+        if (!Array.isArray(this.fieldMetadata) || this.fieldMetadata.length === 0)
+            return fieldName;
+        const first = this.fieldMetadata[0];
+        if (typeof first === 'string')
+            return fieldName;
+        const meta = this.fieldMetadata.find((m) => m.NAME === fieldName);
+        return (_b = (_a = meta === null || meta === void 0 ? void 0 : meta.UI_LABEL) !== null && _a !== void 0 ? _a : meta === null || meta === void 0 ? void 0 : meta.NAME) !== null && _b !== void 0 ? _b : fieldName;
+    }
+    toggleCriteriaView() {
+        if (this.showingChips) {
+            this.inputValue = '';
+            this.showingChips = false;
+        }
+        else {
+            this.showingChips = true;
+        }
+    }
+    removeChip(groupIndex, clauseIndex) {
+        var _a;
+        const groups = this.activeGroups.map((g) => (Object.assign(Object.assign({}, g), { clauses: [...g.clauses] })));
+        (_a = groups[groupIndex]) === null || _a === void 0 ? void 0 : _a.clauses.splice(clauseIndex, 1);
+        const pruned = groups.filter((g) => g.clauses.length > 0);
+        this.activeGroups = pruned;
+        if (pruned.length === 0) {
+            this.showingChips = false;
+            this.lastValidCriteria = null;
+            this.$emit('criteria-changed', null);
+        }
+        else {
+            const criteria = groupsToCriteria(pruned);
+            this.lastValidCriteria = criteria;
+            this.$emit('criteria-changed', criteria);
+        }
+    }
+    clearChips() {
+        this.activeGroups = [];
+        this.showingChips = false;
+        this.lastValidCriteria = null;
+        this.$emit('criteria-changed', null);
+    }
     handleSubmit() {
         return __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c;
@@ -61,8 +115,12 @@ export class AiCriteriaSearch extends FoundationElement {
                     this.$emit('validation-errors', invalid);
                 }
                 if (valid.length > 0) {
-                    const criteria = groupsToCriteria(valid);
+                    const accumulated = [...this.activeGroups, ...valid];
+                    const criteria = groupsToCriteria(accumulated);
                     this.lastValidCriteria = criteria;
+                    this.activeGroups = accumulated;
+                    this.inputValue = '';
+                    this.showingChips = true;
                     this.$emit('criteria-changed', criteria);
                 }
             }
@@ -82,42 +140,35 @@ export class AiCriteriaSearch extends FoundationElement {
         if (text) {
             this.handleSubmit();
         }
-        else {
-            this.clear();
+        else if (this.activeGroups.length > 0) {
+            this.showingChips = true;
         }
     }
     clear() {
         this.inputValue = '';
         this.lastValidCriteria = null;
+        this.activeGroups = [];
+        this.showingChips = false;
         this.$emit('criteria-changed', null);
     }
     toggleSpeechInput() {
-        var _a, _b;
         if (this.isRecording && this.stopRecording) {
             this.clearSpeechApplyDebounce();
             this.stopRecording();
             this.stopRecording = null;
             this.isRecording = false;
-            this.baseInputForAppend = '';
             return;
         }
-        this.baseInputForAppend = this.mode === 'append' ? ((_b = (_a = this.inputValue) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '') : '';
+        this.inputValue = '';
+        this.showingChips = false;
         this.stopRecording = startSpeechRecognition((transcript, isFinal) => {
-            if (this.mode === 'append') {
-                this.inputValue = this.baseInputForAppend
-                    ? `${this.baseInputForAppend} ${transcript}`.trim()
-                    : transcript;
-            }
-            else {
-                this.inputValue = transcript;
-            }
+            this.inputValue = transcript;
             if (isFinal && (transcript === null || transcript === void 0 ? void 0 : transcript.trim())) {
                 this.clearSpeechApplyDebounce();
                 if (this.stopRecording) {
                     this.stopRecording();
                     this.stopRecording = null;
                     this.isRecording = false;
-                    this.baseInputForAppend = '';
                 }
                 this.speechApplyDebounceTimer = setTimeout(() => {
                     this.speechApplyDebounceTimer = null;
@@ -128,7 +179,6 @@ export class AiCriteriaSearch extends FoundationElement {
             this.clearSpeechApplyDebounce();
             this.isRecording = false;
             this.stopRecording = null;
-            this.baseInputForAppend = '';
         });
         if (this.stopRecording) {
             this.isRecording = true;
@@ -150,9 +200,6 @@ __decorate([
 __decorate([
     attr({ mode: 'boolean' })
 ], AiCriteriaSearch.prototype, "disabled", void 0);
-__decorate([
-    attr
-], AiCriteriaSearch.prototype, "mode", void 0);
 __decorate([
     observable
 ], AiCriteriaSearch.prototype, "inputValue", void 0);
@@ -162,6 +209,12 @@ __decorate([
 __decorate([
     observable
 ], AiCriteriaSearch.prototype, "lastValidCriteria", void 0);
+__decorate([
+    observable
+], AiCriteriaSearch.prototype, "activeGroups", void 0);
+__decorate([
+    observable
+], AiCriteriaSearch.prototype, "showingChips", void 0);
 __decorate([
     observable
 ], AiCriteriaSearch.prototype, "fieldMetadata", void 0);
@@ -171,6 +224,9 @@ __decorate([
 __decorate([
     volatile
 ], AiCriteriaSearch.prototype, "speechAvailable", null);
+__decorate([
+    volatile
+], AiCriteriaSearch.prototype, "criteriaChips", null);
 export const foundationAiCriteriaSearchShadowOptions = undefined;
 export const defaultAiCriteriaSearchConfig = {};
 export const foundationAiCriteriaSearch = AiCriteriaSearch.compose(Object.assign({ baseName: 'ai-criteria-search', template,

package/dist/esm/ai-criteria-search/ai-criteria-search.styles.js

@@ -25,12 +25,77 @@ export const foundationAiCriteriaSearchStyles = css `
     min-width: 0;
   }
 
+  .criteria-chips-inline {
+    height: calc(((var(--base-height-multiplier) + var(--density)) * var(--design-unit) - 4) * 1px);
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    align-items: center;
+    gap: calc(${designUnit} * 1px);
+    overflow-x: auto;
+    padding: 0 calc(${designUnit} * 2px);
+    background: var(--neutral-fill-input-rest);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
+    border-radius: calc(var(--control-corner-radius) * 1px);
+    scrollbar-width: none;
+  }
+
+  .criteria-chips-inline::-webkit-scrollbar {
+    display: none;
+  }
+
   .mic-icon {
     color: var(--neutral-foreground-rest);
     fill: currentColor;
   }
 
-  .mode-control {
+  .criteria-toggle-button,
+  .criteria-clear-button {
+    flex-shrink: 0;
+  }
+
+  .criteria-chip {
+    display: inline-flex;
+    align-items: center;
     flex-shrink: 0;
+    gap: calc(${designUnit} * 1px);
+    padding: calc(${designUnit} * 0.5px) calc(${designUnit} * 2px);
+    background: var(--neutral-fill-rest);
+    border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
+    border-radius: calc(${designUnit} * 4px);
+    font-size: var(--type-ramp-minus-1-font-size);
+    color: var(--neutral-foreground-rest);
+    white-space: nowrap;
+  }
+
+  .criteria-chip-field {
+    font-weight: 600;
+  }
+
+  .criteria-chip-operator {
+    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));
+    font-style: italic;
+  }
+
+  .criteria-chip-remove {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 14px;
+    height: 14px;
+    padding: 0;
+    margin-left: calc(${designUnit} * 0.5px);
+    background: none;
+    border: none;
+    cursor: pointer;
+    color: var(--neutral-foreground-hint, var(--neutral-foreground-rest));
+    font-size: 10px;
+    border-radius: 50%;
+    line-height: 1;
+  }
+
+  .criteria-chip-remove:hover {
+    background: var(--neutral-fill-hover);
+    color: var(--neutral-foreground-rest);
   }
 `;

package/dist/esm/ai-criteria-search/ai-criteria-search.template.js

@@ -1,40 +1,76 @@
 import { isAIFeatureEnabled } from '@genesislcap/foundation-ai';
 import { sync } from '@genesislcap/foundation-utils';
-import { html, ref, when } from '@microsoft/fast-element';
+import { html, ref, repeat, when } from '@microsoft/fast-element';
 import { getPrefix } from '../utils';
 const aiCriteriaSearchTemplate = (prefix) => html `
   ${when(() => isAIFeatureEnabled(), html `
   <div class="ai-criteria-search">
     <div class="ai-criteria-search-row">
-    <${prefix}-text-area
-      ${ref('textAreaRef')}
-      class="criteria-input"
-      placeholder="${(x) => x.placeholder}"
-      ?disabled=${(x) => x.disabled || x.isInterpreting}
-      :value=${sync((x) => x.inputValue, 'string', 'input')}
-      @blur=${(x) => x.handleBlur()}
-      rows="1"
-    ></${prefix}-text-area>
-    ${when((x) => x.speechAvailable, html `
-        <${prefix}-button
-          class="mic-button"
-          appearance="${(x) => (x.isRecording ? 'accent' : 'outline')}"
-          ?disabled=${(x) => x.disabled || x.isInterpreting}
-          @click=${(x) => x.toggleSpeechInput()}
-          title=${(x) => (x.isRecording ? 'Stop recording' : 'Start voice input')}
-        >
-          <${prefix}-icon
-            class="mic-icon"
-            name="microphone"
-            size="lg"
-            variant="solid"
-          ></${prefix}-icon>
-        </${prefix}-button>
-      `)}
-    <${prefix}-segmented-control class="mode-control" :value=${sync((x) => x.mode)}>
-      <${prefix}-segmented-item value="append">Append</${prefix}-segmented-item>
-      <${prefix}-segmented-item value="replace">Replace</${prefix}-segmented-item>
-    </${prefix}-segmented-control>
+      ${when((x) => !x.showingChips, html `
+          <${prefix}-text-area
+            ${ref('textAreaRef')}
+            class="criteria-input"
+            placeholder="${(x) => x.placeholder}"
+            ?disabled=${(x) => x.disabled || x.isInterpreting}
+            :value=${sync((x) => x.inputValue, 'string', 'input')}
+            @blur=${(x) => x.handleBlur()}
+            rows="1"
+          ></${prefix}-text-area>
+        `)}
+      ${when((x) => x.showingChips, html `
+          <div class="criteria-chips-inline">
+            ${repeat((x) => x.criteriaChips, html `
+                <span class="criteria-chip">
+                  <span class="criteria-chip-field">${(chip) => chip.fieldLabel}</span>
+                  <span class="criteria-chip-operator">${(chip) => chip.operatorLabel}</span>
+                  ${when((chip) => !!chip.valueLabel, html `
+                      <span class="criteria-chip-value">${(chip) => chip.valueLabel}</span>
+                    `)}
+                  <button
+                    class="criteria-chip-remove"
+                    aria-label="Remove filter"
+                    @click=${(chip, c) => c.parent.removeChip(chip.groupIndex, chip.clauseIndex)}
+                  >
+                    &#x2715;
+                  </button>
+                </span>
+              `)}
+          </div>
+        `)}
+      <${prefix}-button
+        class="criteria-toggle-button"
+        appearance="outline"
+        title=${(x) => (x.showingChips ? 'Add more criteria' : 'View active filters')}
+        ?disabled=${(x) => x.activeGroups.length === 0 || x.isInterpreting}
+        @click=${(x) => x.toggleCriteriaView()}
+      >
+        <${prefix}-icon name="pen" size="sm"></${prefix}-icon>
+      </${prefix}-button>
+      <${prefix}-button
+        class="criteria-clear-button"
+        appearance="outline"
+        title="Clear all filters"
+        ?disabled=${(x) => x.activeGroups.length === 0 || x.isInterpreting}
+        @click=${(x) => x.clearChips()}
+      >
+        <${prefix}-icon name="trash-alt" size="sm"></${prefix}-icon>
+      </${prefix}-button>
+      ${when((x) => x.speechAvailable, html `
+          <${prefix}-button
+            class="mic-button"
+            appearance="${(x) => (x.isRecording ? 'accent' : 'outline')}"
+            ?disabled=${(x) => x.disabled || x.isInterpreting}
+            @click=${(x) => x.toggleSpeechInput()}
+            title=${(x) => (x.isRecording ? 'Stop recording' : 'Start voice input')}
+          >
+            <${prefix}-icon
+              class="mic-icon"
+              name="microphone"
+              size="lg"
+              variant="solid"
+            ></${prefix}-icon>
+          </${prefix}-button>
+        `)}
     </div>
   </div>
     `)}

package/dist/esm/ai-criteria-search/validation/operator-map.js

@@ -95,3 +95,24 @@ export const DATETIME_OPERATORS = [
     'dateTimeIsGreaterEqual',
     'dateTimeIsLessEqual',
 ];
+export const OPERATOR_DISPLAY_LABEL = {
+    contains: 'contains',
+    equals: '=',
+    startsWith: 'starts with',
+    endsWith: 'ends with',
+    notEqual: '≠',
+    greaterThan: '>',
+    lessThan: '<',
+    greaterThanOrEqual: '≥',
+    lessThanOrEqual: '≤',
+    dateIsToday: 'is today',
+    dateIsAfter: 'after',
+    dateIsBefore: 'before',
+    dateIsEqual: '=',
+    dateIsGreaterEqual: '≥',
+    dateIsLessEqual: '≤',
+    dateTimeIsAfter: 'after',
+    dateTimeIsBefore: 'before',
+    dateTimeIsGreaterEqual: '≥',
+    dateTimeIsLessEqual: '≤',
+};

package/dist/react.cjs

@@ -107,6 +107,11 @@ const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
+const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+});
+
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
@@ -139,11 +144,6 @@ const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props, ref)
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
-});
-
 const Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);
@@ -878,10 +878,10 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
 
 module.exports = {
   AccordionItem,
+  Accordion,
   ActionsMenu,
   AiIndicator,
   AiCriteriaSearch,
-  Accordion,
   Anchor,
   AnchoredRegion,
   Avatar,

package/dist/react.mjs

@@ -105,6 +105,11 @@ export const AccordionItem = React.forwardRef(function AccordionItem(props, ref)
   return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+});
+
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(ActionsMenuWC) ?? '%%prefix%%-actions-menu', { ...rest, ref }, children);
@@ -137,11 +142,6 @@ export const AiCriteriaSearch = React.forwardRef(function AiCriteriaSearch(props
   return React.createElement(customElements.getName(AiCriteriaSearchWC) ?? '%%prefix%%-ai-criteria-search', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
-});
-
 export const Anchor = React.forwardRef(function Anchor(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(AnchorWC) ?? '%%prefix%%-anchor', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/foundation-ui",
   "description": "Genesis Foundation UI",
-  "version": "14.428.2-alpha-257ebec.0",
+  "version": "14.429.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -85,13 +85,13 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/foundation-testing": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/genx": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/rollup-builder": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/ts-builder": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/uvu-playwright-builder": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/vite-builder": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/webpack-builder": "14.428.2-alpha-257ebec.0",
+    "@genesislcap/foundation-testing": "14.429.0",
+    "@genesislcap/genx": "14.429.0",
+    "@genesislcap/rollup-builder": "14.429.0",
+    "@genesislcap/ts-builder": "14.429.0",
+    "@genesislcap/uvu-playwright-builder": "14.429.0",
+    "@genesislcap/vite-builder": "14.429.0",
+    "@genesislcap/webpack-builder": "14.429.0",
     "copyfiles": "^2.4.1"
   },
   "dependencies": {
@@ -100,16 +100,16 @@
     "@fortawesome/free-regular-svg-icons": "^6.2.1",
     "@fortawesome/free-solid-svg-icons": "^6.2.1",
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/expression-builder": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-ai": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-comms": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-criteria": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-errors": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-events": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-logger": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-notifications": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-user": "14.428.2-alpha-257ebec.0",
-    "@genesislcap/foundation-utils": "14.428.2-alpha-257ebec.0",
+    "@genesislcap/expression-builder": "14.429.0",
+    "@genesislcap/foundation-ai": "14.429.0",
+    "@genesislcap/foundation-comms": "14.429.0",
+    "@genesislcap/foundation-criteria": "14.429.0",
+    "@genesislcap/foundation-errors": "14.429.0",
+    "@genesislcap/foundation-events": "14.429.0",
+    "@genesislcap/foundation-logger": "14.429.0",
+    "@genesislcap/foundation-notifications": "14.429.0",
+    "@genesislcap/foundation-user": "14.429.0",
+    "@genesislcap/foundation-utils": "14.429.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -142,5 +142,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "1bc9af761d734595aac8173e23d623e25459f9c3"
+  "gitHead": "3584bc77da10f9c2b4207d690ef088d2c8a12496"
 }