@qoretechnologies/reqraft 0.10.27-pr.74.gc5f6ca3 → 0.10.27-pr.74.gcbbf430

package/dist/components/searchFilterBar/SearchFilterBar.d.ts

@@ -0,0 +1,33 @@
+import { IReqoreIconName } from '@qoretechnologies/reqore/dist/types/icons';
+export interface ISearchFilterOption {
+    label: string;
+    icon?: IReqoreIconName;
+    selected?: boolean;
+    onClick: () => void;
+}
+export interface ISearchFilter {
+    /** Icon for the trigger — usually the selected option's. */
+    icon?: IReqoreIconName;
+    /** Trigger label — usually the selected option's. */
+    label: string;
+    items: ISearchFilterOption[];
+}
+export interface ISearchFilterBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder: string;
+    filters?: ISearchFilter[];
+    /**
+     * Stack the search over its filters. On a phone the box and two dropdowns
+     * cannot share a row without the input collapsing to a few characters, so the
+     * caller passes its own breakpoint result rather than this guessing.
+     */
+    stacked?: boolean;
+    /**
+     * Pin the bar to the top of its scroll container. For a bar inside a scrolling
+     * panel (the References tab); a bar above a page-level list does not need it.
+     */
+    sticky?: boolean;
+}
+export declare const SearchFilterBar: ({ value, onChange, placeholder, filters, stacked, sticky, }: ISearchFilterBarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchFilterBar.d.ts.map

package/dist/components/searchFilterBar/SearchFilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/searchFilterBar/SearchFilterBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAwC5E,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,gEAOzB,qBAAqB,4CAiDvB,CAAC"}

package/dist/components/searchFilterBar/SearchFilterBar.js

@@ -0,0 +1,76 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SearchFilterBar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var styled_components_1 = __importStar(require("styled-components"));
+/*
+ * A search box with filter dropdowns beside it — the strip that sits above a list
+ * and narrows it.
+ *
+ * This existed twice, built independently either side of the package boundary: the
+ * ticket list in qorus-ide and the References tab here in reqraft. Same
+ * composition (ReqoreControlGroup > ReqoreInput + N ReqoreDropdowns), but they had
+ * drifted — one sized the group, the other sized each control; one wrapped, the
+ * other stacked; one moved the dropdown caret to the right slot and suppressed the
+ * default, the other did not. Two strips that should be indistinguishable ended up
+ * visibly different, and any fix had to be made twice.
+ *
+ * It lives in reqraft rather than Reqore because it is a composition of Reqore
+ * primitives, not a new primitive — there is nothing here Reqore is missing.
+ *
+ * The frosted container is part of the component, not the caller's job. Extracting
+ * only the controls left the two surfaces still looking different: one bar sat in a
+ * bordered, blurred card, the other bare on the page. If the bar is meant to read
+ * the same everywhere then its own chrome has to travel with it.
+ */
+var Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 8px;\n  border-radius: 8px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(255, 255, 255, 0.04);\n  backdrop-filter: blur(6px);\n\n  ", "\n"], ["\n  padding: 8px;\n  border-radius: 8px;\n  border: 1px solid rgba(255, 255, 255, 0.08);\n  background: rgba(255, 255, 255, 0.04);\n  backdrop-filter: blur(6px);\n\n  ", "\n"])), function (_a) {
+    var $sticky = _a.$sticky;
+    return $sticky && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: sticky;\n      top: 0;\n      z-index: 2;\n    "], ["\n      position: sticky;\n      top: 0;\n      z-index: 2;\n    "])));
+});
+var SearchFilterBar = function (_a) {
+    var value = _a.value, onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.filters, filters = _b === void 0 ? [] : _b, stacked = _a.stacked, sticky = _a.sticky;
+    return ((0, jsx_runtime_1.jsx)(Container, { "$sticky": sticky, children: (0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { fluid: true, wrap: true, gapSize: 'small', size: 'small', vertical: stacked, verticalAlign: stacked ? undefined : 'center', children: [(0, jsx_runtime_1.jsx)(reqore_1.ReqoreInput, { icon: 'Search2Line', placeholder: placeholder, value: value, onChange: function (event) { return onChange(event.currentTarget.value); }, onClearClick: value ? function () { return onChange(''); } : undefined, minimal: true, fluid: true }), filters.length ?
+                    (0, jsx_runtime_1.jsx)(reqore_1.ReqoreControlGroup, { gapSize: 'small', size: 'small', fluid: stacked, children: filters.map(function (filter, index) { return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreDropdown, { icon: filter.icon, label: filter.label, minimal: true, flat: true, 
+                            /* stretch to share the row when stacked; hug the label otherwise */
+                            fixed: !stacked, 
+                            /* the caret defaults to the LEFT slot, where the filter's own icon
+                             already sits — without this each trigger shows two glyphs */
+                            rightIcon: 'ArrowDownSLine', showCaret: false, items: filter.items.map(function (item) { return ({
+                                label: item.label,
+                                icon: item.icon,
+                                selected: item.selected,
+                                onClick: item.onClick,
+                            }); }) }, index)); }) })
+                    : null] }) }));
+};
+exports.SearchFilterBar = SearchFilterBar;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=SearchFilterBar.js.map

