npm - @openhands/agent-canvas - Versions diffs - 1.15.0 → 1.17.0 - Mend

@openhands/agent-canvas 1.15.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1277) hide show

package/dist/components/features/skills/skill-filter.js CHANGED Viewed

@@ -1,100 +1,117 @@
 import { I18nKey as e } from "../../../i18n/declaration.js";
-import { SKILL_SCOPE_ORDER as t, getSkillScope as n } from "../../../utils/skill-scope.js";
-import { getSkillCardDescription as r } from "./get-skill-card-description.js";
-import { SKILL_CATEGORY_LABEL_KEYS as i, SKILL_CATEGORY_ORDER as a, getSkillCategory as o } from "../../../utils/skill-category.js";
+import { isRecommendedSkill as t } from "../../../utils/skill-enablement.js";
+import { SKILL_SCOPE_ORDER as n, getSkillScope as r } from "../../../utils/skill-scope.js";
+import { getSkillCardDescription as i } from "./get-skill-card-description.js";
+import { SKILL_CATEGORY_LABEL_KEYS as a, SKILL_CATEGORY_ORDER as o, getSkillCategory as s } from "../../../utils/skill-category.js";
 //#region src/components/features/skills/skill-filter.ts
-var s = "source", c = "category", l = "type", u = "state", d = ["enabled", "disabled"], f = [
+var c = "source", l = "category", u = "type", d = "state", f = "recommendation", p = ["enabled", "disabled"], m = ["recommended", "other"], h = [
 	"agentskills",
 	"knowledge",
 	"repo"
-], p = {
+], g = {
 	query: "",
 	sources: /* @__PURE__ */ new Set(),
 	categories: /* @__PURE__ */ new Set(),
 	types: /* @__PURE__ */ new Set(),
-	states: /* @__PURE__ */ new Set()
+	states: /* @__PURE__ */ new Set(),
+	recommendations: /* @__PURE__ */ new Set()
 };
-function m(e, t) {
+function _(e, t) {
 	return e.map((e) => ({
 		value: e,
 		labelKey: t[e]
 	}));
 }
-function h(e, t) {
+function v(e, t) {
 	return new Set(e.filter((e) => t.has(e)));
 }
-var g = {
+var y = {
 	project: e.SETTINGS$SKILLS_SOURCE_PROJECT,
 	personal: e.SETTINGS$SKILLS_SOURCE_PERSONAL,
 	public: e.SETTINGS$SKILLS_SOURCE_PUBLIC
-}, _ = {
+}, b = {
 	agentskills: e.SETTINGS$SKILLS_TYPE_AGENTSKILLS,
 	knowledge: e.SETTINGS$SKILLS_TYPE_KNOWLEDGE,
 	repo: e.SETTINGS$SKILLS_TYPE_REPO
-}, v = {
+}, x = {
 	enabled: e.SETTINGS$SKILLS_ENABLED,
 	disabled: e.SETTINGS$SKILLS_DISABLED
-}, y = [
+}, S = {
+	recommended: e.SETTINGS$SKILLS_RECOMMENDED,
+	other: e.SETTINGS$SKILLS_RECOMMENDATION_OTHER
+}, C = [
 	{
 		id: "state",
 		labelKey: e.SETTINGS$SKILLS_FACET_STATE,
-		param: u,
-		values: m(d, v),
-		valueOf: (e, t) => t.has(e.name) ? "disabled" : "enabled",
+		param: d,
+		values: _(p, x),
+		valueOf: (e, t) => t(e) ? "enabled" : "disabled",
 		selected: (e) => e.states,
 		withSelected: (e, t) => ({
 			...e,
-			states: h(d, t)
+			states: v(p, t)
+		})
+	},
+	{
+		id: "recommendation",
+		labelKey: e.SETTINGS$SKILLS_FACET_RECOMMENDATION,
+		param: f,
+		values: _(m, S),
+		valueOf: (e) => t(e.name) ? "recommended" : "other",
+		selected: (e) => e.recommendations,
+		withSelected: (e, t) => ({
+			...e,
+			recommendations: v(m, t)
 		})
 	},
 	{
 		id: "source",
 		labelKey: e.SETTINGS$SKILLS_FACET_SOURCE,
-		param: s,
-		values: m(t, g),
-		valueOf: (e) => n(e),
+		param: c,
+		values: _(n, y),
+		valueOf: (e) => r(e),
 		selected: (e) => e.sources,
-		withSelected: (e, n) => ({
+		withSelected: (e, t) => ({
 			...e,
-			sources: h(t, n)
+			sources: v(n, t)
 		})
 	},
 	{
 		id: "category",
 		labelKey: e.SETTINGS$SKILLS_FACET_CATEGORY,
-		param: c,
-		values: m(a, i),
-		valueOf: (e) => o(e),
+		param: l,
+		values: _(o, a),
+		valueOf: (e) => s(e),
 		selected: (e) => e.categories,
 		withSelected: (e, t) => ({
 			...e,
-			categories: h(a, t)
+			categories: v(o, t)
 		})
 	},
 	{
 		id: "type",
 		labelKey: e.SETTINGS$SKILLS_FACET_TYPE,
-		param: l,
-		values: m(f, _),
+		param: u,
+		values: _(h, b),
 		valueOf: (e) => e.type,
 		selected: (e) => e.types,
 		withSelected: (e, t) => ({
 			...e,
-			types: h(f, t)
+			types: v(h, t)
 		})
 	}
 ];
-function b(e) {
-	let t = y.find((t) => t.id === e);
+function w(e) {
+	let t = C.find((t) => t.id === e);
 	if (!t) throw Error(`Unknown skill facet group: ${e}`);
 	return t;
 }
-function x(e, t) {
+function T(e, t) {
 	let n = t.trim();
 	if (!n) return !0;
-	let i = [
+	let r = [
 		e.name,
-		r(e),
+		i(e),
 		e.description ?? "",
 		e.content ?? "",
 		e.license ?? "",
@@ -102,19 +119,19 @@ function x(e, t) {
 		...e.triggers ?? [],
 		...e.allowed_tools ?? []
 	], a = n.toLowerCase();
-	return i.some((e) => e.toLowerCase().includes(a));
+	return r.some((e) => e.toLowerCase().includes(a));
 }
-function S(e, t, n, r) {
-	return y.every((i) => {
+function E(e, t, n, r) {
+	return C.every((i) => {
 		if (i.id === r) return !0;
 		let a = i.selected(n);
 		return a.size === 0 ? !0 : a.has(i.valueOf(e, t));
 	});
 }
-function C(e, t, n) {
-	return e.filter((e) => x(e, n.query) && S(e, t, n));
+function D(e, t, n) {
+	return e.filter((e) => T(e, n.query) && E(e, t, n));
 }
-function w(e, t, n) {
+function O(e, t, n) {
 	let r = {};
 	for (let i of e) {
 		let e = t.valueOf(i, n);
@@ -122,10 +139,10 @@ function w(e, t, n) {
 	}
 	return r;
 }
-function T(e, t, n, r, i) {
-	let a = w(t, e, r), o = e.values.filter(({ value: e }) => (a[e] ?? 0) > 0), s = e.selected(i);
+function k(e, t, n, r, i) {
+	let a = O(t, e, r), o = e.values.filter(({ value: e }) => (a[e] ?? 0) > 0), s = e.selected(i);
 	if (o.length < 2 && s.size === 0) return null;
-	let c = e.values.filter(({ value: e }) => (a[e] ?? 0) > 0 || s.has(e)), l = w(n.filter((t) => S(t, r, i, e.id)), e, r);
+	let c = e.values.filter(({ value: e }) => (a[e] ?? 0) > 0 || s.has(e)), l = O(n.filter((t) => E(t, r, i, e.id)), e, r);
 	return {
 		id: e.id,
 		labelKey: e.labelKey,
@@ -141,26 +158,26 @@ function T(e, t, n, r, i) {
 		})
 	};
 }
-function E(e, t, n) {
-	let r = e.filter((e) => x(e, n.query));
-	return y.map((i) => T(i, e, r, t, n)).filter((e) => e !== null);
+function A(e, t, n) {
+	let r = e.filter((e) => T(e, n.query));
+	return C.map((i) => k(i, e, r, t, n)).filter((e) => e !== null);
 }
-function D(e, t, n) {
-	let r = b(t);
+function j(e, t, n) {
+	let r = w(t);
 	if (!r.values.some((e) => e.value === n)) return e;
 	let i = new Set(r.selected(e));
 	return i.has(n) ? i.delete(n) : i.add(n), r.withSelected(e, i);
 }
-function O(e) {
+function M(e) {
 	return {
-		...p,
+		...g,
 		query: e.query
 	};
 }
-function k(e) {
-	return y.reduce((t, n) => t + n.selected(e).size, 0);
+function N(e) {
+	return C.reduce((t, n) => t + n.selected(e).size, 0);
 }
 //#endregion
-export { p as EMPTY_SKILL_FILTER_STATE, C as applySkillFilters, E as buildSkillFacetGroups, O as clearSkillFilterFacets, k as countActiveFilters, D as toggleSkillFilterValue };
+export { g as EMPTY_SKILL_FILTER_STATE, D as applySkillFilters, A as buildSkillFacetGroups, M as clearSkillFilterFacets, N as countActiveFilters, j as toggleSkillFilterValue };
 //# sourceMappingURL=skill-filter.js.map

package/dist/components/features/skills/skill-filter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"skill-filter.js","names":[],"sources":["../../../../src/components/features/skills/skill-filter.ts"],"sourcesContent":["import type { SkillCategoryId } from \"@openhands/extensions/skills\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo, SkillType } from \"#/types/settings\";\nimport {\n getSkillCategory,\n SKILL_CATEGORY_LABEL_KEYS,\n SKILL_CATEGORY_ORDER,\n} from \"#/utils/skill-category\";\nimport {\n getSkillScope,\n SKILL_SCOPE_ORDER,\n type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { getSkillCardDescription } from \"./get-skill-card-description\";\n\nexport const SKILL_FILTER_QUERY_PARAM = \"q\";\nconst SOURCE_PARAM = \"source\";\nconst CATEGORY_PARAM = \"category\";\nconst TYPE_PARAM = \"type\";\nconst STATE_PARAM = \"state\";\n\nexport type SkillEnabledState = \"enabled\" \| \"disabled\";\nexport type SkillFacetGroupId = \"state\" \| \"source\" \| \"category\" \| \"type\";\n\nconst SKILL_ENABLED_STATE_ORDER: readonly SkillEnabledState[] = [\n \"enabled\",\n \"disabled\",\n];\nconst SKILL_TYPE_ORDER: readonly SkillType[] = [\n \"agentskills\",\n \"knowledge\",\n \"repo\",\n];\n\nexport interface SkillFilterState {\n query: string;\n sources: Set<SkillScope>;\n categories: Set<SkillCategoryId>;\n types: Set<SkillType>;\n states: Set<SkillEnabledState>;\n}\n\nexport interface SkillFacetRowModel {\n value: string;\n labelKey: I18nKey;\n count: number;\n checked: boolean;\n disabled: boolean;\n}\n\nexport interface SkillFacetGroup {\n id: SkillFacetGroupId;\n labelKey: I18nKey;\n rows: SkillFacetRowModel[];\n}\n\nexport const EMPTY_SKILL_FILTER_STATE: SkillFilterState = {\n query: \"\",\n sources: new Set(),\n categories: new Set(),\n types: new Set(),\n states: new Set(),\n};\n\n/** Carrying `labelKey`s rather than translated strings keeps this module pure, so its tests need no i18n. /\ninterface GroupValue {\n value: string;\n labelKey: I18nKey;\n}\n\nfunction labelledValues<TValue extends string>(\n order: readonly TValue[],\n labelKeys: Record<TValue, I18nKey>,\n): readonly GroupValue[] {\n return order.map((value) => ({ value, labelKey: labelKeys[value] }));\n}\n\n/* A new facet group is declared here and nowhere else: `selected` / `withSelected` are what keep every operation below driven by this table alone. /\ninterface GroupDef {\n id: SkillFacetGroupId;\n labelKey: I18nKey;\n param: string;\n values: readonly GroupValue[];\n valueOf: (skill: SkillInfo, disabledSet: Set<string>) => string;\n selected: (state: SkillFilterState) => Set<string>;\n withSelected: (\n state: SkillFilterState,\n next: Set<string>,\n ) => SkillFilterState;\n}\n\n/* Rebuilding rather than casting keeps every writer below cast-free: a value the group does not declare cannot survive. /\nfunction narrowSet<TValue extends string>(\n order: readonly TValue[],\n next: Set<string>,\n): Set<TValue> {\n return new Set(order.filter((value) => next.has(value)));\n}\n\nconst SOURCE_LABEL_KEYS: Record<SkillScope, I18nKey> = {\n project: I18nKey.SETTINGS$SKILLS_SOURCE_PROJECT,\n personal: I18nKey.SETTINGS$SKILLS_SOURCE_PERSONAL,\n public: I18nKey.SETTINGS$SKILLS_SOURCE_PUBLIC,\n};\n\nconst TYPE_LABEL_KEYS: Record<SkillType, I18nKey> = {\n agentskills: I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,\n knowledge: I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,\n repo: I18nKey.SETTINGS$SKILLS_TYPE_REPO,\n};\n\nconst STATE_LABEL_KEYS: Record<SkillEnabledState, I18nKey> = {\n enabled: I18nKey.SETTINGS$SKILLS_ENABLED,\n disabled: I18nKey.SETTINGS$SKILLS_DISABLED,\n};\n\nconst GROUP_DEFS: readonly GroupDef[] = [\n {\n id: \"state\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_STATE,\n param: STATE_PARAM,\n values: labelledValues(SKILL_ENABLED_STATE_ORDER, STATE_LABEL_KEYS),\n valueOf: (skill, disabledSet) =>\n disabledSet.has(skill.name) ? \"disabled\" : \"enabled\",\n selected: (state) => state.states,\n withSelected: (state, next) => ({\n ...state,\n states: narrowSet(SKILL_ENABLED_STATE_ORDER, next),\n }),\n },\n {\n id: \"source\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_SOURCE,\n param: SOURCE_PARAM,\n values: labelledValues(SKILL_SCOPE_ORDER, SOURCE_LABEL_KEYS),\n valueOf: (skill) => getSkillScope(skill),\n selected: (state) => state.sources,\n withSelected: (state, next) => ({\n ...state,\n sources: narrowSet(SKILL_SCOPE_ORDER, next),\n }),\n },\n {\n id: \"category\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_CATEGORY,\n param: CATEGORY_PARAM,\n values: labelledValues(SKILL_CATEGORY_ORDER, SKILL_CATEGORY_LABEL_KEYS),\n valueOf: (skill) => getSkillCategory(skill),\n selected: (state) => state.categories,\n withSelected: (state, next) => ({\n ...state,\n categories: narrowSet(SKILL_CATEGORY_ORDER, next),\n }),\n },\n {\n id: \"type\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_TYPE,\n param: TYPE_PARAM,\n values: labelledValues(SKILL_TYPE_ORDER, TYPE_LABEL_KEYS),\n valueOf: (skill) => skill.type,\n selected: (state) => state.types,\n withSelected: (state, next) => ({\n ...state,\n types: narrowSet(SKILL_TYPE_ORDER, next),\n }),\n },\n];\n\nfunction groupDef(id: SkillFacetGroupId): GroupDef {\n const def = GROUP_DEFS.find((candidate) => candidate.id === id);\n if (!def) throw new Error(`Unknown skill facet group: ${id}`);\n return def;\n}\n\n/* Unknown values are dropped, so a hand-edited URL cannot smuggle one in. /\nfunction parseSet(raw: string[], def: GroupDef): Set<string> {\n const legal = new Set(def.values.map(({ value }) => value));\n return new Set(\n raw.map((value) => value.trim()).filter((value) => legal.has(value)),\n );\n}\n\nexport function parseSkillFilterState(\n params: URLSearchParams,\n): SkillFilterState {\n return GROUP_DEFS.reduce<SkillFilterState>(\n (state, def) =>\n def.withSelected(state, parseSet(params.getAll(def.param), def)),\n {\n ...EMPTY_SKILL_FILTER_STATE,\n query: params.get(SKILL_FILTER_QUERY_PARAM) ?? \"\",\n },\n );\n}\n\nexport function toSkillFilterSearchParams(\n state: SkillFilterState,\n): URLSearchParams {\n const params = new URLSearchParams();\n if (state.query) params.set(SKILL_FILTER_QUERY_PARAM, state.query);\n\n // Canonical order keeps URLs deterministic regardless of click order.\n for (const def of GROUP_DEFS) {\n const selected = def.selected(state);\n for (const { value } of def.values) {\n if (selected.has(value)) params.append(def.param, value);\n }\n }\n\n return params;\n}\n\nfunction matchesQuery(skill: SkillInfo, query: string): boolean {\n const trimmed = query.trim();\n if (!trimmed) return true;\n\n const haystacks = [\n skill.name,\n getSkillCardDescription(skill),\n skill.description ?? \"\",\n skill.content ?? \"\",\n skill.license ?? \"\",\n skill.compatibility ?? \"\",\n ...(skill.triggers ?? []),\n ...(skill.allowed_tools ?? []),\n ];\n\n const lowered = trimmed.toLowerCase();\n return haystacks.some((value) => value.toLowerCase().includes(lowered));\n}\n\n/\n `exclude` omits one group's own selection so its rows stay counted against the other groups alone.\n * A row therefore reads \"this many skills carry this value, under your other filters\" — the usual disjunctive facet count — and not \"your result set will be this big\": the group ORs its values together, so on a group that already has a selection the two differ.\n */\nfunction matchesFacets(\n skill: SkillInfo,\n disabledSet: Set<string>,\n state: SkillFilterState,\n exclude?: SkillFacetGroupId,\n): boolean {\n return GROUP_DEFS.every((def) => {\n if (def.id === exclude) return true;\n const selected = def.selected(state);\n if (selected.size === 0) return true;\n return selected.has(def.valueOf(skill, disabledSet));\n });\n}\n\nexport function applySkillFilters(\n skills: SkillInfo[],\n disabledSet: Set<string>,\n state: SkillFilterState,\n): SkillInfo[] {\n return skills.filter(\n (skill) =>\n matchesQuery(skill, state.query) &&\n matchesFacets(skill, disabledSet, state),\n );\n}\n\nfunction countByValue(\n skills: SkillInfo[],\n def: GroupDef,\n disabledSet: Set<string>,\n): Record<string, number> {\n const counts: Record<string, number> = {};\n for (const skill of skills) {\n const value = def.valueOf(skill, disabledSet);\n counts[value] = (counts[value] ?? 0) + 1;\n }\n return counts;\n}\n\nfunction buildGroup(\n def: GroupDef,\n allSkills: SkillInfo[],\n searched: SkillInfo[],\n disabledSet: Set<string>,\n state: SkillFilterState,\n): SkillFacetGroup \| null {\n // Visibility and the row set come from the raw list so the rail's shape\n // depends only on what the user has, never on the active filters. If they\n // tracked filtered counts, narrowing could make a group vanish mid-click.\n const rawCounts = countByValue(allSkills, def, disabledSet);\n const discriminating = def.values.filter(\n ({ value }) => (rawCounts[value] ?? 0) > 0,\n );\n const selected = def.selected(state);\n // A group with only one (or zero) discriminating values is normally hidden,\n // but a selection can still be carried in from the URL for a value that has\n // no matches for this user. Hiding the group then would enforce the filter\n // invisibly, with no row left to explain or undo it.\n if (discriminating.length < 2 && selected.size === 0) return null;\n\n const visibleValues = def.values.filter(\n ({ value }) => (rawCounts[value] ?? 0) > 0 \|\| selected.has(value),\n );\n\n const candidates = searched.filter((skill) =>\n matchesFacets(skill, disabledSet, state, def.id),\n );\n const counts = countByValue(candidates, def, disabledSet);\n\n return {\n id: def.id,\n labelKey: def.labelKey,\n rows: visibleValues.map(({ value, labelKey }) => {\n const count = counts[value] ?? 0;\n const checked = selected.has(value);\n return {\n value,\n labelKey,\n count,\n checked,\n disabled: count === 0 && !checked,\n };\n }),\n };\n}\n\nexport function buildSkillFacetGroups(\n skills: SkillInfo[],\n disabledSet: Set<string>,\n state: SkillFilterState,\n): SkillFacetGroup[] {\n const searched = skills.filter((skill) => matchesQuery(skill, state.query));\n\n return GROUP_DEFS.map((def) =>\n buildGroup(def, skills, searched, disabledSet, state),\n ).filter((group): group is SkillFacetGroup => group !== null);\n}\n\nexport function toggleSkillFilterValue(\n state: SkillFilterState,\n groupId: SkillFacetGroupId,\n value: string,\n): SkillFilterState {\n const def = groupDef(groupId);\n // `withSelected` would drop an unknown value anyway; returning the same\n // state object keeps a no-op toggle from re-rendering or rewriting the URL.\n if (!def.values.some((candidate) => candidate.value === value)) return state;\n\n const next = new Set(def.selected(state));\n if (next.has(value)) {\n next.delete(value);\n } else {\n next.add(value);\n }\n\n return def.withSelected(state, next);\n}\n\nexport function clearSkillFilterFacets(\n state: SkillFilterState,\n): SkillFilterState {\n return { ...EMPTY_SKILL_FILTER_STATE, query: state.query };\n}\n\nexport function countActiveFilters(state: SkillFilterState): number {\n // The query is excluded: it is already visible in its own input, so counting\n // it would double-report in both the Filters badge and the summary row.\n return GROUP_DEFS.reduce((total, def) => total + def.selected(state).size, 0);\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"skill-filter.js","names":[],"sources":["../../../../src/components/features/skills/skill-filter.ts"],"sourcesContent":["import type { SkillCategoryId } from \"@openhands/extensions/skills\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport type { SkillInfo, SkillType } from \"#/types/settings\";\nimport {\n getSkillCategory,\n SKILL_CATEGORY_LABEL_KEYS,\n SKILL_CATEGORY_ORDER,\n} from \"#/utils/skill-category\";\nimport {\n getSkillScope,\n SKILL_SCOPE_ORDER,\n type SkillScope,\n} from \"#/utils/skill-scope\";\nimport { isRecommendedSkill } from \"#/utils/skill-enablement\";\nimport { getSkillCardDescription } from \"./get-skill-card-description\";\n\nexport const SKILL_FILTER_QUERY_PARAM = \"q\";\nconst SOURCE_PARAM = \"source\";\nconst CATEGORY_PARAM = \"category\";\nconst TYPE_PARAM = \"type\";\nconst STATE_PARAM = \"state\";\nconst RECOMMENDATION_PARAM = \"recommendation\";\n\nexport type SkillEnabledState = \"enabled\" \| \"disabled\";\nexport type SkillRecommendation = \"recommended\" \| \"other\";\nexport type SkillFacetGroupId =\n \| \"state\"\n \| \"recommendation\"\n \| \"source\"\n \| \"category\"\n \| \"type\";\n\nconst SKILL_ENABLED_STATE_ORDER: readonly SkillEnabledState[] = [\n \"enabled\",\n \"disabled\",\n];\nconst SKILL_RECOMMENDATION_ORDER: readonly SkillRecommendation[] = [\n \"recommended\",\n \"other\",\n];\nconst SKILL_TYPE_ORDER: readonly SkillType[] = [\n \"agentskills\",\n \"knowledge\",\n \"repo\",\n];\n\nexport interface SkillFilterState {\n query: string;\n sources: Set<SkillScope>;\n categories: Set<SkillCategoryId>;\n types: Set<SkillType>;\n states: Set<SkillEnabledState>;\n recommendations: Set<SkillRecommendation>;\n}\n\nexport interface SkillFacetRowModel {\n value: string;\n labelKey: I18nKey;\n count: number;\n checked: boolean;\n disabled: boolean;\n}\n\nexport interface SkillFacetGroup {\n id: SkillFacetGroupId;\n labelKey: I18nKey;\n rows: SkillFacetRowModel[];\n}\n\nexport const EMPTY_SKILL_FILTER_STATE: SkillFilterState = {\n query: \"\",\n sources: new Set(),\n categories: new Set(),\n types: new Set(),\n states: new Set(),\n recommendations: new Set(),\n};\n\n/** Carrying `labelKey`s rather than translated strings keeps this module pure, so its tests need no i18n. /\ninterface GroupValue {\n value: string;\n labelKey: I18nKey;\n}\n\nfunction labelledValues<TValue extends string>(\n order: readonly TValue[],\n labelKeys: Record<TValue, I18nKey>,\n): readonly GroupValue[] {\n return order.map((value) => ({ value, labelKey: labelKeys[value] }));\n}\n\n/* Resolving the two lists behind enablement is the caller's job, not this module's. /\ntype SkillEnabledPredicate = (skill: SkillInfo) => boolean;\n\n/* A new facet group is declared here and nowhere else: `selected` / `withSelected` are what keep every operation below driven by this table alone. /\ninterface GroupDef {\n id: SkillFacetGroupId;\n labelKey: I18nKey;\n param: string;\n values: readonly GroupValue[];\n valueOf: (skill: SkillInfo, isEnabled: SkillEnabledPredicate) => string;\n selected: (state: SkillFilterState) => Set<string>;\n withSelected: (\n state: SkillFilterState,\n next: Set<string>,\n ) => SkillFilterState;\n}\n\n/* Rebuilding rather than casting keeps every writer below cast-free: a value the group does not declare cannot survive. /\nfunction narrowSet<TValue extends string>(\n order: readonly TValue[],\n next: Set<string>,\n): Set<TValue> {\n return new Set(order.filter((value) => next.has(value)));\n}\n\nconst SOURCE_LABEL_KEYS: Record<SkillScope, I18nKey> = {\n project: I18nKey.SETTINGS$SKILLS_SOURCE_PROJECT,\n personal: I18nKey.SETTINGS$SKILLS_SOURCE_PERSONAL,\n public: I18nKey.SETTINGS$SKILLS_SOURCE_PUBLIC,\n};\n\nconst TYPE_LABEL_KEYS: Record<SkillType, I18nKey> = {\n agentskills: I18nKey.SETTINGS$SKILLS_TYPE_AGENTSKILLS,\n knowledge: I18nKey.SETTINGS$SKILLS_TYPE_KNOWLEDGE,\n repo: I18nKey.SETTINGS$SKILLS_TYPE_REPO,\n};\n\nconst STATE_LABEL_KEYS: Record<SkillEnabledState, I18nKey> = {\n enabled: I18nKey.SETTINGS$SKILLS_ENABLED,\n disabled: I18nKey.SETTINGS$SKILLS_DISABLED,\n};\n\nconst RECOMMENDATION_LABEL_KEYS: Record<SkillRecommendation, I18nKey> = {\n recommended: I18nKey.SETTINGS$SKILLS_RECOMMENDED,\n other: I18nKey.SETTINGS$SKILLS_RECOMMENDATION_OTHER,\n};\n\nconst GROUP_DEFS: readonly GroupDef[] = [\n {\n id: \"state\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_STATE,\n param: STATE_PARAM,\n values: labelledValues(SKILL_ENABLED_STATE_ORDER, STATE_LABEL_KEYS),\n valueOf: (skill, isEnabled) => (isEnabled(skill) ? \"enabled\" : \"disabled\"),\n selected: (state) => state.states,\n withSelected: (state, next) => ({\n ...state,\n states: narrowSet(SKILL_ENABLED_STATE_ORDER, next),\n }),\n },\n {\n id: \"recommendation\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_RECOMMENDATION,\n param: RECOMMENDATION_PARAM,\n values: labelledValues(\n SKILL_RECOMMENDATION_ORDER,\n RECOMMENDATION_LABEL_KEYS,\n ),\n valueOf: (skill) =>\n isRecommendedSkill(skill.name) ? \"recommended\" : \"other\",\n selected: (state) => state.recommendations,\n withSelected: (state, next) => ({\n ...state,\n recommendations: narrowSet(SKILL_RECOMMENDATION_ORDER, next),\n }),\n },\n {\n id: \"source\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_SOURCE,\n param: SOURCE_PARAM,\n values: labelledValues(SKILL_SCOPE_ORDER, SOURCE_LABEL_KEYS),\n valueOf: (skill) => getSkillScope(skill),\n selected: (state) => state.sources,\n withSelected: (state, next) => ({\n ...state,\n sources: narrowSet(SKILL_SCOPE_ORDER, next),\n }),\n },\n {\n id: \"category\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_CATEGORY,\n param: CATEGORY_PARAM,\n values: labelledValues(SKILL_CATEGORY_ORDER, SKILL_CATEGORY_LABEL_KEYS),\n valueOf: (skill) => getSkillCategory(skill),\n selected: (state) => state.categories,\n withSelected: (state, next) => ({\n ...state,\n categories: narrowSet(SKILL_CATEGORY_ORDER, next),\n }),\n },\n {\n id: \"type\",\n labelKey: I18nKey.SETTINGS$SKILLS_FACET_TYPE,\n param: TYPE_PARAM,\n values: labelledValues(SKILL_TYPE_ORDER, TYPE_LABEL_KEYS),\n valueOf: (skill) => skill.type,\n selected: (state) => state.types,\n withSelected: (state, next) => ({\n ...state,\n types: narrowSet(SKILL_TYPE_ORDER, next),\n }),\n },\n];\n\nfunction groupDef(id: SkillFacetGroupId): GroupDef {\n const def = GROUP_DEFS.find((candidate) => candidate.id === id);\n if (!def) throw new Error(`Unknown skill facet group: ${id}`);\n return def;\n}\n\n/* Unknown values are dropped, so a hand-edited URL cannot smuggle one in. /\nfunction parseSet(raw: string[], def: GroupDef): Set<string> {\n const legal = new Set(def.values.map(({ value }) => value));\n return new Set(\n raw.map((value) => value.trim()).filter((value) => legal.has(value)),\n );\n}\n\nexport function parseSkillFilterState(\n params: URLSearchParams,\n): SkillFilterState {\n return GROUP_DEFS.reduce<SkillFilterState>(\n (state, def) =>\n def.withSelected(state, parseSet(params.getAll(def.param), def)),\n {\n ...EMPTY_SKILL_FILTER_STATE,\n query: params.get(SKILL_FILTER_QUERY_PARAM) ?? \"\",\n },\n );\n}\n\nexport function toSkillFilterSearchParams(\n state: SkillFilterState,\n): URLSearchParams {\n const params = new URLSearchParams();\n if (state.query) params.set(SKILL_FILTER_QUERY_PARAM, state.query);\n\n // Canonical order keeps URLs deterministic regardless of click order.\n for (const def of GROUP_DEFS) {\n const selected = def.selected(state);\n for (const { value } of def.values) {\n if (selected.has(value)) params.append(def.param, value);\n }\n }\n\n return params;\n}\n\nfunction matchesQuery(skill: SkillInfo, query: string): boolean {\n const trimmed = query.trim();\n if (!trimmed) return true;\n\n const haystacks = [\n skill.name,\n getSkillCardDescription(skill),\n skill.description ?? \"\",\n skill.content ?? \"\",\n skill.license ?? \"\",\n skill.compatibility ?? \"\",\n ...(skill.triggers ?? []),\n ...(skill.allowed_tools ?? []),\n ];\n\n const lowered = trimmed.toLowerCase();\n return haystacks.some((value) => value.toLowerCase().includes(lowered));\n}\n\n/\n `exclude` omits one group's own selection so its rows stay counted against the other groups alone.\n * A row therefore reads \"this many skills carry this value, under your other filters\" — the usual disjunctive facet count — and not \"your result set will be this big\": the group ORs its values together, so on a group that already has a selection the two differ.\n */\nfunction matchesFacets(\n skill: SkillInfo,\n isEnabled: SkillEnabledPredicate,\n state: SkillFilterState,\n exclude?: SkillFacetGroupId,\n): boolean {\n return GROUP_DEFS.every((def) => {\n if (def.id === exclude) return true;\n const selected = def.selected(state);\n if (selected.size === 0) return true;\n return selected.has(def.valueOf(skill, isEnabled));\n });\n}\n\nexport function applySkillFilters(\n skills: SkillInfo[],\n isEnabled: SkillEnabledPredicate,\n state: SkillFilterState,\n): SkillInfo[] {\n return skills.filter(\n (skill) =>\n matchesQuery(skill, state.query) &&\n matchesFacets(skill, isEnabled, state),\n );\n}\n\nfunction countByValue(\n skills: SkillInfo[],\n def: GroupDef,\n isEnabled: SkillEnabledPredicate,\n): Record<string, number> {\n const counts: Record<string, number> = {};\n for (const skill of skills) {\n const value = def.valueOf(skill, isEnabled);\n counts[value] = (counts[value] ?? 0) + 1;\n }\n return counts;\n}\n\nfunction buildGroup(\n def: GroupDef,\n allSkills: SkillInfo[],\n searched: SkillInfo[],\n isEnabled: SkillEnabledPredicate,\n state: SkillFilterState,\n): SkillFacetGroup \| null {\n // Visibility and the row set come from the raw list so the rail's shape\n // depends only on what the user has, never on the active filters. If they\n // tracked filtered counts, narrowing could make a group vanish mid-click.\n const rawCounts = countByValue(allSkills, def, isEnabled);\n const discriminating = def.values.filter(\n ({ value }) => (rawCounts[value] ?? 0) > 0,\n );\n const selected = def.selected(state);\n // A group with only one (or zero) discriminating values is normally hidden,\n // but a selection can still be carried in from the URL for a value that has\n // no matches for this user. Hiding the group then would enforce the filter\n // invisibly, with no row left to explain or undo it.\n if (discriminating.length < 2 && selected.size === 0) return null;\n\n const visibleValues = def.values.filter(\n ({ value }) => (rawCounts[value] ?? 0) > 0 \|\| selected.has(value),\n );\n\n const candidates = searched.filter((skill) =>\n matchesFacets(skill, isEnabled, state, def.id),\n );\n const counts = countByValue(candidates, def, isEnabled);\n\n return {\n id: def.id,\n labelKey: def.labelKey,\n rows: visibleValues.map(({ value, labelKey }) => {\n const count = counts[value] ?? 0;\n const checked = selected.has(value);\n return {\n value,\n labelKey,\n count,\n checked,\n disabled: count === 0 && !checked,\n };\n }),\n };\n}\n\nexport function buildSkillFacetGroups(\n skills: SkillInfo[],\n isEnabled: SkillEnabledPredicate,\n state: SkillFilterState,\n): SkillFacetGroup[] {\n const searched = skills.filter((skill) => matchesQuery(skill, state.query));\n\n return GROUP_DEFS.map((def) =>\n buildGroup(def, skills, searched, isEnabled, state),\n ).filter((group): group is SkillFacetGroup => group !== null);\n}\n\nexport function toggleSkillFilterValue(\n state: SkillFilterState,\n groupId: SkillFacetGroupId,\n value: string,\n): SkillFilterState {\n const def = groupDef(groupId);\n // `withSelected` would drop an unknown value anyway; returning the same\n // state object keeps a no-op toggle from re-rendering or rewriting the URL.\n if (!def.values.some((candidate) => candidate.value === value)) return state;\n\n const next = new Set(def.selected(state));\n if (next.has(value)) {\n next.delete(value);\n } else {\n next.add(value);\n }\n\n return def.withSelected(state, next);\n}\n\nexport function clearSkillFilterFacets(\n state: SkillFilterState,\n): SkillFilterState {\n return { ...EMPTY_SKILL_FILTER_STATE, query: state.query };\n}\n\nexport function countActiveFilters(state: SkillFilterState): number {\n // The query is excluded: it is already visible in its own input, so counting\n // it would double-report in both the Filters badge and the summary row.\n return GROUP_DEFS.reduce((total, def) => total + def.selected(state).size, 0);\n}\n"],"mappings":"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"}

package/dist/components/shared/buttons/styled-tooltip.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){return r.default.Children.count(e)===1&&r.default.isValidElement(e)?e:(0,i.jsx)(`span`,{className:`inline-flex`,children:e})}function o({children:e,content:r,tooltipClassName:o,placement:s=`right`,showArrow:c=!1,closeDelay:l=100,shouldFlip:u,offset:d=7}){return(0,i.jsx)(n.tooltip_default,{content:r,closeDelay:l,placement:s,offset:d,shouldFlip:u,className:t.cn(`bg-white text-black`,o),showArrow:c,disableAnimation:!1,classNames:{content:t.cn(`z-[9999] rounded-md px-2 py-1 text-xs font-medium shadow-md`,`!bg-white !text-black`,o)},children:a(e)})}exports.StyledTooltip=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../node_modules/@heroui/tooltip/dist/chunk-AUA5GDXN.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(e){return r.default.Children.count(e)===1&&r.default.isValidElement(e)?e:(0,i.jsx)(`span`,{className:`inline-flex`,children:e})}function o({children:e,content:r,tooltipClassName:o,placement:s=`right`,showArrow:c=!1,closeDelay:l=100,shouldFlip:u,offset:d=7,isOpen:f}){return(0,i.jsx)(n.tooltip_default,{content:r,closeDelay:l,placement:s,offset:d,shouldFlip:u,isOpen:f,className:t.cn(`bg-white text-black`,o),showArrow:c,disableAnimation:!1,classNames:{content:t.cn(`z-[9999] rounded-md px-2 py-1 text-xs font-medium shadow-md`,`!bg-white !text-black`,o)},children:a(e)})}exports.StyledTooltip=o;
 //# sourceMappingURL=styled-tooltip.cjs.map

package/dist/components/shared/buttons/styled-tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled-tooltip.cjs","names":[],"sources":["../../../../src/components/shared/buttons/styled-tooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from \"@heroui/react\";\nimport React, { ReactNode } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface StyledTooltipProps {\n children: ReactNode;\n content: string \| ReactNode;\n tooltipClassName?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n placement?: TooltipProps[\"placement\"];\n showArrow?: boolean;\n closeDelay?: number;\n offset?: number;\n shouldFlip?: boolean;\n}\n\nfunction getTooltipTriggerChild(children: ReactNode) {\n if (React.Children.count(children) === 1 && React.isValidElement(children)) {\n return children;\n }\n return <span className=\"inline-flex\">{children}</span>;\n}\n\nexport function StyledTooltip({\n children,\n content,\n tooltipClassName,\n placement = \"right\",\n showArrow = false,\n closeDelay = 100,\n shouldFlip,\n offset = 7,\n}: StyledTooltipProps) {\n const disableAnimation = import.meta.env.MODE === \"test\";\n\n return (\n <Tooltip\n content={content}\n closeDelay={closeDelay}\n placement={placement}\n offset={offset}\n shouldFlip={shouldFlip}\n className={cn(\"bg-white text-black\", tooltipClassName)}\n showArrow={showArrow}\n disableAnimation={disableAnimation}\n classNames={{\n content: cn(\n \"z-[9999] rounded-md px-2 py-1 text-xs font-medium shadow-md\",\n \"!bg-white !text-black\",\n tooltipClassName,\n ),\n }}\n >\n {getTooltipTriggerChild(children)}\n </Tooltip>\n );\n}\n"],"mappings":"~~uPAeA~~,SAAS,EAAuB,EAAqB,CAInD,OAHI,EAAA,QAAM,SAAS,MAAM,CAAQ,IAAM,GAAK,EAAA,QAAM,eAAe,CAAQ,EAChE,GAEF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,cAAe,UAAe,CAAA,CACvD,CAEA,SAAgB,EAAc,CAC5B,WACA,UACA,mBACA,YAAY,QACZ,YAAY,GACZ,aAAa,IACb,aACA,SAAS,~~GACY~~,CAGrB,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACW,UACG,aACD,YACH,SACI,~~aACZ~~,UAAW,EAAA,GAAG,sBAAuB,CAAgB,EAC1C,YACO,iBAAA,GAClB,WAAY,CACV,QAAS,EAAA,GACP,8DACA,wBACA,CACF,CACF,WAEC,EAAuB,CAAQ,CACzB,CAAA,CAEb"}
1	+ {"version":3,"file":"styled-tooltip.cjs","names":[],"sources":["../../../../src/components/shared/buttons/styled-tooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from \"@heroui/react\";\nimport React, { ReactNode } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface StyledTooltipProps {\n children: ReactNode;\n content: string \| ReactNode;\n tooltipClassName?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n placement?: TooltipProps[\"placement\"];\n showArrow?: boolean;\n closeDelay?: number;\n offset?: number;\n shouldFlip?: boolean;\n isOpen?: TooltipProps[\"isOpen\"];\n}\n\nfunction getTooltipTriggerChild(children: ReactNode) {\n if (React.Children.count(children) === 1 && React.isValidElement(children)) {\n return children;\n }\n return <span className=\"inline-flex\">{children}</span>;\n}\n\nexport function StyledTooltip({\n children,\n content,\n tooltipClassName,\n placement = \"right\",\n showArrow = false,\n closeDelay = 100,\n shouldFlip,\n offset = 7,\n isOpen,\n}: StyledTooltipProps) {\n const disableAnimation = import.meta.env.MODE === \"test\";\n\n return (\n <Tooltip\n content={content}\n closeDelay={closeDelay}\n placement={placement}\n offset={offset}\n shouldFlip={shouldFlip}\n isOpen={isOpen}\n className={cn(\"bg-white text-black\", tooltipClassName)}\n showArrow={showArrow}\n disableAnimation={disableAnimation}\n classNames={{\n content: cn(\n \"z-[9999] rounded-md px-2 py-1 text-xs font-medium shadow-md\",\n \"!bg-white !text-black\",\n tooltipClassName,\n ),\n }}\n >\n {getTooltipTriggerChild(children)}\n </Tooltip>\n );\n}\n"],"mappings":"uPAgBA,SAAS,EAAuB,EAAqB,CAInD,OAHI,EAAA,QAAM,SAAS,MAAM,CAAQ,IAAM,GAAK,EAAA,QAAM,eAAe,CAAQ,EAChE,GAEF,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,cAAe,UAAe,CAAA,CACvD,CAEA,SAAgB,EAAc,CAC5B,WACA,UACA,mBACA,YAAY,QACZ,YAAY,GACZ,aAAa,IACb,aACA,SAAS,EACT,UACqB,CAGrB,OACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACW,UACG,aACD,YACH,SACI,aACJ,SACR,UAAW,EAAA,GAAG,sBAAuB,CAAgB,EAC1C,YACO,iBAAA,GAClB,WAAY,CACV,QAAS,EAAA,GACP,8DACA,wBACA,CACF,CACF,WAEC,EAAuB,CAAQ,CACzB,CAAA,CAEb"}

package/dist/components/shared/buttons/styled-tooltip.d.ts CHANGED Viewed

@@ -9,5 +9,6 @@ export interface StyledTooltipProps {
     closeDelay?: number;
     offset?: number;
     shouldFlip?: boolean;
+    isOpen?: TooltipProps["isOpen"];
 }
-export declare function StyledTooltip({ children, content, tooltipClassName, placement, showArrow, closeDelay, shouldFlip, offset, }: StyledTooltipProps): React.JSX.Element;
+export declare function StyledTooltip({ children, content, tooltipClassName, placement, showArrow, closeDelay, shouldFlip, offset, isOpen, }: StyledTooltipProps): React.JSX.Element;

package/dist/components/shared/buttons/styled-tooltip.js CHANGED Viewed

@@ -9,13 +9,14 @@ function i(e) {
 		children: e
 	});
 }
-function a({ children: n, content: a, tooltipClassName: o, placement: s = "right", showArrow: c = !1, closeDelay: l = 100, shouldFlip: u, offset: d = 7 }) {
+function a({ children: n, content: a, tooltipClassName: o, placement: s = "right", showArrow: c = !1, closeDelay: l = 100, shouldFlip: u, offset: d = 7, isOpen: f }) {
 	return /* @__PURE__ */ r(t, {
 		content: a,
 		closeDelay: l,
 		placement: s,
 		offset: d,
 		shouldFlip: u,
+		isOpen: f,
 		className: e("bg-white text-black", o),
 		showArrow: c,
 		disableAnimation: !1,

package/dist/components/shared/buttons/styled-tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled-tooltip.js","names":[],"sources":["../../../../src/components/shared/buttons/styled-tooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from \"@heroui/react\";\nimport React, { ReactNode } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface StyledTooltipProps {\n children: ReactNode;\n content: string \| ReactNode;\n tooltipClassName?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n placement?: TooltipProps[\"placement\"];\n showArrow?: boolean;\n closeDelay?: number;\n offset?: number;\n shouldFlip?: boolean;\n}\n\nfunction getTooltipTriggerChild(children: ReactNode) {\n if (React.Children.count(children) === 1 && React.isValidElement(children)) {\n return children;\n }\n return <span className=\"inline-flex\">{children}</span>;\n}\n\nexport function StyledTooltip({\n children,\n content,\n tooltipClassName,\n placement = \"right\",\n showArrow = false,\n closeDelay = 100,\n shouldFlip,\n offset = 7,\n}: StyledTooltipProps) {\n const disableAnimation = import.meta.env.MODE === \"test\";\n\n return (\n <Tooltip\n content={content}\n closeDelay={closeDelay}\n placement={placement}\n offset={offset}\n shouldFlip={shouldFlip}\n className={cn(\"bg-white text-black\", tooltipClassName)}\n showArrow={showArrow}\n disableAnimation={disableAnimation}\n classNames={{\n content: cn(\n \"z-[9999] rounded-md px-2 py-1 text-xs font-medium shadow-md\",\n \"!bg-white !text-black\",\n tooltipClassName,\n ),\n }}\n >\n {getTooltipTriggerChild(children)}\n </Tooltip>\n );\n}\n"],"mappings":";;;;;~~AAeA~~,SAAS,EAAuB,GAAqB;CAInD,OAHI,EAAM,SAAS,MAAM,CAAQ,MAAM,KAAK,EAAM,eAAe,CAAQ,IAChE,IAEF,kBAAC,QAAD;EAAM,WAAU;EAAe;CAAe,CAAA;AACvD;AAEA,SAAgB,EAAc,EAC5B,aACA,YACA,qBACA,eAAY,SACZ,eAAY,IACZ,gBAAa,KACb,eACA,YAAS,~~KACY~~;CAGrB,OACE,kBAAC,GAAD;EACW;EACG;EACD;EACH;EACI;~~EACZ~~,WAAW,EAAG,uBAAuB,CAAgB;EAC1C;EACO,kBAAA;EAClB,YAAY,EACV,SAAS,EACP,+DACA,yBACA,CACF,EACF;YAEC,EAAuB,CAAQ;CACzB,CAAA;AAEb"}
1	+ {"version":3,"file":"styled-tooltip.js","names":[],"sources":["../../../../src/components/shared/buttons/styled-tooltip.tsx"],"sourcesContent":["import { Tooltip, TooltipProps } from \"@heroui/react\";\nimport React, { ReactNode } from \"react\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface StyledTooltipProps {\n children: ReactNode;\n content: string \| ReactNode;\n tooltipClassName?: React.HTMLAttributes<HTMLDivElement>[\"className\"];\n placement?: TooltipProps[\"placement\"];\n showArrow?: boolean;\n closeDelay?: number;\n offset?: number;\n shouldFlip?: boolean;\n isOpen?: TooltipProps[\"isOpen\"];\n}\n\nfunction getTooltipTriggerChild(children: ReactNode) {\n if (React.Children.count(children) === 1 && React.isValidElement(children)) {\n return children;\n }\n return <span className=\"inline-flex\">{children}</span>;\n}\n\nexport function StyledTooltip({\n children,\n content,\n tooltipClassName,\n placement = \"right\",\n showArrow = false,\n closeDelay = 100,\n shouldFlip,\n offset = 7,\n isOpen,\n}: StyledTooltipProps) {\n const disableAnimation = import.meta.env.MODE === \"test\";\n\n return (\n <Tooltip\n content={content}\n closeDelay={closeDelay}\n placement={placement}\n offset={offset}\n shouldFlip={shouldFlip}\n isOpen={isOpen}\n className={cn(\"bg-white text-black\", tooltipClassName)}\n showArrow={showArrow}\n disableAnimation={disableAnimation}\n classNames={{\n content: cn(\n \"z-[9999] rounded-md px-2 py-1 text-xs font-medium shadow-md\",\n \"!bg-white !text-black\",\n tooltipClassName,\n ),\n }}\n >\n {getTooltipTriggerChild(children)}\n </Tooltip>\n );\n}\n"],"mappings":";;;;;AAgBA,SAAS,EAAuB,GAAqB;CAInD,OAHI,EAAM,SAAS,MAAM,CAAQ,MAAM,KAAK,EAAM,eAAe,CAAQ,IAChE,IAEF,kBAAC,QAAD;EAAM,WAAU;EAAe;CAAe,CAAA;AACvD;AAEA,SAAgB,EAAc,EAC5B,aACA,YACA,qBACA,eAAY,SACZ,eAAY,IACZ,gBAAa,KACb,eACA,YAAS,GACT,aACqB;CAGrB,OACE,kBAAC,GAAD;EACW;EACG;EACD;EACH;EACI;EACJ;EACR,WAAW,EAAG,uBAAuB,CAAgB;EAC1C;EACO,kBAAA;EAClB,YAAY,EACV,SAAS,EACP,+DACA,yBACA,CACF,EACF;YAEC,EAAuB,CAAQ;CACzB,CAAA;AAEb"}

package/dist/components/shared/filters/enum-filter-dropdown.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../utils/dropdown-classes.cjs"),s=require("../../../hooks/use-click-outside-element.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,value:u,onChange:d,options:f,labelKeyByValue:p,labelByValue:m,ariaLabel:h,className:g,fullWidth:_=!1}){let{t:v}=t.useTranslation(`openhands`),[y,b]=c.default.useState(!1),x=s.useClickOutsideElement(()=>b(!1)),S=e=>m?.[e]??(p?v(p[e]):e),C=h??v(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),w=f[0],T=S(u);return(0,l.jsxs)(`div`,{ref:x,className:a.cn(`relative shrink-0`,_?`w-full`:`w-auto`,g),"data-testid":e,children:[(0,l.jsxs)(`button`,{type:`button`,"data-testid":`dropdown-trigger`,"aria-haspopup":`menu`,"aria-expanded":y,"aria-label":C,onClick:()=>b(e=>!e),className:a.cn(o.dropdownFilterTriggerClassName,_&&`w-full justify-between`,w&&u!==w&&`border-white/60 bg-white/10`),children:[(0,l.jsx)(`span`,{className:`whitespace-nowrap`,children:T}),(0,l.jsx)(i.ChevronDown,{className:a.cn(`h-4 w-4 shrink-0 text-tertiary-alt transition-transform`,y&&`rotate-180`),"aria-hidden":!0})]}),y?(0,l.jsx)(`div`,{role:`menu`,"data-testid":`${e}-menu`,"aria-label":C,className:a.cn(`absolute right-0 top-full z-50 mt-1 min-w-full w-max`,`max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow`,o.dropdownMenuListClassName),children:f.map(t=>{let n=t===u;return(0,l.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":n,"data-testid":`${e}-${t}`,onClick:()=>{d(t),b(!1)},className:a.cn(o.dropdownMenuRowClassName,n&&`bg-[var(--oh-interactive-selected)]`),children:[(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:S(t)}),n?(0,l.jsx)(r.Check,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}):null]},t)})}):null]})}exports.EnumFilterDropdown=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/check.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),a=require("../../../utils/utils.cjs"),o=require("../../../utils/dropdown-classes.cjs"),s=require("../../../hooks/use-click-outside-element.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({testId:e,value:u,onChange:d,options:f,labelKeyByValue:p,labelByValue:m,ariaLabel:h,className:g,triggerClassName:_,fullWidth:v=!1,emphasizeNonDefault:y=!0}){let{t:b}=t.useTranslation(`openhands`),[x,S]=c.default.useState(!1),C=s.useClickOutsideElement(()=>S(!1)),w=e=>m?.[e]??(p?b(p[e]):e),T=h??b(n.I18nKey.CONVERSATION_PANEL$FILTER_LABEL),E=f[0],D=w(u);return(0,l.jsxs)(`div`,{ref:C,className:a.cn(`relative shrink-0`,v?`w-full`:`w-auto`,g),"data-testid":e,children:[(0,l.jsxs)(`button`,{type:`button`,"data-testid":`dropdown-trigger`,"aria-haspopup":`menu`,"aria-expanded":x,"aria-label":T,onClick:()=>S(e=>!e),className:a.cn(o.dropdownFilterTriggerClassName,v&&`w-full justify-between`,y&&E&&u!==E&&`border-white/60 bg-white/10`,_),children:[(0,l.jsx)(`span`,{className:`whitespace-nowrap`,children:D}),(0,l.jsx)(i.ChevronDown,{className:a.cn(`h-4 w-4 shrink-0 text-tertiary-alt transition-transform`,x&&`rotate-180`),"aria-hidden":!0})]}),x?(0,l.jsx)(`div`,{role:`menu`,"data-testid":`${e}-menu`,"aria-label":T,className:a.cn(`absolute right-0 top-full z-50 mt-1 min-w-full w-max`,`max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow`,o.dropdownMenuListClassName),children:f.map(t=>{let n=t===u;return(0,l.jsxs)(`button`,{type:`button`,role:`menuitemradio`,"aria-checked":n,"data-testid":`${e}-${t}`,onClick:()=>{d(t),S(!1)},className:a.cn(o.dropdownMenuRowClassName,n&&`bg-[var(--oh-interactive-selected)]`),children:[(0,l.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:w(t)}),n?(0,l.jsx)(r.Check,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}):null]},t)})}):null]})}exports.EnumFilterDropdown=u;
 //# sourceMappingURL=enum-filter-dropdown.cjs.map

package/dist/components/shared/filters/enum-filter-dropdown.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. */\n fullWidth?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n fullWidth = false,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"~~uiBA0BA~~,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,YACA,YACA,YAAY,~~IACiB~~,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,oBACA,EAAY,SAAW,SACvB,CACF,EACA,cAAa,WAPf,EASE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GAAa,yBACb,GACE,IAAU,GACV,~~6BACJ~~,~~WAbF~~,~~EAeE~~,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}
1	+ {"version":3,"file":"enum-filter-dropdown.cjs","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Overrides trigger chip colors, padding, and radius. Menu styles stay shared. /\n triggerClassName?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. /\n fullWidth?: boolean;\n /* Highlight the trigger when the value is not the first option. */\n emphasizeNonDefault?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n triggerClassName,\n fullWidth = false,\n emphasizeNonDefault = true,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n emphasizeNonDefault &&\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n triggerClassName,\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"uiBA8BA,SAAgB,EAAqC,CACnD,SACA,QACA,WACA,UACA,kBACA,eACA,YACA,YACA,mBACA,YAAY,GACZ,sBAAsB,IACO,CAC7B,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,CAAC,EAAM,GAAW,EAAA,QAAM,SAAS,EAAK,EACtC,EAAe,EAAA,2BACnB,EAAQ,EAAK,CACf,EAEM,EAAkB,GACtB,IAAe,KACd,EAAkB,EAAE,EAAgB,EAAO,EAAI,GAC5C,EACJ,GAAa,EAAE,EAAA,QAAQ,+BAA+B,EAElD,EAAgB,EAAQ,GACxB,EAAgB,EAAe,CAAK,EAE1C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,oBACA,EAAY,SAAW,SACvB,CACF,EACA,cAAa,WAPf,EASE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,cAAY,mBACZ,gBAAc,OACd,gBAAe,EACf,aAAY,EACZ,YAAe,EAAS,GAAS,CAAC,CAAI,EACtC,UAAW,EAAA,GACT,EAAA,+BACA,GAAa,yBACb,GACE,GACA,IAAU,GACV,8BACF,CACF,WAfF,EAiBE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,6BAAqB,CAAoB,CAAA,GACzD,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,UAAW,EAAA,GACT,0DACA,GAAQ,YACV,EACA,cAAA,EACD,CAAA,CACK,IAEP,GACC,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,OACL,cAAa,GAAG,EAAO,OACvB,aAAY,EACZ,UAAW,EAAA,GACT,uDACA,+EACA,EAAA,yBACF,WAEC,EAAQ,IAAK,GAAW,CACvB,IAAM,EAAW,IAAW,EAC5B,OACE,EAAA,EAAA,MAAC,SAAD,CAEE,KAAK,SACL,KAAK,gBACL,eAAc,EACd,cAAa,GAAG,EAAO,GAAG,IAC1B,YAAe,CACb,EAAS,CAAM,EACf,EAAQ,EAAK,CACf,EACA,UAAW,EAAA,GACT,EAAA,yBACA,GAAY,qCACd,WAbF,EAeE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mCACb,EAAe,CAAM,CAClB,CAAA,EACL,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAmB,cAAA,EAAa,CAAA,EAC/C,IACE,GApBD,CAoBC,CAEZ,CAAC,CACE,CAAA,EACH,IACD,GAET"}

package/dist/components/shared/filters/enum-filter-dropdown.d.ts CHANGED Viewed

@@ -10,8 +10,12 @@ interface EnumFilterDropdownProps<T extends string> {
     labelByValue?: Record<T, string>;
     ariaLabel?: string;
     className?: string;
+    /** Overrides trigger chip colors, padding, and radius. Menu styles stay shared. */
+    triggerClassName?: string;
     /** Stretch the trigger to the container width, e.g. inside a parent menu. */
     fullWidth?: boolean;
+    /** Highlight the trigger when the value is not the first option. */
+    emphasizeNonDefault?: boolean;
 }
-export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, className, fullWidth, }: EnumFilterDropdownProps<T>): React.JSX.Element;
+export declare function EnumFilterDropdown<T extends string>({ testId, value, onChange, options, labelKeyByValue, labelByValue, ariaLabel, className, triggerClassName, fullWidth, emphasizeNonDefault, }: EnumFilterDropdownProps<T>): React.JSX.Element;
 export {};

package/dist/components/shared/filters/enum-filter-dropdown.js CHANGED Viewed

@@ -8,31 +8,31 @@ import { useClickOutsideElement as c } from "../../../hooks/use-click-outside-el
 import l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/shared/filters/enum-filter-dropdown.tsx
-function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v, className: y, fullWidth: b = !1 }) {
-	let { t: x } = e("openhands"), [S, C] = l.useState(!1), w = c(() => C(!1)), T = (e) => _?.[e] ?? (g ? x(g[e]) : e), E = v ?? x(t.CONVERSATION_PANEL$FILTER_LABEL), D = h[0], O = T(p);
+function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, labelByValue: _, ariaLabel: v, className: y, triggerClassName: b, fullWidth: x = !1, emphasizeNonDefault: S = !0 }) {
+	let { t: C } = e("openhands"), [w, T] = l.useState(!1), E = c(() => T(!1)), D = (e) => _?.[e] ?? (g ? C(g[e]) : e), O = v ?? C(t.CONVERSATION_PANEL$FILTER_LABEL), k = h[0], A = D(p);
 	return /* @__PURE__ */ d("div", {
-		ref: w,
-		className: i("relative shrink-0", b ? "w-full" : "w-auto", y),
+		ref: E,
+		className: i("relative shrink-0", x ? "w-full" : "w-auto", y),
 		"data-testid": f,
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
 			"data-testid": "dropdown-trigger",
 			"aria-haspopup": "menu",
-			"aria-expanded": S,
-			"aria-label": E,
-			onClick: () => C((e) => !e),
-			className: i(a, b && "w-full justify-between", D && p !== D && "border-white/60 bg-white/10"),
+			"aria-expanded": w,
+			"aria-label": O,
+			onClick: () => T((e) => !e),
+			className: i(a, x && "w-full justify-between", S && k && p !== k && "border-white/60 bg-white/10", b),
 			children: [/* @__PURE__ */ u("span", {
 				className: "whitespace-nowrap",
-				children: O
+				children: A
 			}), /* @__PURE__ */ u(r, {
-				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", S && "rotate-180"),
+				className: i("h-4 w-4 shrink-0 text-tertiary-alt transition-transform", w && "rotate-180"),
 				"aria-hidden": !0
 			})]
-		}), S ? /* @__PURE__ */ u("div", {
+		}), w ? /* @__PURE__ */ u("div", {
 			role: "menu",
 			"data-testid": `${f}-menu`,
-			"aria-label": E,
+			"aria-label": O,
 			className: i("absolute right-0 top-full z-50 mt-1 min-w-full w-max", "max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow", o),
 			children: h.map((e) => {
 				let t = e === p;
@@ -42,12 +42,12 @@ function f({ testId: f, value: p, onChange: m, options: h, labelKeyByValue: g, l
 					"aria-checked": t,
 					"data-testid": `${f}-${e}`,
 					onClick: () => {
-						m(e), C(!1);
+						m(e), T(!1);
 					},
 					className: i(s, t && "bg-[var(--oh-interactive-selected)]"),
 					children: [/* @__PURE__ */ u("span", {
 						className: "min-w-0 flex-1 truncate",
-						children: T(e)
+						children: D(e)
 					}), t ? /* @__PURE__ */ u(n, {
 						className: "h-4 w-4 shrink-0",
 						"aria-hidden": !0

package/dist/components/shared/filters/enum-filter-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. */\n fullWidth?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n fullWidth = false,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;~~AA0BA~~,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,cACA,cACA,eAAY,~~MACiB~~;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,qBACA,IAAY,WAAW,UACvB,CACF;EACA,eAAa;YAPf,CASE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KAAa,0BACb,KACE,MAAU,KACV,~~6BACJ~~;~~aAbF~~,~~CAeE~~,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}
1	+ {"version":3,"file":"enum-filter-dropdown.js","names":[],"sources":["../../../../src/components/shared/filters/enum-filter-dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { Check, ChevronDown } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useClickOutsideElement } from \"#/hooks/use-click-outside-element\";\nimport { cn } from \"#/utils/utils\";\nimport {\n dropdownFilterTriggerClassName,\n dropdownMenuListClassName,\n dropdownMenuRowClassName,\n} from \"#/utils/dropdown-classes\";\n\ninterface EnumFilterDropdownProps<T extends string> {\n testId: string;\n value: T;\n onChange: (value: T) => void;\n options: readonly T[];\n labelKeyByValue?: Record<T, I18nKey>;\n /** Plain-string labels, e.g. manifest-supplied copy. Wins over the keys. /\n labelByValue?: Record<T, string>;\n ariaLabel?: string;\n className?: string;\n /* Overrides trigger chip colors, padding, and radius. Menu styles stay shared. /\n triggerClassName?: string;\n /* Stretch the trigger to the container width, e.g. inside a parent menu. /\n fullWidth?: boolean;\n /* Highlight the trigger when the value is not the first option. */\n emphasizeNonDefault?: boolean;\n}\n\nexport function EnumFilterDropdown<T extends string>({\n testId,\n value,\n onChange,\n options,\n labelKeyByValue,\n labelByValue,\n ariaLabel,\n className,\n triggerClassName,\n fullWidth = false,\n emphasizeNonDefault = true,\n}: EnumFilterDropdownProps<T>) {\n const { t } = useTranslation(\"openhands\");\n const [open, setOpen] = React.useState(false);\n const containerRef = useClickOutsideElement<HTMLDivElement>(() =>\n setOpen(false),\n );\n\n const getOptionLabel = (option: T): string =>\n labelByValue?.[option] ??\n (labelKeyByValue ? t(labelKeyByValue[option]) : option);\n const resolvedAriaLabel =\n ariaLabel ?? t(I18nKey.CONVERSATION_PANEL$FILTER_LABEL);\n\n const defaultOption = options[0];\n const selectedLabel = getOptionLabel(value);\n\n return (\n <div\n ref={containerRef}\n className={cn(\n \"relative shrink-0\",\n fullWidth ? \"w-full\" : \"w-auto\",\n className,\n )}\n data-testid={testId}\n >\n <button\n type=\"button\"\n data-testid=\"dropdown-trigger\"\n aria-haspopup=\"menu\"\n aria-expanded={open}\n aria-label={resolvedAriaLabel}\n onClick={() => setOpen((prev) => !prev)}\n className={cn(\n dropdownFilterTriggerClassName,\n fullWidth && \"w-full justify-between\",\n emphasizeNonDefault &&\n defaultOption &&\n value !== defaultOption &&\n \"border-white/60 bg-white/10\",\n triggerClassName,\n )}\n >\n <span className=\"whitespace-nowrap\">{selectedLabel}</span>\n <ChevronDown\n className={cn(\n \"h-4 w-4 shrink-0 text-tertiary-alt transition-transform\",\n open && \"rotate-180\",\n )}\n aria-hidden\n />\n </button>\n\n {open ? (\n <div\n role=\"menu\"\n data-testid={`${testId}-menu`}\n aria-label={resolvedAriaLabel}\n className={cn(\n \"absolute right-0 top-full z-50 mt-1 min-w-full w-max\",\n \"max-h-60 overflow-auto rounded-[6px] bg-tertiary p-1 context-menu-box-shadow\",\n dropdownMenuListClassName,\n )}\n >\n {options.map((option) => {\n const selected = option === value;\n return (\n <button\n key={option}\n type=\"button\"\n role=\"menuitemradio\"\n aria-checked={selected}\n data-testid={`${testId}-${option}`}\n onClick={() => {\n onChange(option);\n setOpen(false);\n }}\n className={cn(\n dropdownMenuRowClassName,\n selected && \"bg-[var(--oh-interactive-selected)]\",\n )}\n >\n <span className=\"min-w-0 flex-1 truncate\">\n {getOptionLabel(option)}\n </span>\n {selected ? (\n <Check className=\"h-4 w-4 shrink-0\" aria-hidden />\n ) : null}\n </button>\n );\n })}\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;AA8BA,SAAgB,EAAqC,EACnD,WACA,UACA,aACA,YACA,oBACA,iBACA,cACA,cACA,qBACA,eAAY,IACZ,yBAAsB,MACO;CAC7B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAM,KAAW,EAAM,SAAS,EAAK,GACtC,IAAe,QACnB,EAAQ,EAAK,CACf,GAEM,KAAkB,MACtB,IAAe,OACd,IAAkB,EAAE,EAAgB,EAAO,IAAI,IAC5C,IACJ,KAAa,EAAE,EAAQ,+BAA+B,GAElD,IAAgB,EAAQ,IACxB,IAAgB,EAAe,CAAK;CAE1C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EACT,qBACA,IAAY,WAAW,UACvB,CACF;EACA,eAAa;YAPf,CASE,kBAAC,UAAD;GACE,MAAK;GACL,eAAY;GACZ,iBAAc;GACd,iBAAe;GACf,cAAY;GACZ,eAAe,GAAS,MAAS,CAAC,CAAI;GACtC,WAAW,EACT,GACA,KAAa,0BACb,KACE,KACA,MAAU,KACV,+BACF,CACF;aAfF,CAiBE,kBAAC,QAAD;IAAM,WAAU;cAAqB;GAAoB,CAAA,GACzD,kBAAC,GAAD;IACE,WAAW,EACT,2DACA,KAAQ,YACV;IACA,eAAA;GACD,CAAA,CACK;MAEP,IACC,kBAAC,OAAD;GACE,MAAK;GACL,eAAa,GAAG,EAAO;GACvB,cAAY;GACZ,WAAW,EACT,wDACA,gFACA,CACF;aAEC,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAW,MAAW;IAC5B,OACE,kBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,eAAa,GAAG,EAAO,GAAG;KAC1B,eAAe;MAEb,AADA,EAAS,CAAM,GACf,EAAQ,EAAK;KACf;KACA,WAAW,EACT,GACA,KAAY,qCACd;eAbF,CAeE,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAe,CAAM;KAClB,CAAA,GACL,IACC,kBAAC,GAAD;MAAO,WAAU;MAAmB,eAAA;KAAa,CAAA,IAC/C,IACE;OApBD,CAoBC;GAEZ,CAAC;EACE,CAAA,IACH,IACD;;AAET"}

package/dist/components/shared/modals/confirmation-modal.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("./modal-backdrop.cjs"),r=require("../../features/settings/brand-button.cjs");let i=require("react/jsx-runtime");function a({text:a,onConfirm:o,onCancel:s,isConfirming:c=!1}){let{t:l}=e.useTranslation(`openhands`);return(0,i.jsx)(n.ModalBackdrop,{onClose:c?void 0:s,closeOnEscape:!c,children:(0,i.jsxs)(`div`,{"data-testid":`confirmation-modal`,className:`bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,children:[(0,i.jsx)(`p`,{children:a}),(0,i.jsxs)(`div`,{className:`w-full flex justify-end gap-2`,children:[(0,i.jsx)(r.BrandButton,{testId:`cancel-button`,type:`button`,onClick:s,variant:`secondary`,isDisabled:c,children:l(t.I18nKey.BUTTON$CANCEL)}),(0,i.jsx)(r.BrandButton,{testId:`confirm-button`,type:`button`,onClick:o,variant:`primary`,isDisabled:c,children:l(t.I18nKey.BUTTON$CONFIRM)})]})]})})}exports.ConfirmationModal=a;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("./modal-backdrop.cjs"),r=require("../../features/settings/brand-button.cjs");let i=require("react/jsx-runtime");function a({text:a,onConfirm:o,onCancel:s,confirmText:c,isConfirming:l=!1}){let{t:u}=e.useTranslation(`openhands`);return(0,i.jsx)(n.ModalBackdrop,{onClose:l?void 0:s,closeOnEscape:!l,children:(0,i.jsxs)(`div`,{"data-testid":`confirmation-modal`,className:`bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]`,children:[(0,i.jsx)(`p`,{children:a}),(0,i.jsxs)(`div`,{className:`w-full flex justify-end gap-2`,children:[(0,i.jsx)(r.BrandButton,{testId:`cancel-button`,type:`button`,onClick:s,variant:`secondary`,isDisabled:l,children:u(t.I18nKey.BUTTON$CANCEL)}),(0,i.jsx)(r.BrandButton,{testId:`confirm-button`,type:`button`,onClick:o,variant:`primary`,isDisabled:l,children:c??u(t.I18nKey.BUTTON$CONFIRM)})]})]})})}exports.ConfirmationModal=a;
 //# sourceMappingURL=confirmation-modal.cjs.map

package/dist/components/shared/modals/confirmation-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"confirmation-modal.cjs","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n text: string;\n onConfirm: () => void;\n onCancel: () => void;\n /*\n Disables both action buttons while an asynchronous confirm\n * mutation is in flight. Defaults to false to preserve existing\n * call sites that don't track mutation state.\n */\n isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n text,\n onConfirm,\n onCancel,\n isConfirming = false,\n}: ConfirmationModalProps) {\n const { t } = useTranslation(\"openhands\");\n // Suppress the backdrop's click / Escape close handler while the\n // confirm mutation is in flight; otherwise the user could dismiss\n // the modal mid-request and never see the result (the buttons are\n // already disabled, but the backdrop wasn't).\n return (\n <ModalBackdrop\n onClose={isConfirming ? undefined : onCancel}\n closeOnEscape={!isConfirming}\n >\n <div\n data-testid=\"confirmation-modal\"\n className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n >\n <p>{text}</p>\n <div className=\"w-full flex justify-end gap-2\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n onClick={onCancel}\n variant=\"secondary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"confirm-button\"\n type=\"button\"\n onClick={onConfirm}\n variant=\"primary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CONFIRM)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"~~2SAiBA~~,SAAgB,EAAkB,CAChC,OACA,YACA,WACA,eAAe,IACU,CACzB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAKxC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EAAe,IAAA,GAAY,EACpC,cAAe,CAAC,YAEhB,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qBACZ,UAAU,iGAFZ,EAIE,EAAA,EAAA,KAAC,IAAD,CAAA,SAAI,CAAQ,CAAA,GACZ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gBACP,KAAK,SACL,QAAS,EACT,QAAQ,YACR,WAAY,WAEX,EAAE,EAAA,QAAQ,aAAa,CACb,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,iBACP,KAAK,SACL,QAAS,EACT,QAAQ,UACR,WAAY,WAEX,EAAE,EAAA,QAAQ,cAAc,~~CACd~~,CAAA,CACV,GACF,GACQ,CAAA,CAEnB"}
1	+ {"version":3,"file":"confirmation-modal.cjs","names":[],"sources":["../../../../src/components/shared/modals/confirmation-modal.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { ModalBackdrop } from \"./modal-backdrop\";\n\ninterface ConfirmationModalProps {\n text: string;\n onConfirm: () => void;\n onCancel: () => void;\n confirmText?: string;\n /*\n Disables both action buttons while an asynchronous confirm\n * mutation is in flight. Defaults to false to preserve existing\n * call sites that don't track mutation state.\n */\n isConfirming?: boolean;\n}\n\nexport function ConfirmationModal({\n text,\n onConfirm,\n onCancel,\n confirmText,\n isConfirming = false,\n}: ConfirmationModalProps) {\n const { t } = useTranslation(\"openhands\");\n // Suppress the backdrop's click / Escape close handler while the\n // confirm mutation is in flight; otherwise the user could dismiss\n // the modal mid-request and never see the result (the buttons are\n // already disabled, but the backdrop wasn't).\n return (\n <ModalBackdrop\n onClose={isConfirming ? undefined : onCancel}\n closeOnEscape={!isConfirming}\n >\n <div\n data-testid=\"confirmation-modal\"\n className=\"bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]\"\n >\n <p>{text}</p>\n <div className=\"w-full flex justify-end gap-2\">\n <BrandButton\n testId=\"cancel-button\"\n type=\"button\"\n onClick={onCancel}\n variant=\"secondary\"\n isDisabled={isConfirming}\n >\n {t(I18nKey.BUTTON$CANCEL)}\n </BrandButton>\n <BrandButton\n testId=\"confirm-button\"\n type=\"button\"\n onClick={onConfirm}\n variant=\"primary\"\n isDisabled={isConfirming}\n >\n {confirmText ?? t(I18nKey.BUTTON$CONFIRM)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"2SAkBA,SAAgB,EAAkB,CAChC,OACA,YACA,WACA,cACA,eAAe,IACU,CACzB,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAKxC,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,QAAS,EAAe,IAAA,GAAY,EACpC,cAAe,CAAC,YAEhB,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,qBACZ,UAAU,iGAFZ,EAIE,EAAA,EAAA,KAAC,IAAD,CAAA,SAAI,CAAQ,CAAA,GACZ,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,yCAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,gBACP,KAAK,SACL,QAAS,EACT,QAAQ,YACR,WAAY,WAEX,EAAE,EAAA,QAAQ,aAAa,CACb,CAAA,GACb,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,OAAO,iBACP,KAAK,SACL,QAAS,EACT,QAAQ,UACR,WAAY,WAEX,GAAe,EAAE,EAAA,QAAQ,cAAc,CAC7B,CAAA,CACV,GACF,GACQ,CAAA,CAEnB"}

package/dist/components/shared/modals/confirmation-modal.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ interface ConfirmationModalProps {
     text: string;
     onConfirm: () => void;
     onCancel: () => void;
+    confirmText?: string;
     /**
      * Disables both action buttons while an asynchronous confirm
      * mutation is in flight. Defaults to false to preserve existing
@@ -9,5 +10,5 @@ interface ConfirmationModalProps {
      */
     isConfirming?: boolean;
 }
-export declare function ConfirmationModal({ text, onConfirm, onCancel, isConfirming, }: ConfirmationModalProps): import("react").JSX.Element;
+export declare function ConfirmationModal({ text, onConfirm, onCancel, confirmText, isConfirming, }: ConfirmationModalProps): import("react").JSX.Element;
 export {};

package/dist/components/shared/modals/confirmation-modal.js CHANGED Viewed

@@ -4,11 +4,11 @@ import { ModalBackdrop as n } from "./modal-backdrop.js";
 import { BrandButton as r } from "../../features/settings/brand-button.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/shared/modals/confirmation-modal.tsx
-function o({ text: o, onConfirm: s, onCancel: c, isConfirming: l = !1 }) {
-	let { t: u } = e("openhands");
+function o({ text: o, onConfirm: s, onCancel: c, confirmText: l, isConfirming: u = !1 }) {
+	let { t: d } = e("openhands");
 	return /* @__PURE__ */ i(n, {
-		onClose: l ? void 0 : c,
-		closeOnEscape: !l,
+		onClose: u ? void 0 : c,
+		closeOnEscape: !u,
 		children: /* @__PURE__ */ a("div", {
 			"data-testid": "confirmation-modal",
 			className: "bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-[var(--oh-border)]",
@@ -19,15 +19,15 @@ function o({ text: o, onConfirm: s, onCancel: c, isConfirming: l = !1 }) {
 					type: "button",
 					onClick: c,
 					variant: "secondary",
-					isDisabled: l,
-					children: u(t.BUTTON$CANCEL)
+					isDisabled: u,
+					children: d(t.BUTTON$CANCEL)
 				}), /* @__PURE__ */ i(r, {
 					testId: "confirm-button",
 					type: "button",
 					onClick: s,
 					variant: "primary",
-					isDisabled: l,
-					children: u(t.BUTTON$CONFIRM)
+					isDisabled: u,
+					children: l ?? d(t.BUTTON$CONFIRM)
 				})]
 			})]
 		})