package/dist/components/searchFilterBar/SearchFilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterBar.js","sourceRoot":"","sources":["../../../src/components/searchFilterBar/SearchFilterBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA2F;AAE3F,qEAAgD;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,kPAAuB,yKAO/C,EAMC,IACJ,KAPG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,OAAO,QACP,uBAAG,uIAAA,mEAIF,IAAA;AALD,CAKC,CACJ,CAAC;AAmCK,IAAM,eAAe,GAAG,UAAC,EAOR;QANtB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,OAAO,aAAA,EACP,MAAM,YAAA;IACqB,OAAA,CAC3B,uBAAC,SAAS,eAAU,MAAM,YAIxB,wBAAC,2BAAkB,IACjB,KAAK,QACL,IAAI,QACJ,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,OAAO,EACjB,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,aAE7C,uBAAC,oBAAW,IACV,IAAI,EAAC,aAAa,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAE,KAAK,CAAC,aAAkC,CAAC,KAAK,CAAC,EAAzD,CAAyD,EAC9E,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,QACP,KAAK,SACL,EACD,OAAO,CAAC,MAAM,CAAC,CAAC;oBACf,uBAAC,2BAAkB,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,OAAO,YAC5D,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,uBAAC,uBAAc,IAEb,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,QACP,IAAI;4BACJ,oEAAoE;4BACpE,KAAK,EAAE,CAAC,OAAO;4BACf;yFAC6D;4BAC7D,SAAS,EAAC,gBAAgB,EAC1B,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC;gCACjC,KAAK,EAAE,IAAI,CAAC,KAAK;gCACjB,IAAI,EAAE,IAAI,CAAC,IAAI;gCACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gCACvB,OAAO,EAAE,IAAI,CAAC,OAAO;6BACtB,CAAC,EALgC,CAKhC,CAAC,IAhBE,KAAK,CAiBV,CACH,EApB+B,CAoB/B,CAAC,GACiB;oBACvB,CAAC,CAAC,IAAI,IACa,GACX,CACb;AAjD4B,CAiD5B,CAAC;AAxDW,QAAA,eAAe,mBAwD1B"}

package/dist/components/searchFilterBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SearchFilterBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/searchFilterBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/searchFilterBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/searchFilterBar/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SearchFilterBar"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/searchFilterBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/searchFilterBar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/dist/components/supportTicket/InterfaceReferenceTags.d.ts

@@ -14,6 +14,14 @@ export interface IInterfaceReferenceTagsProps {
     /** Open a referenced interface; chips are static (informational) when omitted —
      *  e.g. the staff view, which can't reach the customer's instance. */
     onInterfaceClick?: (reference: IInterfaceReference) => void;
+    /**
+     * Detach a reference. Each chip grows an "×" when given — for the composer,
+     * where the chips are the references you're about to send and so are still
+     * editable. Omitted everywhere the chips are a record of what WAS sent (the
+     * thread, the ticket header, the Qonsole card): those aren't editable, and an
+     * × on them would offer to undo something that already happened.
+     */
+    onRemove?: (reference: IInterfaceReference) => void;
     size?: TSizes;
     /** Chip styling — pass `intent`/`customTheme` (e.g. `{ main: 'custom1' }`) to tint
      *  the reference chips to a surface's accent (the Qonsole/helpdesk composer does). */
@@ -31,5 +39,5 @@ export interface IInterfaceReferenceTagsProps {
  * thread (per message, no label), and the Qonsole card — so a reference looks
  * identical everywhere. Renders nothing when there are no references.
  */
-export declare const InterfaceReferenceTags: ({ references, label, resolveInterfaceIcon, onInterfaceClick, size, intent, customTheme, resolveInterfaceImage, }: IInterfaceReferenceTagsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InterfaceReferenceTags: ({ references, label, resolveInterfaceIcon, onInterfaceClick, onRemove, size, intent, customTheme, resolveInterfaceImage, }: IInterfaceReferenceTagsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InterfaceReferenceTags.d.ts.map

package/dist/components/supportTicket/InterfaceReferenceTags.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InterfaceReferenceTags.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/InterfaceReferenceTags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAwB,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAEnE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;wEACoE;IACpE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,eAAe,CAAC;IACzD;0EACsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;0FACsF;IACtF,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC;IAC9D;;0DAEsD;IACtD,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,MAAM,GAAG,SAAS,CAAC;CAChF;AAED;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,qHAShC,4BAA4B,4CAwC9B,CAAC"}
+{"version":3,"file":"InterfaceReferenceTags.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/InterfaceReferenceTags.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAwB,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAEnE,MAAM,WAAW,4BAA4B;IAC3C,UAAU,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACnC;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;wEACoE;IACpE,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,eAAe,CAAC;IACzD;0EACsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC5D;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;0FACsF;IACtF,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC;IAC9D;;0DAEsD;IACtD,qBAAqB,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,MAAM,GAAG,SAAS,CAAC;CAChF;AAED;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,+HAUhC,4BAA4B,4CA0C9B,CAAC"}

package/dist/components/supportTicket/InterfaceReferenceTags.js

@@ -12,7 +12,7 @@ var meta_1 = require("./meta");
  * identical everywhere. Renders nothing when there are no references.
  */
 var InterfaceReferenceTags = function (_a) {
-    var references = _a.references, label = _a.label, resolveInterfaceIcon = _a.resolveInterfaceIcon, onInterfaceClick = _a.onInterfaceClick, _b = _a.size, size = _b === void 0 ? 'small' : _b, intent = _a.intent, customTheme = _a.customTheme, resolveInterfaceImage = _a.resolveInterfaceImage;
+    var references = _a.references, label = _a.label, resolveInterfaceIcon = _a.resolveInterfaceIcon, onInterfaceClick = _a.onInterfaceClick, onRemove = _a.onRemove, _b = _a.size, size = _b === void 0 ? 'small' : _b, intent = _a.intent, customTheme = _a.customTheme, resolveInterfaceImage = _a.resolveInterfaceImage;
     if (!(references === null || references === void 0 ? void 0 : references.length)) {
         return null;
     }
@@ -24,7 +24,7 @@ var InterfaceReferenceTags = function (_a) {
                 var image = (_a = reference.logo) !== null && _a !== void 0 ? _a : resolveInterfaceImage === null || resolveInterfaceImage === void 0 ? void 0 : resolveInterfaceImage(reference);
                 return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreTag, { icon: image ? undefined : resolveIcon(reference.interface_kind), leftIconProps: image ? { image: image } : undefined, labelKey: reference.interface_kind, label: reference.interface_name, size: size, intent: intent, customTheme: customTheme, tooltip: onInterfaceClick
                         ? "Open ".concat(reference.interface_kind, " ").concat(reference.interface_name)
-                        : "".concat(reference.interface_kind, ": ").concat(reference.interface_name), onClick: onInterfaceClick ? function () { return onInterfaceClick(reference); } : undefined }, (_b = reference.reference_id) !== null && _b !== void 0 ? _b : "".concat(reference.interface_kind, ":").concat(reference.interface_name)));
+                        : "".concat(reference.interface_kind, ": ").concat(reference.interface_name), onClick: onInterfaceClick ? function () { return onInterfaceClick(reference); } : undefined, onRemoveClick: onRemove ? function () { return onRemove(reference); } : undefined, removeTooltip: "Remove ".concat(reference.interface_kind, " ").concat(reference.interface_name) }, (_b = reference.reference_id) !== null && _b !== void 0 ? _b : "".concat(reference.interface_kind, ":").concat(reference.interface_name)));
             })] }));
 };
 exports.InterfaceReferenceTags = InterfaceReferenceTags;

package/dist/components/supportTicket/InterfaceReferenceTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterfaceReferenceTags.js","sourceRoot":"","sources":["../../../src/components/supportTicket/InterfaceReferenceTags.tsx"],"names":[],"mappings":";;;;AAAA,mDAAkF;AAIlF,+BAAmE;AAwBnE;;;;;;GAMG;AACI,IAAM,sBAAsB,GAAG,UAAC,EASR;QAR7B,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,qBAAqB,2BAAA;IAErB,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,2BAAoB,CAAC;IACjE,OAAO,CACL,wBAAC,2BAAkB,IAAC,aAAa,EAAC,QAAQ,EAAC,IAAI,QAAC,OAAO,EAAC,OAAO,aAC5D,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,gBAAO,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,YAC3C,KAAK,GACE,CACX,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,GAAG,CAAC,UAAC,SAAS;;gBACxB,4EAA4E;gBAC5E,0EAA0E;gBAC1E,IAAM,KAAK,GAAG,MAAA,SAAS,CAAC,IAAI,mCAAI,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,SAAS,CAAC,CAAC;gBACnE,OAAO,CACL,uBAAC,kBAAS,IAKR,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/D,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5C,QAAQ,EAAE,SAAS,CAAC,cAAc,EAClC,KAAK,EAAE,SAAS,CAAC,cAAc,EAC/B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EACL,gBAAgB;wBACd,CAAC,CAAC,eAAQ,SAAS,CAAC,cAAc,cAAI,SAAS,CAAC,cAAc,CAAE;wBAChE,CAAC,CAAC,UAAG,SAAS,CAAC,cAAc,eAAK,SAAS,CAAC,cAAc,CAAE,EAEhE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,cAAM,OAAA,gBAAgB,CAAC,SAAS,CAAC,EAA3B,CAA2B,CAAC,CAAC,CAAC,SAAS,IAfvE,MAAA,SAAS,CAAC,YAAY,mCACtB,UAAG,SAAS,CAAC,cAAc,cAAI,SAAS,CAAC,cAAc,CAAE,CAe3D,CACH,CAAC;YACJ,CAAC,CAAC,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,sBAAsB,0BAiDjC"}
+{"version":3,"file":"InterfaceReferenceTags.js","sourceRoot":"","sources":["../../../src/components/supportTicket/InterfaceReferenceTags.tsx"],"names":[],"mappings":";;;;AAAA,mDAAkF;AAIlF,+BAAmE;AAgCnE;;;;;;GAMG;AACI,IAAM,sBAAsB,GAAG,UAAC,EAUR;QAT7B,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,oBAAoB,0BAAA,EACpB,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,qBAAqB,2BAAA;IAErB,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAA,EAAE,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAM,WAAW,GAAG,oBAAoB,aAApB,oBAAoB,cAApB,oBAAoB,GAAI,2BAAoB,CAAC;IACjE,OAAO,CACL,wBAAC,2BAAkB,IAAC,aAAa,EAAC,QAAQ,EAAC,IAAI,QAAC,OAAO,EAAC,OAAO,aAC5D,KAAK,CAAC,CAAC,CAAC,CACP,uBAAC,gBAAO,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,YAC3C,KAAK,GACE,CACX,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,GAAG,CAAC,UAAC,SAAS;;gBACxB,4EAA4E;gBAC5E,0EAA0E;gBAC1E,IAAM,KAAK,GAAG,MAAA,SAAS,CAAC,IAAI,mCAAI,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,SAAS,CAAC,CAAC;gBACnE,OAAO,CACL,uBAAC,kBAAS,IAKR,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/D,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC,CAAC,SAAS,EAC5C,QAAQ,EAAE,SAAS,CAAC,cAAc,EAClC,KAAK,EAAE,SAAS,CAAC,cAAc,EAC/B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EACL,gBAAgB;wBACd,CAAC,CAAC,eAAQ,SAAS,CAAC,cAAc,cAAI,SAAS,CAAC,cAAc,CAAE;wBAChE,CAAC,CAAC,UAAG,SAAS,CAAC,cAAc,eAAK,SAAS,CAAC,cAAc,CAAE,EAEhE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,cAAM,OAAA,gBAAgB,CAAC,SAAS,CAAC,EAA3B,CAA2B,CAAC,CAAC,CAAC,SAAS,EACzE,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,cAAM,OAAA,QAAQ,CAAC,SAAS,CAAC,EAAnB,CAAmB,CAAC,CAAC,CAAC,SAAS,EAC/D,aAAa,EAAE,iBAAU,SAAS,CAAC,cAAc,cAAI,SAAS,CAAC,cAAc,CAAE,IAjB7E,MAAA,SAAS,CAAC,YAAY,mCACtB,UAAG,SAAS,CAAC,cAAc,cAAI,SAAS,CAAC,cAAc,CAAE,CAiB3D,CACH,CAAC;YACJ,CAAC,CAAC,IACiB,CACtB,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,sBAAsB,0BAoDjC"}

package/dist/components/supportTicket/ReferencePicker.d.ts

@@ -1,6 +1,27 @@
+import { TReqoreBadge } from '@qoretechnologies/reqore/dist/components/Button';
 import { IReqoreIconName } from '@qoretechnologies/reqore/dist/types/icons';
 import { ReactNode } from 'react';
 import { IInterfaceReference } from './meta';
+/**
+ * One interface in the list. A bare string is the name and nothing else — the common
+ * case, and what a host that has only names can keep passing. The object form adds the
+ * two things a name alone can't disambiguate: a `description` second line (what the
+ * thing is for, an owning group, a path) and a `badge` (a version, a run count, a
+ * status tag). Search reads both the name and the description, since both are on screen.
+ */
+export interface IReferencePickerItem {
+    /** the interface name — this is what gets stored on the reference */
+    name: string;
+    /** a muted second line under the name */
+    description?: string;
+    /** trailing badge, before the add/remove icon */
+    badge?: TReqoreBadge | TReqoreBadge[];
+}
+export type TReferencePickerItem = string | IReferencePickerItem;
+/** `auto` picks `stacked` from the picker's own measured width. */
+export type TReferencePickerLayout = 'auto' | 'columns' | 'stacked';
+/** `auto` lifts into a modal on a phone-sized viewport, when `onClose` is given. */
+export type TReferencePickerPresentation = 'auto' | 'inline' | 'modal';
 export interface IReferencePickerProps {
     /** the interface kinds listed down the left pane */
     kinds: string[];
@@ -8,10 +29,11 @@ export interface IReferencePickerProps {
     kind: string;
     onKindChange: (kind: string) => void;
     /**
-     * The selected kind's interfaces, by name. Fetching is the host's job — it knows
-     * where they come from and how to cache them.
+     * The selected kind's interfaces — bare names, or objects carrying a description
+     * and a badge. Fetching is the host's job; it knows where they come from and how
+     * to cache them.
      */
-    items: string[];
+    items: TReferencePickerItem[];
     /** `items` is still being fetched, so the right pane shows a spinner rather than
      *  claiming the kind is empty */
     loading?: boolean;
@@ -23,19 +45,43 @@ export interface IReferencePickerProps {
     error?: string;
     /** Retry the failed fetch. The error state is pressable when given. */
     onRetry?: () => void;
-    /** Already-picked references. Anything of the current kind that is already picked is
-     *  dropped from the right pane, so a reference can't be added twice. */
+    /** Already-picked references. Anything of the current kind that is already picked
+     *  renders selected in place — never removed from the list. */
     picked?: IInterfaceReference[];
     onAdd: (reference: IInterfaceReference) => void;
+    /** Un-pick a reference from inside the picker. Without it a picked row still shows
+     *  as picked, it just can't be toggled back off here. */
+    onRemove?: (reference: IInterfaceReference) => void;
     /** the whole picker is inert (e.g. a reply is in flight) */
     disabled?: boolean;
     /** Per-kind icon. Consumers with their own icon vocabulary (the IDE) pass one; the
      *  built-in per-kind default is used when omitted. */
     resolveInterfaceIcon?: (kind: string) => IReqoreIconName;
+    /**
+     * Per-kind reading name — "Value maps" for `value-map`. The kind id is a wire value
+     * and never reaches the user; this is what does. Search matches both, so typing
+     * either the id or the label finds the kind. Defaults to the built-in Qorus
+     * vocabulary.
+     */
+    resolveKindLabel?: (kind: string) => string;
     /** the underline / selected-kind colour. Defaults to the support surfaces' violet. */
     accent?: string;
     /** shown above the panes — the composer's picked-reference chips, typically */
     header?: ReactNode;
+    /**
+     * Dismiss the picker. Required for the modal presentation (a modal with no way out
+     * is a trap); the inline presentation ignores it, since the host's own toggle is
+     * what closes the picker there.
+     */
+    onClose?: () => void;
+    /** Modal heading. */
+    title?: string;
+    /** How the panes arrange. `auto` (default) stacks below `STACK_BREAKPOINT` of the
+     *  picker's own width; the explicit values are what stories pin. */
+    layout?: TReferencePickerLayout;
+    /** Where the picker renders. `auto` (default) goes to a modal on a phone-sized
+     *  viewport when `onClose` is given, and stays inline otherwise. */
+    presentation?: TReferencePickerPresentation;
 }
-export declare const ReferencePicker: ({ kinds, kind, onKindChange, items, loading, error, onRetry, picked, onAdd, disabled, resolveInterfaceIcon, accent, header, }: IReferencePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReferencePicker: ({ kinds, kind, onKindChange, items, loading, error, onRetry, picked, onAdd, onRemove, disabled, resolveInterfaceIcon, resolveKindLabel, accent, header, onClose, title, layout, presentation, }: IReferencePickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ReferencePicker.d.ts.map

package/dist/components/supportTicket/ReferencePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReferencePicker.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/ReferencePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAwB,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AA0EnE,MAAM,WAAW,qBAAqB;IACpC,oDAAoD;IACpD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;qCACiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;4EACwE;IACxE,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;0DACsD;IACtD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,eAAe,CAAC;IACzD,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,kIAczB,qBAAqB,4CA0GvB,CAAC"}
+{"version":3,"file":"ReferencePicker.d.ts","sourceRoot":"","sources":["../../../src/components/supportTicket/ReferencePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAC;AAG7E,OAAO,EAGL,mBAAmB,EACpB,MAAM,QAAQ,CAAC;AA6JhB;;;;;;GAMG;AACH,MAAM,WAAW,oBAAoB;IACnC,qEAAqE;IACrE,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iDAAiD;IACjD,KAAK,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;CACvC;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,oBAAoB,CAAC;AAEjE,mEAAmE;AACnE,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AACpE,oFAAoF;AACpF,MAAM,MAAM,4BAA4B,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,oDAAoD;IACpD,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;qCACiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;mEAC+D;IAC/D,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD;6DACyD;IACzD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACpD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;0DACsD;IACtD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,eAAe,CAAC;IACzD;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,sFAAsF;IACtF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;wEACoE;IACpE,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC;wEACoE;IACpE,YAAY,CAAC,EAAE,4BAA4B,CAAC;CAC7C;AAoDD,eAAO,MAAM,eAAe,oMAoBzB,qBAAqB,4CA0OvB,CAAC"}