npm - @openhands/agent-canvas - Versions diffs - 1.0.0-beta.5 → 1.0.0-beta.7 - Mend

@openhands/agent-canvas 1.0.0-beta.5 → 1.0.0-beta.7

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 (879) hide show

package/dist/components/features/home/shared/generic-dropdown-menu.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({isOpen:e,filteredItems:i,inputValue:a,highlightedIndex:o,selectedItem:s,getMenuProps:c,getItemProps:l,onScroll:u,menuRef:d,renderItem:f,renderEmptyState:p,stickyTopItem:m,stickyFooterItem:h,testId:g,numberOfRecentItems:_=0,itemKey:v}){let y=!(i.length>0)&&!m&&!h;return e?(0,r.jsx)(`div`,{className:`relative`,children:(0,r.jsxs)(`div`,{className:t.cn(`absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none`,`focus:outline-none mt-1 z-[9999]`,`max-h-60`),children:[(0,r.jsx)(`ul`,{...c({ref:d,className:t.cn(`w-full overflow-auto p-1 custom-scrollbar-always`,m||h?`max-h-[calc(15rem-3rem)]`:`max-h-60`),onScroll:u,"data-testid":g}),children:y?p(a):(0,r.jsxs)(r.Fragment,{children:[m,i.map((e,t)=>{let i=v(e);return(0,r.jsxs)(n.default.Fragment,{children:[f(e,t,o,s,l),_>0&&t===_-1&&(0,r.jsx)(`div`,{className:`border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]`})]},i)})]})}),h&&(0,r.jsx)(`div`,{className:`border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg`,children:h})]})}):(0,r.jsx)(`div`,{className:`relative`,children:(0,r.jsx)(`ul`,{...c({ref:d,className:`hidden`,"data-testid":g})})})}exports.GenericDropdownMenu=i;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../utils/utils.cjs`),n=require(`../../../../utils/dropdown-classes.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({isOpen:e,filteredItems:a,inputValue:o,highlightedIndex:s,selectedItem:c,getMenuProps:l,getItemProps:u,onScroll:d,menuRef:f,renderItem:p,renderEmptyState:m,stickyTopItem:h,stickyFooterItem:g,testId:_,numberOfRecentItems:v=0,itemKey:y}){let b=!(a.length>0)&&!h&&!g;return e?(0,i.jsx)(`div`,{className:`relative`,children:(0,i.jsxs)(`div`,{className:t.cn(`absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none`,`focus:outline-none mt-1 z-[9999]`,`max-h-60`),children:[(0,i.jsx)(`ul`,{...l({ref:f,className:t.cn(`w-full overflow-auto p-1 custom-scrollbar-always`,n.dropdownMenuListClassName,h||g?`max-h-[calc(15rem-3rem)]`:`max-h-60`),onScroll:d,"data-testid":_}),children:b?m(o):(0,i.jsxs)(i.Fragment,{children:[h,a.map((e,t)=>{let n=y(e);return(0,i.jsxs)(r.default.Fragment,{children:[p(e,t,s,c,u),v>0&&t===v-1&&(0,i.jsx)(`div`,{className:`border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]`})]},n)})]})}),g&&(0,i.jsx)(`div`,{className:`border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg`,children:g})]})}):(0,i.jsx)(`div`,{className:`relative`,children:(0,i.jsx)(`ul`,{...l({ref:f,className:`hidden`,"data-testid":_})})})}exports.GenericDropdownMenu=a;
 //# sourceMappingURL=generic-dropdown-menu.cjs.map

package/dist/components/features/home/shared/generic-dropdown-menu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"generic-dropdown-menu.cjs","names":[],"sources":["../../../../../src/components/features/home/shared/generic-dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n UseComboboxGetMenuPropsOptions,\n UseComboboxGetItemPropsOptions,\n} from \"downshift\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface GenericDropdownMenuProps<T> {\n isOpen: boolean;\n filteredItems: T[];\n inputValue: string;\n highlightedIndex: number;\n selectedItem: T \| null;\n getMenuProps: <Options>(\n options?: UseComboboxGetMenuPropsOptions & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n menuRef?: React.RefObject<HTMLUListElement \| null>;\n renderItem: (\n item: T,\n index: number,\n highlightedIndex: number,\n selectedItem: T \| null,\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any\n ) => React.ReactNode;\n renderEmptyState: (inputValue: string) => React.ReactNode;\n stickyTopItem?: React.ReactNode;\n stickyFooterItem?: React.ReactNode;\n testId?: string;\n numberOfRecentItems?: number;\n itemKey: (item: T) => string \| number;\n}\n\nexport function GenericDropdownMenu<T>({\n isOpen,\n filteredItems,\n inputValue,\n highlightedIndex,\n selectedItem,\n getMenuProps,\n getItemProps,\n onScroll,\n menuRef,\n renderItem,\n renderEmptyState,\n stickyTopItem,\n stickyFooterItem,\n testId,\n numberOfRecentItems = 0,\n itemKey,\n}: GenericDropdownMenuProps<T>) {\n const hasItems = filteredItems.length > 0;\n const showEmptyState = !hasItems && !stickyTopItem && !stickyFooterItem;\n\n // Always render the menu container (even when closed) so getMenuProps is always called\n // This prevents the downshift warning about forgetting to call getMenuProps\n if (!isOpen) {\n return (\n <div className=\"relative\">\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: \"hidden\",\n \"data-testid\": testId,\n })}\n />\n </div>\n );\n }\n\n return (\n <div className=\"relative\">\n <div\n className={cn(\n \"absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none\",\n \"focus:outline-none mt-1 z-[9999]\",\n stickyTopItem \|\| stickyFooterItem ? \"max-h-60\" : \"max-h-60\",\n )}\n >\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: cn(\n \"w-full overflow-auto p-1 custom-scrollbar-always\",\n stickyTopItem \|\| stickyFooterItem\n ? \"max-h-[calc(15rem-3rem)]\"\n : \"max-h-60\", // Reserve space for sticky items\n ),\n onScroll,\n \"data-testid\": testId,\n })}\n >\n {showEmptyState ? (\n renderEmptyState(inputValue)\n ) : (\n <>\n {stickyTopItem}\n {filteredItems.map((item, index) => {\n const key = itemKey(item);\n return (\n <React.Fragment key={key}>\n {renderItem(\n item,\n index,\n highlightedIndex,\n selectedItem,\n getItemProps,\n )}\n {numberOfRecentItems > 0 &&\n index === numberOfRecentItems - 1 && (\n <div className=\"border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]\" />\n )}\n </React.Fragment>\n );\n })}\n </>\n )}\n </ul>\n {stickyFooterItem && (\n <div className=\"border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg\">\n {stickyFooterItem}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"~~kLAsCA~~,SAAgB,EAAuB,CACrC,SACA,gBACA,aACA,mBACA,eACA,eACA,eACA,WACA,UACA,aACA,mBACA,gBACA,mBACA,SACA,sBAAsB,EACtB,WAC8B,CAE9B,IAAM,EAAiB,EADN,EAAc,OAAS,IACJ,CAAC,GAAiB,CAAC,EAkBvD,OAdK,GAeH,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qBACb,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,iGACA,mCACoC,WACrC,UALH,EAOE,EAAA,EAAA,KAAC,KAAD,CACE,GAAI,EAAa,CACf,IAAK,EACL,UAAW,EAAA,GACT,mDACA,GAAiB,EACb,2BACA,WACL,CACD,WACA,cAAe,EAChB,CAAC,UAED,EACC,EAAiB,EAAW,EAE5B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EACA,EAAc,KAAK,EAAM,IAAU,CAClC,IAAM,EAAM,EAAQ,EAAK,CACzB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CACG,EACC,EACA,EACA,EACA,EACA,EACD,CACA,EAAsB,GACrB,IAAU,EAAsB,IAC9B,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yEAA2E,CAAA,CAE/E,CAAA,CAZI,EAYJ,EAEnB,CACD,CAAA,CAAA,CAEF,CAAA,CACJ,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iFACZ,EACG,CAAA,CAEJ,GACF,CAAA,~~EAlEJ~~,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qBACb,EAAA,EAAA,KAAC,KAAD,CACE,GAAI,EAAa,CACf,IAAK,EACL,UAAW,SACX,cAAe,EAChB,CAAC,CACF,CAAA,CACE,CAAA"}
1	+ {"version":3,"file":"generic-dropdown-menu.cjs","names":[],"sources":["../../../../../src/components/features/home/shared/generic-dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n UseComboboxGetMenuPropsOptions,\n UseComboboxGetItemPropsOptions,\n} from \"downshift\";\nimport { cn } from \"#/utils/utils\";\nimport { dropdownMenuListClassName } from \"#/utils/dropdown-classes\";\n\nexport interface GenericDropdownMenuProps<T> {\n isOpen: boolean;\n filteredItems: T[];\n inputValue: string;\n highlightedIndex: number;\n selectedItem: T \| null;\n getMenuProps: <Options>(\n options?: UseComboboxGetMenuPropsOptions & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n menuRef?: React.RefObject<HTMLUListElement \| null>;\n renderItem: (\n item: T,\n index: number,\n highlightedIndex: number,\n selectedItem: T \| null,\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any\n ) => React.ReactNode;\n renderEmptyState: (inputValue: string) => React.ReactNode;\n stickyTopItem?: React.ReactNode;\n stickyFooterItem?: React.ReactNode;\n testId?: string;\n numberOfRecentItems?: number;\n itemKey: (item: T) => string \| number;\n}\n\nexport function GenericDropdownMenu<T>({\n isOpen,\n filteredItems,\n inputValue,\n highlightedIndex,\n selectedItem,\n getMenuProps,\n getItemProps,\n onScroll,\n menuRef,\n renderItem,\n renderEmptyState,\n stickyTopItem,\n stickyFooterItem,\n testId,\n numberOfRecentItems = 0,\n itemKey,\n}: GenericDropdownMenuProps<T>) {\n const hasItems = filteredItems.length > 0;\n const showEmptyState = !hasItems && !stickyTopItem && !stickyFooterItem;\n\n // Always render the menu container (even when closed) so getMenuProps is always called\n // This prevents the downshift warning about forgetting to call getMenuProps\n if (!isOpen) {\n return (\n <div className=\"relative\">\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: \"hidden\",\n \"data-testid\": testId,\n })}\n />\n </div>\n );\n }\n\n return (\n <div className=\"relative\">\n <div\n className={cn(\n \"absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none\",\n \"focus:outline-none mt-1 z-[9999]\",\n stickyTopItem \|\| stickyFooterItem ? \"max-h-60\" : \"max-h-60\",\n )}\n >\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: cn(\n \"w-full overflow-auto p-1 custom-scrollbar-always\",\n dropdownMenuListClassName,\n stickyTopItem \|\| stickyFooterItem\n ? \"max-h-[calc(15rem-3rem)]\"\n : \"max-h-60\", // Reserve space for sticky items\n ),\n onScroll,\n \"data-testid\": testId,\n })}\n >\n {showEmptyState ? (\n renderEmptyState(inputValue)\n ) : (\n <>\n {stickyTopItem}\n {filteredItems.map((item, index) => {\n const key = itemKey(item);\n return (\n <React.Fragment key={key}>\n {renderItem(\n item,\n index,\n highlightedIndex,\n selectedItem,\n getItemProps,\n )}\n {numberOfRecentItems > 0 &&\n index === numberOfRecentItems - 1 && (\n <div className=\"border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]\" />\n )}\n </React.Fragment>\n );\n })}\n </>\n )}\n </ul>\n {stickyFooterItem && (\n <div className=\"border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg\">\n {stickyFooterItem}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"sOAuCA,SAAgB,EAAuB,CACrC,SACA,gBACA,aACA,mBACA,eACA,eACA,eACA,WACA,UACA,aACA,mBACA,gBACA,mBACA,SACA,sBAAsB,EACtB,WAC8B,CAE9B,IAAM,EAAiB,EADN,EAAc,OAAS,IACJ,CAAC,GAAiB,CAAC,EAkBvD,OAdK,GAeH,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qBACb,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,iGACA,mCACoC,WACrC,UALH,EAOE,EAAA,EAAA,KAAC,KAAD,CACE,GAAI,EAAa,CACf,IAAK,EACL,UAAW,EAAA,GACT,mDACA,EAAA,0BACA,GAAiB,EACb,2BACA,WACL,CACD,WACA,cAAe,EAChB,CAAC,UAED,EACC,EAAiB,EAAW,EAE5B,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,CACG,EACA,EAAc,KAAK,EAAM,IAAU,CAClC,IAAM,EAAM,EAAQ,EAAK,CACzB,OACE,EAAA,EAAA,MAAC,EAAA,QAAM,SAAP,CAAA,SAAA,CACG,EACC,EACA,EACA,EACA,EACA,EACD,CACA,EAAsB,GACrB,IAAU,EAAsB,IAC9B,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,yEAA2E,CAAA,CAE/E,CAAA,CAZI,EAYJ,EAEnB,CACD,CAAA,CAAA,CAEF,CAAA,CACJ,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iFACZ,EACG,CAAA,CAEJ,GACF,CAAA,EAnEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qBACb,EAAA,EAAA,KAAC,KAAD,CACE,GAAI,EAAa,CACf,IAAK,EACL,UAAW,SACX,cAAe,EAChB,CAAC,CACF,CAAA,CACE,CAAA"}

package/dist/components/features/home/shared/generic-dropdown-menu.js CHANGED Viewed

@@ -1,39 +1,40 @@
 import { cn as e } from "../../../../utils/utils.js";
-import t from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { dropdownMenuListClassName as t } from "../../../../utils/dropdown-classes.js";
+import n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/features/home/shared/generic-dropdown-menu.tsx
-function a({ isOpen: a, filteredItems: o, inputValue: s, highlightedIndex: c, selectedItem: l, getMenuProps: u, getItemProps: d, onScroll: f, menuRef: p, renderItem: m, renderEmptyState: h, stickyTopItem: g, stickyFooterItem: _, testId: v, numberOfRecentItems: y = 0, itemKey: b }) {
-	let x = !(o.length > 0) && !g && !_;
-	return a ? /* @__PURE__ */ r("div", {
+function o({ isOpen: o, filteredItems: s, inputValue: c, highlightedIndex: l, selectedItem: u, getMenuProps: d, getItemProps: f, onScroll: p, menuRef: m, renderItem: h, renderEmptyState: g, stickyTopItem: _, stickyFooterItem: v, testId: y, numberOfRecentItems: b = 0, itemKey: x }) {
+	let S = !(s.length > 0) && !_ && !v;
+	return o ? /* @__PURE__ */ i("div", {
 		className: "relative",
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ a("div", {
 			className: e("absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none", "focus:outline-none mt-1 z-[9999]", "max-h-60"),
-			children: [/* @__PURE__ */ r("ul", {
-				...u({
-					ref: p,
-					className: e("w-full overflow-auto p-1 custom-scrollbar-always", g || _ ? "max-h-[calc(15rem-3rem)]" : "max-h-60"),
-					onScroll: f,
-					"data-testid": v
+			children: [/* @__PURE__ */ i("ul", {
+				...d({
+					ref: m,
+					className: e("w-full overflow-auto p-1 custom-scrollbar-always", t, _ || v ? "max-h-[calc(15rem-3rem)]" : "max-h-60"),
+					onScroll: p,
+					"data-testid": y
 				}),
-				children: x ? h(s) : /* @__PURE__ */ i(n, { children: [g, o.map((e, n) => {
-					let a = b(e);
-					return /* @__PURE__ */ i(t.Fragment, { children: [m(e, n, c, l, d), y > 0 && n === y - 1 && /* @__PURE__ */ r("div", { className: "border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]" })] }, a);
+				children: S ? g(c) : /* @__PURE__ */ a(r, { children: [_, s.map((e, t) => {
+					let r = x(e);
+					return /* @__PURE__ */ a(n.Fragment, { children: [h(e, t, l, u, f), b > 0 && t === b - 1 && /* @__PURE__ */ i("div", { className: "border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]" })] }, r);
 				})] })
-			}), _ && /* @__PURE__ */ r("div", {
+			}), v && /* @__PURE__ */ i("div", {
 				className: "border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg",
-				children: _
+				children: v
 			})]
 		})
-	}) : /* @__PURE__ */ r("div", {
+	}) : /* @__PURE__ */ i("div", {
 		className: "relative",
-		children: /* @__PURE__ */ r("ul", { ...u({
-			ref: p,
+		children: /* @__PURE__ */ i("ul", { ...d({
+			ref: m,
 			className: "hidden",
-			"data-testid": v
+			"data-testid": y
 		}) })
 	});
 }
 //#endregion
-export { a as GenericDropdownMenu };
+export { o as GenericDropdownMenu };
 //# sourceMappingURL=generic-dropdown-menu.js.map

package/dist/components/features/home/shared/generic-dropdown-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"generic-dropdown-menu.js","names":[],"sources":["../../../../../src/components/features/home/shared/generic-dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n UseComboboxGetMenuPropsOptions,\n UseComboboxGetItemPropsOptions,\n} from \"downshift\";\nimport { cn } from \"#/utils/utils\";\n\nexport interface GenericDropdownMenuProps<T> {\n isOpen: boolean;\n filteredItems: T[];\n inputValue: string;\n highlightedIndex: number;\n selectedItem: T \| null;\n getMenuProps: <Options>(\n options?: UseComboboxGetMenuPropsOptions & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n menuRef?: React.RefObject<HTMLUListElement \| null>;\n renderItem: (\n item: T,\n index: number,\n highlightedIndex: number,\n selectedItem: T \| null,\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any\n ) => React.ReactNode;\n renderEmptyState: (inputValue: string) => React.ReactNode;\n stickyTopItem?: React.ReactNode;\n stickyFooterItem?: React.ReactNode;\n testId?: string;\n numberOfRecentItems?: number;\n itemKey: (item: T) => string \| number;\n}\n\nexport function GenericDropdownMenu<T>({\n isOpen,\n filteredItems,\n inputValue,\n highlightedIndex,\n selectedItem,\n getMenuProps,\n getItemProps,\n onScroll,\n menuRef,\n renderItem,\n renderEmptyState,\n stickyTopItem,\n stickyFooterItem,\n testId,\n numberOfRecentItems = 0,\n itemKey,\n}: GenericDropdownMenuProps<T>) {\n const hasItems = filteredItems.length > 0;\n const showEmptyState = !hasItems && !stickyTopItem && !stickyFooterItem;\n\n // Always render the menu container (even when closed) so getMenuProps is always called\n // This prevents the downshift warning about forgetting to call getMenuProps\n if (!isOpen) {\n return (\n <div className=\"relative\">\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: \"hidden\",\n \"data-testid\": testId,\n })}\n />\n </div>\n );\n }\n\n return (\n <div className=\"relative\">\n <div\n className={cn(\n \"absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none\",\n \"focus:outline-none mt-1 z-[9999]\",\n stickyTopItem \|\| stickyFooterItem ? \"max-h-60\" : \"max-h-60\",\n )}\n >\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: cn(\n \"w-full overflow-auto p-1 custom-scrollbar-always\",\n stickyTopItem \|\| stickyFooterItem\n ? \"max-h-[calc(15rem-3rem)]\"\n : \"max-h-60\", // Reserve space for sticky items\n ),\n onScroll,\n \"data-testid\": testId,\n })}\n >\n {showEmptyState ? (\n renderEmptyState(inputValue)\n ) : (\n <>\n {stickyTopItem}\n {filteredItems.map((item, index) => {\n const key = itemKey(item);\n return (\n <React.Fragment key={key}>\n {renderItem(\n item,\n index,\n highlightedIndex,\n selectedItem,\n getItemProps,\n )}\n {numberOfRecentItems > 0 &&\n index === numberOfRecentItems - 1 && (\n <div className=\"border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]\" />\n )}\n </React.Fragment>\n );\n })}\n </>\n )}\n </ul>\n {stickyFooterItem && (\n <div className=\"border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg\">\n {stickyFooterItem}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":"~~;;;;AAsCA~~,SAAgB,EAAuB,EACrC,WACA,kBACA,eACA,qBACA,iBACA,iBACA,iBACA,aACA,YACA,eACA,qBACA,kBACA,qBACA,WACA,yBAAsB,GACtB,cAC8B;CAE9B,IAAM,IAAiB,EADN,EAAc,SAAS,MACJ,CAAC,KAAiB,CAAC;AAkBvD,QAdK,IAeH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GACE,WAAW,EACT,kGACA,oCACoC,WACrC;aALH,CAOE,kBAAC,MAAD;IACE,GAAI,EAAa;KACf,KAAK;KACL,WAAW,EACT,oDACA,KAAiB,IACb,6BACA,WACL;KACD;KACA,eAAe;KAChB,CAAC;cAED,IACC,EAAiB,EAAW,GAE5B,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,EAAc,KAAK,GAAM,MAAU;KAClC,IAAM,IAAM,EAAQ,EAAK;AACzB,YACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACG,EACC,GACA,GACA,GACA,GACA,EACD,EACA,IAAsB,KACrB,MAAU,IAAsB,KAC9B,kBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA,CAE/E,EAAA,EAZI,EAYJ;MAEnB,CACD,EAAA,CAAA;IAEF,CAAA,EACJ,KACC,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,CAEJ;;EACF,CAAA,~~GAlEJ~~,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,MAAD,EACE,GAAI,EAAa;GACf,KAAK;GACL,WAAW;GACX,eAAe;GAChB,CAAC,EACF,CAAA;EACE,CAAA"}
1	+ {"version":3,"file":"generic-dropdown-menu.js","names":[],"sources":["../../../../../src/components/features/home/shared/generic-dropdown-menu.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n UseComboboxGetMenuPropsOptions,\n UseComboboxGetItemPropsOptions,\n} from \"downshift\";\nimport { cn } from \"#/utils/utils\";\nimport { dropdownMenuListClassName } from \"#/utils/dropdown-classes\";\n\nexport interface GenericDropdownMenuProps<T> {\n isOpen: boolean;\n filteredItems: T[];\n inputValue: string;\n highlightedIndex: number;\n selectedItem: T \| null;\n getMenuProps: <Options>(\n options?: UseComboboxGetMenuPropsOptions & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any\n onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;\n menuRef?: React.RefObject<HTMLUListElement \| null>;\n renderItem: (\n item: T,\n index: number,\n highlightedIndex: number,\n selectedItem: T \| null,\n getItemProps: <Options>(\n options: UseComboboxGetItemPropsOptions<T> & Options,\n ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any\n ) => React.ReactNode;\n renderEmptyState: (inputValue: string) => React.ReactNode;\n stickyTopItem?: React.ReactNode;\n stickyFooterItem?: React.ReactNode;\n testId?: string;\n numberOfRecentItems?: number;\n itemKey: (item: T) => string \| number;\n}\n\nexport function GenericDropdownMenu<T>({\n isOpen,\n filteredItems,\n inputValue,\n highlightedIndex,\n selectedItem,\n getMenuProps,\n getItemProps,\n onScroll,\n menuRef,\n renderItem,\n renderEmptyState,\n stickyTopItem,\n stickyFooterItem,\n testId,\n numberOfRecentItems = 0,\n itemKey,\n}: GenericDropdownMenuProps<T>) {\n const hasItems = filteredItems.length > 0;\n const showEmptyState = !hasItems && !stickyTopItem && !stickyFooterItem;\n\n // Always render the menu container (even when closed) so getMenuProps is always called\n // This prevents the downshift warning about forgetting to call getMenuProps\n if (!isOpen) {\n return (\n <div className=\"relative\">\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: \"hidden\",\n \"data-testid\": testId,\n })}\n />\n </div>\n );\n }\n\n return (\n <div className=\"relative\">\n <div\n className={cn(\n \"absolute z-10 w-full bg-tertiary border border-[var(--oh-border-input)] rounded-lg shadow-none\",\n \"focus:outline-none mt-1 z-[9999]\",\n stickyTopItem \|\| stickyFooterItem ? \"max-h-60\" : \"max-h-60\",\n )}\n >\n <ul\n {...getMenuProps({\n ref: menuRef,\n className: cn(\n \"w-full overflow-auto p-1 custom-scrollbar-always\",\n dropdownMenuListClassName,\n stickyTopItem \|\| stickyFooterItem\n ? \"max-h-[calc(15rem-3rem)]\"\n : \"max-h-60\", // Reserve space for sticky items\n ),\n onScroll,\n \"data-testid\": testId,\n })}\n >\n {showEmptyState ? (\n renderEmptyState(inputValue)\n ) : (\n <>\n {stickyTopItem}\n {filteredItems.map((item, index) => {\n const key = itemKey(item);\n return (\n <React.Fragment key={key}>\n {renderItem(\n item,\n index,\n highlightedIndex,\n selectedItem,\n getItemProps,\n )}\n {numberOfRecentItems > 0 &&\n index === numberOfRecentItems - 1 && (\n <div className=\"border-b border-[var(--oh-border-input)] bg-tertiary pb-1 mb-1 h-[1px]\" />\n )}\n </React.Fragment>\n );\n })}\n </>\n )}\n </ul>\n {stickyFooterItem && (\n <div className=\"border-t border-[var(--oh-border-input)] bg-tertiary p-1 rounded-b-lg\">\n {stickyFooterItem}\n </div>\n )}\n </div>\n </div>\n );\n}\n"],"mappings":";;;;;AAuCA,SAAgB,EAAuB,EACrC,WACA,kBACA,eACA,qBACA,iBACA,iBACA,iBACA,aACA,YACA,eACA,qBACA,kBACA,qBACA,WACA,yBAAsB,GACtB,cAC8B;CAE9B,IAAM,IAAiB,EADN,EAAc,SAAS,MACJ,CAAC,KAAiB,CAAC;AAkBvD,QAdK,IAeH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GACE,WAAW,EACT,kGACA,oCACoC,WACrC;aALH,CAOE,kBAAC,MAAD;IACE,GAAI,EAAa;KACf,KAAK;KACL,WAAW,EACT,oDACA,GACA,KAAiB,IACb,6BACA,WACL;KACD;KACA,eAAe;KAChB,CAAC;cAED,IACC,EAAiB,EAAW,GAE5B,kBAAA,GAAA,EAAA,UAAA,CACG,GACA,EAAc,KAAK,GAAM,MAAU;KAClC,IAAM,IAAM,EAAQ,EAAK;AACzB,YACE,kBAAC,EAAM,UAAP,EAAA,UAAA,CACG,EACC,GACA,GACA,GACA,GACA,EACD,EACA,IAAsB,KACrB,MAAU,IAAsB,KAC9B,kBAAC,OAAD,EAAK,WAAU,0EAA2E,CAAA,CAE/E,EAAA,EAZI,EAYJ;MAEnB,CACD,EAAA,CAAA;IAEF,CAAA,EACJ,KACC,kBAAC,OAAD;IAAK,WAAU;cACZ;IACG,CAAA,CAEJ;;EACF,CAAA,GAnEJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,MAAD,EACE,GAAI,EAAa;GACf,KAAK;GACL,WAAW;GACX,eAAe;GAChB,CAAC,EACF,CAAA;EACE,CAAA"}

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.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(`../../../../utils/utils.cjs`),i=require(`../../../../contexts/active-backend-context.cjs`),a=require(`../../../shared/modals/modal-backdrop.cjs`),o=require(`../../../shared/modals/modal-body.cjs`),s=require(`../../../shared/modals/confirmation-modals/base-modal.cjs`),c=require(`../../settings/brand-button.cjs`),l=require(`../../../../hooks/query/use-search-subdirs.cjs`),u=require(`../../../../icons/folder.cjs`),d=require(`../../../../icons/chevron-left-small.cjs`);let f=require(`react`);f=e.__toESM(f,1);let p=require(`react/jsx-runtime`);var m=`/projects`;function h({label:e,entries:t,currentPath:n,onPick:i}){return t.length===0?null:(0,p.jsxs)(`div`,{className:`px-2 pb-3`,children:[(0,p.jsx)(`div`,{className:`px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:e}),(0,p.jsx)(`ul`,{children:t.map(e=>{let t=n===e.path;return(0,p.jsx)(`li`,{children:(0,p.jsxs)(`button`,{type:`button`,onClick:()=>i(e.path),"data-testid":`folder-browser-sidebar-${e.label.toLowerCase()}`,className:r.cn(`flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer`,t?`bg-tertiary text-white`:`text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]`),children:[(0,p.jsx)(u.default,{width:14,height:14,className:`shrink-0`}),(0,p.jsx)(`span`,{className:`truncate`,children:e.label})]})},e.path)})})]})}function g(e){let t=e.replace(/\/+$/,``);if(!t||t===`/`)return null;let n=t.lastIndexOf(`/`);return n<=0?`/`:t.slice(0,n)}function _(e){return e?.home===`/home/openhands`}function v({isOpen:e,onClose:v,onAdd:y,onAddParent:b}){let{t:x}=t.useTranslation(`openhands`),[S,C]=(0,f.useState)(null),w=i.useActiveBackend(),{data:T}=l.useHomeDirectory();(0,f.useEffect)(()=>{e&&T?.home&&S===null&&C(_(T)?m:T.home),e||C(null)},[e,T?.home,S]),(0,f.useEffect)(()=>{C(null)},[w.backend.id,w.orgId]);let{data:E,isLoading:D,isError:O,error:k}=l.useSearchSubdirs(e?S:null),A=(0,f.useMemo)(()=>{if(!T?.home)return[];let e=[{label:`Home`,path:T.home.replace(/[\\/]+$/,``)||T.home},...T.favorites??[]];return _(T)&&!e.some(e=>e.path===m)&&e.push({label:m,path:m}),e},[T]),j=T?.locations??[];if(!e)return null;let M=E?.items??[],N=S?g(S):null,P=T?.home===`/home/openhands`&&(T?.favorites?.length??0)===0&&S===T?.home&&!D&&!O&&M.length===0,F=e=>{let t=e.replace(/\/+$/,``);if(!t)return`/`;let n=t.lastIndexOf(`/`);return n>=0?t.slice(n+1)||`/`:t};return(0,p.jsx)(a.ModalBackdrop,{onClose:v,"aria-label":x(n.I18nKey.HOME$ADD_WORKSPACES_TITLE),children:(0,p.jsxs)(`div`,{"data-testid":`folder-browser-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,o.modalWidthClassName(`xl`),o.MODAL_MAX_WIDTH_VIEWPORT,`h-[480px]`),children:[(0,p.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,p.jsx)(s.BaseModalTitle,{className:`text-sm font-medium text-white`,title:x(n.I18nKey.HOME$ADD_WORKSPACES_TITLE)})}),(0,p.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,p.jsxs)(`aside`,{"data-testid":`folder-browser-sidebar`,className:`w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto`,children:[(0,p.jsx)(h,{label:x(n.I18nKey.HOME$FAVORITES),entries:A,currentPath:S,onPick:C}),(0,p.jsx)(h,{label:x(n.I18nKey.HOME$LOCATIONS),entries:j,currentPath:S,onPick:C})]}),(0,p.jsxs)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]`,children:[(0,p.jsx)(`button`,{type:`button`,"data-testid":`folder-browser-up`,onClick:()=>N&&C(N),disabled:!N,"aria-label":`Up`,className:`p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer`,children:(0,p.jsx)(d.default,{width:16,height:16})}),(0,p.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,"data-testid":`folder-browser-current-path`,children:S??``})]}),(0,p.jsxs)(`div`,{className:`grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold`,children:[(0,p.jsx)(`span`,{children:x(n.I18nKey.HOME$NAME)}),(0,p.jsx)(`span`,{children:x(n.I18nKey.HOME$KIND)})]}),(0,p.jsxs)(`ul`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`folder-browser-list`,children:[D&&(0,p.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,children:x(n.I18nKey.HOME$LOADING)}),O&&(0,p.jsx)(`li`,{className:`px-4 py-2 text-sm text-red-400`,"data-testid":`folder-browser-error`,children:k?.message??`Failed to load`}),!D&&!O&&M.length===0&&(0,p.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,"data-testid":P?`folder-browser-host-home-hint`:`folder-browser-empty`,children:x(P?n.I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT:n.I18nKey.HOME$NO_WORKSPACES)}),M.map(e=>(0,p.jsx)(`li`,{children:(0,p.jsxs)(`button`,{type:`button`,onClick:()=>C(e.path),className:`grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer`,"data-testid":`folder-browser-entry-${e.name}`,children:[(0,p.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,p.jsx)(u.default,{width:16,height:16,className:`shrink-0`}),(0,p.jsx)(`span`,{className:`truncate`,children:e.name})]}),(0,p.jsx)(`span`,{className:`text-[var(--oh-text-secondary)] text-xs`,children:x(n.I18nKey.HOME$FOLDER)})]})},e.path))]})]})]}),(0,p.jsxs)(`div`,{className:`flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:[(0,p.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:v,testId:`folder-browser-cancel`,children:x(n.I18nKey.HOME$CANCEL)}),b&&(0,p.jsx)(c.BrandButton,{type:`button`,variant:`secondary`,onClick:()=>{!S||!b||(b([{id:S,name:F(S),path:S}]),v())},isDisabled:!S||D,testId:`folder-browser-add-all-subdirs`,children:x(n.I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}),(0,p.jsx)(c.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{S&&(y([{id:S,name:F(S),path:S}]),v())},isDisabled:!S||D,testId:`folder-browser-use`,children:x(n.I18nKey.HOME$ADD_THIS_DIRECTORY)})]})]})})}exports.FolderBrowserModal=v;
+const e=require(`../../../../_virtual/_rolldown/runtime.cjs`),t=require(`../../../../node_modules/react-i18next/dist/es/useTranslation.cjs`),n=require(`../../../../i18n/declaration.cjs`),r=require(`../../../../utils/utils.cjs`),i=require(`../../../../contexts/active-backend-context.cjs`),a=require(`../../../shared/modals/modal-backdrop.cjs`),o=require(`../../../shared/modals/modal-body.cjs`),s=require(`../../../../utils/modal-classes.cjs`),c=require(`../../../shared/modals/confirmation-modals/base-modal.cjs`),l=require(`../../settings/brand-button.cjs`),u=require(`../../../../hooks/query/use-search-subdirs.cjs`),d=require(`../../../../icons/folder.cjs`),f=require(`../../../../icons/chevron-left-small.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`);var h=`/projects`;function g({label:e,entries:t,currentPath:n,onPick:i}){return t.length===0?null:(0,m.jsxs)(`div`,{className:`px-2 pb-3`,children:[(0,m.jsx)(`div`,{className:`px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold`,children:e}),(0,m.jsx)(`ul`,{children:t.map(e=>{let t=n===e.path;return(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>i(e.path),"data-testid":`folder-browser-sidebar-${e.label.toLowerCase()}`,className:r.cn(`flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer`,t?`bg-tertiary text-white`:`text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]`),children:[(0,m.jsx)(d.default,{width:14,height:14,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.label})]})},e.path)})})]})}function _(e){let t=e.replace(/\/+$/,``);if(!t||t===`/`)return null;let n=t.lastIndexOf(`/`);return n<=0?`/`:t.slice(0,n)}function v(e){return e?.home===`/home/openhands`}function y({isOpen:e,onClose:y,onAdd:b,onAddParent:x}){let{t:S}=t.useTranslation(`openhands`),[C,w]=(0,p.useState)(null),T=i.useActiveBackend(),{data:E}=u.useHomeDirectory();(0,p.useEffect)(()=>{e&&E?.home&&C===null&&w(v(E)?h:E.home),e||w(null)},[e,E?.home,C]),(0,p.useEffect)(()=>{w(null)},[T.backend.id,T.orgId]);let{data:D,isLoading:O,isError:k,error:A}=u.useSearchSubdirs(e?C:null),j=(0,p.useMemo)(()=>{if(!E?.home)return[];let e=[{label:`Home`,path:E.home.replace(/[\\/]+$/,``)||E.home},...E.favorites??[]];return v(E)&&!e.some(e=>e.path===h)&&e.push({label:h,path:h}),e},[E]),M=E?.locations??[];if(!e)return null;let N=D?.items??[],P=C?_(C):null,F=E?.home===`/home/openhands`&&(E?.favorites?.length??0)===0&&C===E?.home&&!O&&!k&&N.length===0,I=e=>{let t=e.replace(/\/+$/,``);if(!t)return`/`;let n=t.lastIndexOf(`/`);return n>=0?t.slice(n+1)||`/`:t};return(0,m.jsx)(a.ModalBackdrop,{onClose:y,"aria-label":S(n.I18nKey.HOME$ADD_WORKSPACES_TITLE),children:(0,m.jsxs)(`div`,{"data-testid":`folder-browser-modal`,className:r.cn(`flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl`,o.modalWidthClassName(`xl`),o.MODAL_MAX_WIDTH_VIEWPORT,`h-[480px]`),children:[(0,m.jsx)(`div`,{className:`flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]`,children:(0,m.jsx)(c.BaseModalTitle,{className:s.modalTitleSmClassName,title:S(n.I18nKey.HOME$ADD_WORKSPACES_TITLE)})}),(0,m.jsxs)(`div`,{className:`flex flex-1 min-h-0`,children:[(0,m.jsxs)(`aside`,{"data-testid":`folder-browser-sidebar`,className:`w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto`,children:[(0,m.jsx)(g,{label:S(n.I18nKey.HOME$FAVORITES),entries:j,currentPath:C,onPick:w}),(0,m.jsx)(g,{label:S(n.I18nKey.HOME$LOCATIONS),entries:M,currentPath:C,onPick:w})]}),(0,m.jsxs)(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[(0,m.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]`,children:[(0,m.jsx)(`button`,{type:`button`,"data-testid":`folder-browser-up`,onClick:()=>P&&w(P),disabled:!P,"aria-label":`Up`,className:`p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer`,children:(0,m.jsx)(f.default,{width:16,height:16})}),(0,m.jsx)(`span`,{className:`text-xs text-[var(--oh-muted)] truncate`,"data-testid":`folder-browser-current-path`,children:C??``})]}),(0,m.jsxs)(`div`,{className:`grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold`,children:[(0,m.jsx)(`span`,{children:S(n.I18nKey.HOME$NAME)}),(0,m.jsx)(`span`,{children:S(n.I18nKey.HOME$KIND)})]}),(0,m.jsxs)(`ul`,{className:`flex-1 overflow-auto custom-scrollbar-always`,"data-testid":`folder-browser-list`,children:[O&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,children:S(n.I18nKey.HOME$LOADING)}),k&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-red-400`,"data-testid":`folder-browser-error`,children:A?.message??`Failed to load`}),!O&&!k&&N.length===0&&(0,m.jsx)(`li`,{className:`px-4 py-2 text-sm text-[var(--oh-text-secondary)]`,"data-testid":F?`folder-browser-host-home-hint`:`folder-browser-empty`,children:S(F?n.I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT:n.I18nKey.HOME$NO_WORKSPACES)}),N.map(e=>(0,m.jsx)(`li`,{children:(0,m.jsxs)(`button`,{type:`button`,onClick:()=>w(e.path),className:`grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer`,"data-testid":`folder-browser-entry-${e.name}`,children:[(0,m.jsxs)(`span`,{className:`flex items-center gap-2 min-w-0`,children:[(0,m.jsx)(d.default,{width:16,height:16,className:`shrink-0`}),(0,m.jsx)(`span`,{className:`truncate`,children:e.name})]}),(0,m.jsx)(`span`,{className:`text-[var(--oh-text-secondary)] text-xs`,children:S(n.I18nKey.HOME$FOLDER)})]})},e.path))]})]})]}),(0,m.jsxs)(`div`,{className:`flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]`,children:[(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:y,testId:`folder-browser-cancel`,children:S(n.I18nKey.HOME$CANCEL)}),x&&(0,m.jsx)(l.BrandButton,{type:`button`,variant:`secondary`,onClick:()=>{!C||!x||(x([{id:C,name:I(C),path:C}]),y())},isDisabled:!C||O,testId:`folder-browser-add-all-subdirs`,children:S(n.I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}),(0,m.jsx)(l.BrandButton,{type:`button`,variant:`primary`,onClick:()=>{C&&(b([{id:C,name:I(C),path:C}]),y())},isDisabled:!C||O,testId:`folder-browser-use`,children:S(n.I18nKey.HOME$ADD_THIS_DIRECTORY)})]})]})})}exports.FolderBrowserModal=y;
 //# sourceMappingURL=folder-browser-modal.cjs.map

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"folder-browser-modal.cjs","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/folder-browser-modal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport {\n type HomeDirectoryResponse,\n useHomeDirectory,\n useSearchSubdirs,\n} from \"#/hooks/query/use-search-subdirs\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport ChevronLeft from \"#/icons/chevron-left-small.svg?react\";\n\nconst PROJECTS_PATH = \"/projects\";\n\ninterface FolderBrowserModalProps {\n isOpen: boolean;\n onClose: () => void;\n onAdd: (items: LocalWorkspace[]) => void;\n onAddParent?: (items: LocalWorkspaceParent[]) => void;\n}\n\ninterface SidebarEntry {\n label: string;\n path: string;\n}\n\ninterface SidebarSectionProps {\n label: string;\n entries: SidebarEntry[];\n currentPath: string \| null;\n onPick: (path: string) => void;\n}\n\nfunction SidebarSection({\n label,\n entries,\n currentPath,\n onPick,\n}: SidebarSectionProps) {\n if (entries.length === 0) return null;\n return (\n <div className=\"px-2 pb-3\">\n <div className=\"px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {label}\n </div>\n <ul>\n {entries.map((entry) => {\n const isActive = currentPath === entry.path;\n return (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => onPick(entry.path)}\n data-testid={`folder-browser-sidebar-${entry.label.toLowerCase()}`}\n className={cn(\n \"flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer\",\n isActive\n ? \"bg-tertiary text-white\"\n : \"text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]\",\n )}\n >\n <FolderIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.label}</span>\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n\nfunction getParentPath(path: string): string \| null {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed \|\| trimmed === \"/\") return null;\n const idx = trimmed.lastIndexOf(\"/\");\n if (idx <= 0) return \"/\";\n return trimmed.slice(0, idx);\n}\n\nfunction shouldDefaultToProjectsPath(\n homeData: HomeDirectoryResponse \| undefined,\n): boolean {\n return homeData?.home === \"/home/openhands\";\n}\n\nexport function FolderBrowserModal({\n isOpen,\n onClose,\n onAdd,\n onAddParent,\n}: FolderBrowserModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [currentPath, setCurrentPath] = useState<string \| null>(null);\n const active = useActiveBackend();\n\n const { data: homeData } = useHomeDirectory();\n\n // Initialize / reset to home each time the modal is opened\n useEffect(() => {\n if (isOpen && homeData?.home && currentPath === null) {\n setCurrentPath(\n shouldDefaultToProjectsPath(homeData) ? PROJECTS_PATH : homeData.home,\n );\n }\n if (!isOpen) {\n setCurrentPath(null);\n }\n }, [isOpen, homeData?.home, currentPath]);\n\n // A backend switch invalidates the previous path — clear it so the\n // open/close effect can re-seed from the new backend's homeData.home.\n useEffect(() => {\n setCurrentPath(null);\n }, [active.backend.id, active.orgId]);\n\n const {\n data: listing,\n isLoading,\n isError,\n error,\n } = useSearchSubdirs(isOpen ? currentPath : null);\n\n const favorites: SidebarEntry[] = useMemo(() => {\n if (!homeData?.home) return [];\n const trimmed = homeData.home.replace(/[\\\\/]+$/, \"\") \|\| homeData.home;\n const backendFavorites = [\n { label: \"Home\", path: trimmed },\n ...(homeData.favorites ?? []),\n ];\n if (\n shouldDefaultToProjectsPath(homeData) &&\n !backendFavorites.some((entry) => entry.path === PROJECTS_PATH)\n ) {\n backendFavorites.push({\n label: PROJECTS_PATH,\n path: PROJECTS_PATH,\n });\n }\n\n return backendFavorites;\n }, [homeData]);\n\n const locations: SidebarEntry[] = homeData?.locations ?? [];\n\n if (!isOpen) return null;\n\n const subdirs = listing?.items ?? [];\n const parent = currentPath ? getParentPath(currentPath) : null;\n\n // Signal that we're inside a container environment without the host\n // home mounted: the agent server reports `/home/openhands` as home and\n // returns no favorites (the only contents are hidden credential dirs).\n // In that case there's nothing useful for the user to browse, so we\n // surface a hint instead of the generic empty state.\n const showHostHomeHint =\n homeData?.home === \"/home/openhands\" &&\n (homeData?.favorites?.length ?? 0) === 0 &&\n currentPath === homeData?.home &&\n !isLoading &&\n !isError &&\n subdirs.length === 0;\n\n const getBasename = (path: string): string => {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed) return \"/\";\n const idx = trimmed.lastIndexOf(\"/\");\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| \"/\" : trimmed;\n };\n\n const handleAddDirectory = () => {\n if (!currentPath) return;\n const item: LocalWorkspace = {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n };\n onAdd([item]);\n onClose();\n };\n\n const handleAddAllSubdirectories = () => {\n if (!currentPath \|\| !onAddParent) return;\n onAddParent([\n {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n },\n ]);\n onClose();\n };\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n >\n <div\n data-testid=\"folder-browser-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"xl\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"h-[480px]\",\n )}\n >\n {/* Title bar /}\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className=\"text-sm font-medium text-white\"\n title={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n />\n </div>\n\n {/ Body: sidebar + main /}\n <div className=\"flex flex-1 min-h-0\">\n {/ Sidebar /}\n <aside\n data-testid=\"folder-browser-sidebar\"\n className=\"w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto\"\n >\n <SidebarSection\n label={t(I18nKey.HOME$FAVORITES)}\n entries={favorites}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n <SidebarSection\n label={t(I18nKey.HOME$LOCATIONS)}\n entries={locations}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n </aside>\n\n {/ Main /}\n <div className=\"flex-1 flex flex-col min-w-0\">\n {/ Nav row /}\n <div className=\"flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]\">\n <button\n type=\"button\"\n data-testid=\"folder-browser-up\"\n onClick={() => parent && setCurrentPath(parent)}\n disabled={!parent}\n aria-label=\"Up\"\n className=\"p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer\"\n >\n <ChevronLeft width={16} height={16} />\n </button>\n <span\n className=\"text-xs text-[var(--oh-muted)] truncate\"\n data-testid=\"folder-browser-current-path\"\n >\n {currentPath ?? \"\"}\n </span>\n </div>\n\n {/ Column headers /}\n <div className=\"grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold\">\n <span>{t(I18nKey.HOME$NAME)}</span>\n <span>{t(I18nKey.HOME$KIND)}</span>\n </div>\n\n {/ List /}\n <ul\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"folder-browser-list\"\n >\n {isLoading && (\n <li className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.HOME$LOADING)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-4 py-2 text-sm text-red-400\"\n data-testid=\"folder-browser-error\"\n >\n {(error as Error \| undefined)?.message ?? \"Failed to load\"}\n </li>\n )}\n {!isLoading && !isError && subdirs.length === 0 && (\n <li\n className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\"\n data-testid={\n showHostHomeHint\n ? \"folder-browser-host-home-hint\"\n : \"folder-browser-empty\"\n }\n >\n {showHostHomeHint\n ? t(I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT)\n : t(I18nKey.HOME$NO_WORKSPACES)}\n </li>\n )}\n {subdirs.map((entry) => (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => setCurrentPath(entry.path)}\n className=\"grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer\"\n data-testid={`folder-browser-entry-${entry.name}`}\n >\n <span className=\"flex items-center gap-2 min-w-0\">\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.name}</span>\n </span>\n <span className=\"text-[var(--oh-text-secondary)] text-xs\">\n {t(I18nKey.HOME$FOLDER)}\n </span>\n </button>\n </li>\n ))}\n </ul>\n </div>\n </div>\n\n {/ Footer */}\n <div className=\"flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"folder-browser-cancel\"\n >\n {t(I18nKey.HOME$CANCEL)}\n </BrandButton>\n {onAddParent && (\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handleAddAllSubdirectories}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-add-all-subdirs\"\n >\n {t(I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}\n </BrandButton>\n )}\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={handleAddDirectory}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-use\"\n >\n {t(I18nKey.HOME$ADD_THIS_DIRECTORY)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"suBAsBA,IAAM,EAAgB,YAqBtB,SAAS,EAAe,CACtB,QACA,UACA,cACA,UACsB,CAEtB,OADI,EAAQ,SAAW,EAAU,MAE/B,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,qBAAf,EACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,8FACZ,EACG,CAAA,EACN,EAAA,EAAA,KAAC,KAAD,CAAA,SACG,EAAQ,IAAK,GAAU,CACtB,IAAM,EAAW,IAAgB,EAAM,KACvC,OACE,EAAA,EAAA,KAAC,KAAD,CAAA,UACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAO,EAAM,KAAK,CACjC,cAAa,0BAA0B,EAAM,MAAM,aAAa,GAChE,UAAW,EAAA,GACT,0EACA,EACI,yBACA,qEACL,UATH,EAWE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,UAAU,WAAa,CAAA,EAC1D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAM,MAAa,CAAA,CACxC,GACN,CAfI,EAAM,KAeV,EAEP,CACC,CAAA,CACD,GAIV,SAAS,EAAc,EAA6B,CAClD,IAAM,EAAU,EAAK,QAAQ,OAAQ,GAAG,CACxC,GAAI,CAAC,GAAW,IAAY,IAAK,OAAO,KACxC,IAAM,EAAM,EAAQ,YAAY,IAAI,CAEpC,OADI,GAAO,EAAU,IACd,EAAQ,MAAM,EAAG,EAAI,CAG9B,SAAS,EACP,EACS,CACT,OAAO,GAAU,OAAS,kBAG5B,SAAgB,EAAmB,CACjC,SACA,UACA,QACA,eAC0B,CAC1B,GAAM,CAAE,KAAM,EAAA,eAAe,YAAY,CACnC,CAAC,EAAa,IAAA,EAAA,EAAA,UAA0C,KAAK,CAC7D,EAAS,EAAA,kBAAkB,CAE3B,CAAE,KAAM,GAAa,EAAA,kBAAkB,EAG7C,EAAA,EAAA,eAAgB,CACV,GAAU,GAAU,MAAQ,IAAgB,MAC9C,EACE,EAA4B,EAAS,CAAG,EAAgB,EAAS,KAClE,CAEE,GACH,EAAe,KAAK,EAErB,CAAC,EAAQ,GAAU,KAAM,EAAY,CAAC,EAIzC,EAAA,EAAA,eAAgB,CACd,EAAe,KAAK,EACnB,CAAC,EAAO,QAAQ,GAAI,EAAO,MAAM,CAAC,CAErC,GAAM,CACJ,KAAM,EACN,YACA,UACA,SACE,EAAA,iBAAiB,EAAS,EAAc,KAAK,CAE3C,GAAA,EAAA,EAAA,aAA0C,CAC9C,GAAI,CAAC,GAAU,KAAM,MAAO,EAAE,CAE9B,IAAM,EAAmB,CACvB,CAAE,MAAO,OAAQ,KAFH,EAAS,KAAK,QAAQ,UAAW,GAAG,EAAI,EAAS,KAE/B,CAChC,GAAI,EAAS,WAAa,EAAE,CAC7B,CAWD,OATE,EAA4B,EAAS,EACrC,CAAC,EAAiB,KAAM,GAAU,EAAM,OAAS,EAAc,EAE/D,EAAiB,KAAK,CACpB,MAAO,EACP,KAAM,EACP,CAAC,CAGG,GACN,CAAC,EAAS,CAAC,CAER,EAA4B,GAAU,WAAa,EAAE,CAE3D,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAU,GAAS,OAAS,EAAE,CAC9B,EAAS,EAAc,EAAc,EAAY,CAAG,KAOpD,EACJ,GAAU,OAAS,oBAClB,GAAU,WAAW,QAAU,KAAO,GACvC,IAAgB,GAAU,MAC1B,CAAC,GACD,CAAC,GACD,EAAQ,SAAW,EAEf,EAAe,GAAyB,CAC5C,IAAM,EAAU,EAAK,QAAQ,OAAQ,GAAG,CACxC,GAAI,CAAC,EAAS,MAAO,IACrB,IAAM,EAAM,EAAQ,YAAY,IAAI,CACpC,OAAO,GAAO,EAAI,EAAQ,MAAM,EAAM,EAAE,EAAI,IAAM,GA0BpD,OACE,EAAA,EAAA,KAAC,EAAA,cAAD,CACW,UACT,aAAY,EAAE,EAAA,QAAQ,0BAA0B,WAEhD,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,uBACZ,UAAW,EAAA,GACT,yFACA,EAAA,oBAAoB,KAAK,CACzB,EAAA,yBACA,YACD,UAPH,EAUE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iGACb,EAAA,EAAA,KAAC,EAAA,eAAD,CACE,UAAU,iCACV,MAAO,EAAE,EAAA,QAAQ,0BAA0B,CAC3C,CAAA,CACE,CAAA,EAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+BAAf,EAEE,EAAA,EAAA,MAAC,QAAD,CACE,cAAY,yBACZ,UAAU,mHAFZ,EAIE,EAAA,EAAA,KAAC,EAAD,CACE,MAAO,EAAE,EAAA,QAAQ,eAAe,CAChC,QAAS,EACI,cACb,OAAQ,EACR,CAAA,EACF,EAAA,EAAA,KAAC,EAAD,CACE,MAAO,EAAE,EAAA,QAAQ,eAAe,CAChC,QAAS,EACI,cACb,OAAQ,EACR,CAAA,CACI,IAGR,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,wCAAf,EAEE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,sFAAf,EACE,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAY,oBACZ,YAAe,GAAU,EAAe,EAAO,CAC/C,SAAU,CAAC,EACX,aAAW,KACX,UAAU,yIAEV,EAAA,EAAA,KAAC,EAAA,QAAD,CAAa,MAAO,GAAI,OAAQ,GAAM,CAAA,CAC/B,CAAA,EACT,EAAA,EAAA,KAAC,OAAD,CACE,UAAU,0CACV,cAAY,uCAEX,GAAe,GACX,CAAA,CACH,IAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,+IAAf,EACE,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,UAAU,CAAQ,CAAA,EACnC,EAAA,EAAA,KAAC,OAAD,CAAA,SAAO,EAAE,EAAA,QAAQ,UAAU,CAAQ,CAAA,CAC/B,IAGN,EAAA,EAAA,MAAC,KAAD,CACE,UAAU,+CACV,cAAY,+BAFd,CAIG,IACC,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,6DACX,EAAE,EAAA,QAAQ,aAAa,CACrB,CAAA,CAEN,IACC,EAAA,EAAA,KAAC,KAAD,CACE,UAAU,iCACV,cAAY,gCAEV,GAA6B,SAAW,iBACvC,CAAA,CAEN,CAAC,GAAa,CAAC,GAAW,EAAQ,SAAW,IAC5C,EAAA,EAAA,KAAC,KAAD,CACE,UAAU,oDACV,cACE,EACI,gCACA,gCAIF,EADH,EACK,EAAA,QAAQ,gCACR,EAAA,QAAQ,mBAAmB,CAC9B,CAAA,CAEN,EAAQ,IAAK,IACZ,EAAA,EAAA,KAAC,KAAD,CAAA,UACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAe,EAAM,KAAK,CACzC,UAAU,gJACV,cAAa,wBAAwB,EAAM,gBAJ7C,EAME,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,2CAAhB,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CAAY,MAAO,GAAI,OAAQ,GAAI,UAAU,WAAa,CAAA,EAC1D,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,oBAAY,EAAM,KAAY,CAAA,CACzC,IACP,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mDACb,EAAE,EAAA,QAAQ,YAAY,CAClB,CAAA,CACA,GACN,CAfI,EAAM,KAeV,CACL,CACC,GACD,GACF,IAGN,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kGAAf,EACE,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,QAAS,EACT,OAAO,iCAEN,EAAE,EAAA,QAAQ,YAAY,CACX,CAAA,CACb,IACC,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,YACR,YAvJ6B,CACnC,CAAC,GAAe,CAAC,IACrB,EAAY,CACV,CACE,GAAI,EACJ,KAAM,EAAY,EAAY,CAC9B,KAAM,EACP,CACF,CAAC,CACF,GAAS,GA+IC,WAAY,CAAC,GAAe,EAC5B,OAAO,0CAEN,EAAE,EAAA,QAAQ,4BAA4B,CAC3B,CAAA,EAEhB,EAAA,EAAA,KAAC,EAAA,YAAD,CACE,KAAK,SACL,QAAQ,UACR,YA5KuB,CAC1B,IAML,EAAM,CAAC,CAJL,GAAI,EACJ,KAAM,EAAY,EAAY,CAC9B,KAAM,EAED,CAAK,CAAC,CACb,GAAS,GAqKD,WAAY,CAAC,GAAe,EAC5B,OAAO,8BAEN,EAAE,EAAA,QAAQ,wBAAwB,CACvB,CAAA,CACV,GACF,GACQ,CAAA"}
1	+ {"version":3,"file":"folder-browser-modal.cjs","names":[],"sources":["../../../../../src/components/features/home/workspace-dropdown/folder-browser-modal.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { BaseModalTitle } from \"#/components/shared/modals/confirmation-modals/base-modal\";\nimport { ModalBackdrop } from \"#/components/shared/modals/modal-backdrop\";\nimport {\n MODAL_MAX_WIDTH_VIEWPORT,\n modalWidthClassName,\n} from \"#/components/shared/modals/modal-body\";\nimport { BrandButton } from \"#/components/features/settings/brand-button\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { LocalWorkspace, LocalWorkspaceParent } from \"#/types/workspace\";\nimport {\n type HomeDirectoryResponse,\n useHomeDirectory,\n useSearchSubdirs,\n} from \"#/hooks/query/use-search-subdirs\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport { cn } from \"#/utils/utils\";\nimport { modalTitleSmClassName } from \"#/utils/modal-classes\";\nimport FolderIcon from \"#/icons/folder.svg?react\";\nimport ChevronLeft from \"#/icons/chevron-left-small.svg?react\";\n\nconst PROJECTS_PATH = \"/projects\";\n\ninterface FolderBrowserModalProps {\n isOpen: boolean;\n onClose: () => void;\n onAdd: (items: LocalWorkspace[]) => void;\n onAddParent?: (items: LocalWorkspaceParent[]) => void;\n}\n\ninterface SidebarEntry {\n label: string;\n path: string;\n}\n\ninterface SidebarSectionProps {\n label: string;\n entries: SidebarEntry[];\n currentPath: string \| null;\n onPick: (path: string) => void;\n}\n\nfunction SidebarSection({\n label,\n entries,\n currentPath,\n onPick,\n}: SidebarSectionProps) {\n if (entries.length === 0) return null;\n return (\n <div className=\"px-2 pb-3\">\n <div className=\"px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold\">\n {label}\n </div>\n <ul>\n {entries.map((entry) => {\n const isActive = currentPath === entry.path;\n return (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => onPick(entry.path)}\n data-testid={`folder-browser-sidebar-${entry.label.toLowerCase()}`}\n className={cn(\n \"flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer\",\n isActive\n ? \"bg-tertiary text-white\"\n : \"text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]\",\n )}\n >\n <FolderIcon width={14} height={14} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.label}</span>\n </button>\n </li>\n );\n })}\n </ul>\n </div>\n );\n}\n\nfunction getParentPath(path: string): string \| null {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed \|\| trimmed === \"/\") return null;\n const idx = trimmed.lastIndexOf(\"/\");\n if (idx <= 0) return \"/\";\n return trimmed.slice(0, idx);\n}\n\nfunction shouldDefaultToProjectsPath(\n homeData: HomeDirectoryResponse \| undefined,\n): boolean {\n return homeData?.home === \"/home/openhands\";\n}\n\nexport function FolderBrowserModal({\n isOpen,\n onClose,\n onAdd,\n onAddParent,\n}: FolderBrowserModalProps) {\n const { t } = useTranslation(\"openhands\");\n const [currentPath, setCurrentPath] = useState<string \| null>(null);\n const active = useActiveBackend();\n\n const { data: homeData } = useHomeDirectory();\n\n // Initialize / reset to home each time the modal is opened\n useEffect(() => {\n if (isOpen && homeData?.home && currentPath === null) {\n setCurrentPath(\n shouldDefaultToProjectsPath(homeData) ? PROJECTS_PATH : homeData.home,\n );\n }\n if (!isOpen) {\n setCurrentPath(null);\n }\n }, [isOpen, homeData?.home, currentPath]);\n\n // A backend switch invalidates the previous path — clear it so the\n // open/close effect can re-seed from the new backend's homeData.home.\n useEffect(() => {\n setCurrentPath(null);\n }, [active.backend.id, active.orgId]);\n\n const {\n data: listing,\n isLoading,\n isError,\n error,\n } = useSearchSubdirs(isOpen ? currentPath : null);\n\n const favorites: SidebarEntry[] = useMemo(() => {\n if (!homeData?.home) return [];\n const trimmed = homeData.home.replace(/[\\\\/]+$/, \"\") \|\| homeData.home;\n const backendFavorites = [\n { label: \"Home\", path: trimmed },\n ...(homeData.favorites ?? []),\n ];\n if (\n shouldDefaultToProjectsPath(homeData) &&\n !backendFavorites.some((entry) => entry.path === PROJECTS_PATH)\n ) {\n backendFavorites.push({\n label: PROJECTS_PATH,\n path: PROJECTS_PATH,\n });\n }\n\n return backendFavorites;\n }, [homeData]);\n\n const locations: SidebarEntry[] = homeData?.locations ?? [];\n\n if (!isOpen) return null;\n\n const subdirs = listing?.items ?? [];\n const parent = currentPath ? getParentPath(currentPath) : null;\n\n // Signal that we're inside a container environment without the host\n // home mounted: the agent server reports `/home/openhands` as home and\n // returns no favorites (the only contents are hidden credential dirs).\n // In that case there's nothing useful for the user to browse, so we\n // surface a hint instead of the generic empty state.\n const showHostHomeHint =\n homeData?.home === \"/home/openhands\" &&\n (homeData?.favorites?.length ?? 0) === 0 &&\n currentPath === homeData?.home &&\n !isLoading &&\n !isError &&\n subdirs.length === 0;\n\n const getBasename = (path: string): string => {\n const trimmed = path.replace(/\\/+$/, \"\");\n if (!trimmed) return \"/\";\n const idx = trimmed.lastIndexOf(\"/\");\n return idx >= 0 ? trimmed.slice(idx + 1) \|\| \"/\" : trimmed;\n };\n\n const handleAddDirectory = () => {\n if (!currentPath) return;\n const item: LocalWorkspace = {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n };\n onAdd([item]);\n onClose();\n };\n\n const handleAddAllSubdirectories = () => {\n if (!currentPath \|\| !onAddParent) return;\n onAddParent([\n {\n id: currentPath,\n name: getBasename(currentPath),\n path: currentPath,\n },\n ]);\n onClose();\n };\n\n return (\n <ModalBackdrop\n onClose={onClose}\n aria-label={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n >\n <div\n data-testid=\"folder-browser-modal\"\n className={cn(\n \"flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl\",\n modalWidthClassName(\"xl\"),\n MODAL_MAX_WIDTH_VIEWPORT,\n \"h-[480px]\",\n )}\n >\n {/* Title bar /}\n <div className=\"flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]\">\n <BaseModalTitle\n className={modalTitleSmClassName}\n title={t(I18nKey.HOME$ADD_WORKSPACES_TITLE)}\n />\n </div>\n\n {/ Body: sidebar + main /}\n <div className=\"flex flex-1 min-h-0\">\n {/ Sidebar /}\n <aside\n data-testid=\"folder-browser-sidebar\"\n className=\"w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto\"\n >\n <SidebarSection\n label={t(I18nKey.HOME$FAVORITES)}\n entries={favorites}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n <SidebarSection\n label={t(I18nKey.HOME$LOCATIONS)}\n entries={locations}\n currentPath={currentPath}\n onPick={setCurrentPath}\n />\n </aside>\n\n {/ Main /}\n <div className=\"flex-1 flex flex-col min-w-0\">\n {/ Nav row /}\n <div className=\"flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]\">\n <button\n type=\"button\"\n data-testid=\"folder-browser-up\"\n onClick={() => parent && setCurrentPath(parent)}\n disabled={!parent}\n aria-label=\"Up\"\n className=\"p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer\"\n >\n <ChevronLeft width={16} height={16} />\n </button>\n <span\n className=\"text-xs text-[var(--oh-muted)] truncate\"\n data-testid=\"folder-browser-current-path\"\n >\n {currentPath ?? \"\"}\n </span>\n </div>\n\n {/ Column headers /}\n <div className=\"grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold\">\n <span>{t(I18nKey.HOME$NAME)}</span>\n <span>{t(I18nKey.HOME$KIND)}</span>\n </div>\n\n {/ List /}\n <ul\n className=\"flex-1 overflow-auto custom-scrollbar-always\"\n data-testid=\"folder-browser-list\"\n >\n {isLoading && (\n <li className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\">\n {t(I18nKey.HOME$LOADING)}\n </li>\n )}\n {isError && (\n <li\n className=\"px-4 py-2 text-sm text-red-400\"\n data-testid=\"folder-browser-error\"\n >\n {(error as Error \| undefined)?.message ?? \"Failed to load\"}\n </li>\n )}\n {!isLoading && !isError && subdirs.length === 0 && (\n <li\n className=\"px-4 py-2 text-sm text-[var(--oh-text-secondary)]\"\n data-testid={\n showHostHomeHint\n ? \"folder-browser-host-home-hint\"\n : \"folder-browser-empty\"\n }\n >\n {showHostHomeHint\n ? t(I18nKey.HOME$HOST_HOME_NOT_MOUNTED_HINT)\n : t(I18nKey.HOME$NO_WORKSPACES)}\n </li>\n )}\n {subdirs.map((entry) => (\n <li key={entry.path}>\n <button\n type=\"button\"\n onClick={() => setCurrentPath(entry.path)}\n className=\"grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer\"\n data-testid={`folder-browser-entry-${entry.name}`}\n >\n <span className=\"flex items-center gap-2 min-w-0\">\n <FolderIcon width={16} height={16} className=\"shrink-0\" />\n <span className=\"truncate\">{entry.name}</span>\n </span>\n <span className=\"text-[var(--oh-text-secondary)] text-xs\">\n {t(I18nKey.HOME$FOLDER)}\n </span>\n </button>\n </li>\n ))}\n </ul>\n </div>\n </div>\n\n {/ Footer */}\n <div className=\"flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]\">\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={onClose}\n testId=\"folder-browser-cancel\"\n >\n {t(I18nKey.HOME$CANCEL)}\n </BrandButton>\n {onAddParent && (\n <BrandButton\n type=\"button\"\n variant=\"secondary\"\n onClick={handleAddAllSubdirectories}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-add-all-subdirs\"\n >\n {t(I18nKey.HOME$ADD_ALL_SUBDIRECTORIES)}\n </BrandButton>\n )}\n <BrandButton\n type=\"button\"\n variant=\"primary\"\n onClick={handleAddDirectory}\n isDisabled={!currentPath \|\| isLoading}\n testId=\"folder-browser-use\"\n >\n {t(I18nKey.HOME$ADD_THIS_DIRECTORY)}\n </BrandButton>\n </div>\n </div>\n </ModalBackdrop>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/home/workspace-dropdown/folder-browser-modal.js CHANGED Viewed

@@ -4,33 +4,34 @@ import { cn as n } from "../../../../utils/utils.js";
 import { useActiveBackend as r } from "../../../../contexts/active-backend-context.js";
 import { ModalBackdrop as i } from "../../../shared/modals/modal-backdrop.js";
 import { MODAL_MAX_WIDTH_VIEWPORT as a, modalWidthClassName as o } from "../../../shared/modals/modal-body.js";
-import { BaseModalTitle as s } from "../../../shared/modals/confirmation-modals/base-modal.js";
-import { BrandButton as c } from "../../settings/brand-button.js";
-import { useHomeDirectory as l, useSearchSubdirs as u } from "../../../../hooks/query/use-search-subdirs.js";
-import d from "../../../../icons/folder.js";
-import f from "../../../../icons/chevron-left-small.js";
-import { useEffect as p, useMemo as m, useState as h } from "react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { modalTitleSmClassName as s } from "../../../../utils/modal-classes.js";
+import { BaseModalTitle as c } from "../../../shared/modals/confirmation-modals/base-modal.js";
+import { BrandButton as l } from "../../settings/brand-button.js";
+import { useHomeDirectory as u, useSearchSubdirs as d } from "../../../../hooks/query/use-search-subdirs.js";
+import f from "../../../../icons/folder.js";
+import p from "../../../../icons/chevron-left-small.js";
+import { useEffect as m, useMemo as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/features/home/workspace-dropdown/folder-browser-modal.tsx
-var v = "/projects";
-function y({ label: e, entries: t, currentPath: r, onPick: i }) {
-	return t.length === 0 ? null : /* @__PURE__ */ _("div", {
+var y = "/projects";
+function b({ label: e, entries: t, currentPath: r, onPick: i }) {
+	return t.length === 0 ? null : /* @__PURE__ */ v("div", {
 		className: "px-2 pb-3",
-		children: [/* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ _("div", {
 			className: "px-2 pb-1 text-[11px] uppercase tracking-wide text-[var(--oh-muted)] font-semibold",
 			children: e
-		}), /* @__PURE__ */ g("ul", { children: t.map((e) => {
+		}), /* @__PURE__ */ _("ul", { children: t.map((e) => {
 			let t = r === e.path;
-			return /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
+			return /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
 				type: "button",
 				onClick: () => i(e.path),
 				"data-testid": `folder-browser-sidebar-${e.label.toLowerCase()}`,
 				className: n("flex items-center gap-2 w-full px-2 py-1 rounded text-sm cursor-pointer", t ? "bg-tertiary text-white" : "text-[var(--oh-text-tertiary)] hover:bg-[var(--oh-surface-raised)]"),
-				children: [/* @__PURE__ */ g(d, {
+				children: [/* @__PURE__ */ _(f, {
 					width: 14,
 					height: 14,
 					className: "shrink-0"
-				}), /* @__PURE__ */ g("span", {
+				}), /* @__PURE__ */ _("span", {
 					className: "truncate",
 					children: e.label
 				})]
@@ -38,136 +39,136 @@ function y({ label: e, entries: t, currentPath: r, onPick: i }) {
 		}) })]
 	});
 }
-function b(e) {
+function x(e) {
 	let t = e.replace(/\/+$/, "");
 	if (!t || t === "/") return null;
 	let n = t.lastIndexOf("/");
 	return n <= 0 ? "/" : t.slice(0, n);
 }
-function x(e) {
+function S(e) {
 	return e?.home === "/home/openhands";
 }
-function S({ isOpen: S, onClose: C, onAdd: w, onAddParent: T }) {
-	let { t: E } = e("openhands"), [D, O] = h(null), k = r(), { data: A } = l();
-	p(() => {
-		S && A?.home && D === null && O(x(A) ? v : A.home), S || O(null);
+function C({ isOpen: C, onClose: w, onAdd: T, onAddParent: E }) {
+	let { t: D } = e("openhands"), [O, k] = g(null), A = r(), { data: j } = u();
+	m(() => {
+		C && j?.home && O === null && k(S(j) ? y : j.home), C || k(null);
 	}, [
-		S,
-		A?.home,
-		D
-	]), p(() => {
-		O(null);
-	}, [k.backend.id, k.orgId]);
-	let { data: j, isLoading: M, isError: N, error: P } = u(S ? D : null), F = m(() => {
-		if (!A?.home) return [];
+		C,
+		j?.home,
+		O
+	]), m(() => {
+		k(null);
+	}, [A.backend.id, A.orgId]);
+	let { data: M, isLoading: N, isError: P, error: F } = d(C ? O : null), I = h(() => {
+		if (!j?.home) return [];
 		let e = [{
 			label: "Home",
-			path: A.home.replace(/[\\/]+$/, "") || A.home
-		}, ...A.favorites ?? []];
-		return x(A) && !e.some((e) => e.path === v) && e.push({
-			label: v,
-			path: v
+			path: j.home.replace(/[\\/]+$/, "") || j.home
+		}, ...j.favorites ?? []];
+		return S(j) && !e.some((e) => e.path === y) && e.push({
+			label: y,
+			path: y
 		}), e;
-	}, [A]), I = A?.locations ?? [];
-	if (!S) return null;
-	let L = j?.items ?? [], R = D ? b(D) : null, z = A?.home === "/home/openhands" && (A?.favorites?.length ?? 0) === 0 && D === A?.home && !M && !N && L.length === 0, B = (e) => {
+	}, [j]), L = j?.locations ?? [];
+	if (!C) return null;
+	let R = M?.items ?? [], z = O ? x(O) : null, B = j?.home === "/home/openhands" && (j?.favorites?.length ?? 0) === 0 && O === j?.home && !N && !P && R.length === 0, V = (e) => {
 		let t = e.replace(/\/+$/, "");
 		if (!t) return "/";
 		let n = t.lastIndexOf("/");
 		return n >= 0 ? t.slice(n + 1) || "/" : t;
 	};
-	return /* @__PURE__ */ g(i, {
-		onClose: C,
-		"aria-label": E(t.HOME$ADD_WORKSPACES_TITLE),
-		children: /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ _(i, {
+		onClose: w,
+		"aria-label": D(t.HOME$ADD_WORKSPACES_TITLE),
+		children: /* @__PURE__ */ v("div", {
 			"data-testid": "folder-browser-modal",
 			className: n("flex flex-col bg-[var(--oh-surface)] border border-[var(--oh-border-input)] rounded-xl", o("xl"), a, "h-[480px]"),
 			children: [
-				/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ _("div", {
 					className: "flex items-center justify-between px-5 py-3 border-b border-[var(--oh-border-input)]",
-					children: /* @__PURE__ */ g(s, {
-						className: "text-sm font-medium text-white",
-						title: E(t.HOME$ADD_WORKSPACES_TITLE)
+					children: /* @__PURE__ */ _(c, {
+						className: s,
+						title: D(t.HOME$ADD_WORKSPACES_TITLE)
 					})
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "flex flex-1 min-h-0",
-					children: [/* @__PURE__ */ _("aside", {
+					children: [/* @__PURE__ */ v("aside", {
 						"data-testid": "folder-browser-sidebar",
 						className: "w-[180px] shrink-0 border-r border-[var(--oh-border-input)] bg-[var(--oh-surface)] py-3 overflow-y-auto",
-						children: [/* @__PURE__ */ g(y, {
-							label: E(t.HOME$FAVORITES),
-							entries: F,
-							currentPath: D,
-							onPick: O
-						}), /* @__PURE__ */ g(y, {
-							label: E(t.HOME$LOCATIONS),
+						children: [/* @__PURE__ */ _(b, {
+							label: D(t.HOME$FAVORITES),
 							entries: I,
-							currentPath: D,
-							onPick: O
+							currentPath: O,
+							onPick: k
+						}), /* @__PURE__ */ _(b, {
+							label: D(t.HOME$LOCATIONS),
+							entries: L,
+							currentPath: O,
+							onPick: k
 						})]
-					}), /* @__PURE__ */ _("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "flex-1 flex flex-col min-w-0",
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "flex items-center gap-2 px-4 py-2 border-b border-[var(--oh-border-input)]",
-								children: [/* @__PURE__ */ g("button", {
+								children: [/* @__PURE__ */ _("button", {
 									type: "button",
 									"data-testid": "folder-browser-up",
-									onClick: () => R && O(R),
-									disabled: !R,
+									onClick: () => z && k(z),
+									disabled: !z,
 									"aria-label": "Up",
 									className: "p-1 rounded hover:bg-[var(--oh-interactive-hover)] text-white disabled:opacity-40 disabled:cursor-not-allowed cursor-pointer",
-									children: /* @__PURE__ */ g(f, {
+									children: /* @__PURE__ */ _(p, {
 										width: 16,
 										height: 16
 									})
-								}), /* @__PURE__ */ g("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "text-xs text-[var(--oh-muted)] truncate",
 									"data-testid": "folder-browser-current-path",
-									children: D ?? ""
+									children: O ?? ""
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid grid-cols-[1fr_120px] px-4 py-1 border-b border-[var(--oh-border-input)] text-xs text-[var(--oh-text-secondary)] font-semibold",
-								children: [/* @__PURE__ */ g("span", { children: E(t.HOME$NAME) }), /* @__PURE__ */ g("span", { children: E(t.HOME$KIND) })]
+								children: [/* @__PURE__ */ _("span", { children: D(t.HOME$NAME) }), /* @__PURE__ */ _("span", { children: D(t.HOME$KIND) })]
 							}),
-							/* @__PURE__ */ _("ul", {
+							/* @__PURE__ */ v("ul", {
 								className: "flex-1 overflow-auto custom-scrollbar-always",
 								"data-testid": "folder-browser-list",
 								children: [
-									M && /* @__PURE__ */ g("li", {
+									N && /* @__PURE__ */ _("li", {
 										className: "px-4 py-2 text-sm text-[var(--oh-text-secondary)]",
-										children: E(t.HOME$LOADING)
+										children: D(t.HOME$LOADING)
 									}),
-									N && /* @__PURE__ */ g("li", {
+									P && /* @__PURE__ */ _("li", {
 										className: "px-4 py-2 text-sm text-red-400",
 										"data-testid": "folder-browser-error",
-										children: P?.message ?? "Failed to load"
+										children: F?.message ?? "Failed to load"
 									}),
-									!M && !N && L.length === 0 && /* @__PURE__ */ g("li", {
+									!N && !P && R.length === 0 && /* @__PURE__ */ _("li", {
 										className: "px-4 py-2 text-sm text-[var(--oh-text-secondary)]",
-										"data-testid": z ? "folder-browser-host-home-hint" : "folder-browser-empty",
-										children: E(z ? t.HOME$HOST_HOME_NOT_MOUNTED_HINT : t.HOME$NO_WORKSPACES)
+										"data-testid": B ? "folder-browser-host-home-hint" : "folder-browser-empty",
+										children: D(B ? t.HOME$HOST_HOME_NOT_MOUNTED_HINT : t.HOME$NO_WORKSPACES)
 									}),
-									L.map((e) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ _("button", {
+									R.map((e) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ v("button", {
 										type: "button",
-										onClick: () => O(e.path),
+										onClick: () => k(e.path),
 										className: "grid grid-cols-[1fr_120px] items-center w-full text-left px-4 py-1.5 text-sm text-white hover:bg-[var(--oh-interactive-hover)] cursor-pointer",
 										"data-testid": `folder-browser-entry-${e.name}`,
-										children: [/* @__PURE__ */ _("span", {
+										children: [/* @__PURE__ */ v("span", {
 											className: "flex items-center gap-2 min-w-0",
-											children: [/* @__PURE__ */ g(d, {
+											children: [/* @__PURE__ */ _(f, {
 												width: 16,
 												height: 16,
 												className: "shrink-0"
-											}), /* @__PURE__ */ g("span", {
+											}), /* @__PURE__ */ _("span", {
 												className: "truncate",
 												children: e.name
 											})]
-										}), /* @__PURE__ */ g("span", {
+										}), /* @__PURE__ */ _("span", {
 											className: "text-[var(--oh-text-secondary)] text-xs",
-											children: E(t.HOME$FOLDER)
+											children: D(t.HOME$FOLDER)
 										})]
 									}) }, e.path))
 								]
@@ -175,43 +176,43 @@ function S({ isOpen: S, onClose: C, onAdd: w, onAddParent: T }) {
 						]
 					})]
 				}),
-				/* @__PURE__ */ _("div", {
+				/* @__PURE__ */ v("div", {
 					className: "flex items-center justify-end gap-2 px-5 py-3 border-t border-[var(--oh-border-input)]",
 					children: [
-						/* @__PURE__ */ g(c, {
+						/* @__PURE__ */ _(l, {
 							type: "button",
 							variant: "secondary",
-							onClick: C,
+							onClick: w,
 							testId: "folder-browser-cancel",
-							children: E(t.HOME$CANCEL)
+							children: D(t.HOME$CANCEL)
 						}),
-						T && /* @__PURE__ */ g(c, {
+						E && /* @__PURE__ */ _(l, {
 							type: "button",
 							variant: "secondary",
 							onClick: () => {
-								!D || !T || (T([{
-									id: D,
-									name: B(D),
-									path: D
-								}]), C());
+								!O || !E || (E([{
+									id: O,
+									name: V(O),
+									path: O
+								}]), w());
 							},
-							isDisabled: !D || M,
+							isDisabled: !O || N,
 							testId: "folder-browser-add-all-subdirs",
-							children: E(t.HOME$ADD_ALL_SUBDIRECTORIES)
+							children: D(t.HOME$ADD_ALL_SUBDIRECTORIES)
 						}),
-						/* @__PURE__ */ g(c, {
+						/* @__PURE__ */ _(l, {
 							type: "button",
 							variant: "primary",
 							onClick: () => {
-								D && (w([{
-									id: D,
-									name: B(D),
-									path: D
-								}]), C());
+								O && (T([{
+									id: O,
+									name: V(O),
+									path: O
+								}]), w());
 							},
-							isDisabled: !D || M,
+							isDisabled: !O || N,
 							testId: "folder-browser-use",
-							children: E(t.HOME$ADD_THIS_DIRECTORY)
+							children: D(t.HOME$ADD_THIS_DIRECTORY)
 						})
 					]
 				})
@@ -220,6 +221,6 @@ function S({ isOpen: S, onClose: C, onAdd: w, onAddParent: T }) {
 	});
 }
 //#endregion
-export { S as FolderBrowserModal };
+export { C as FolderBrowserModal };
 //# sourceMappingURL=folder-browser-modal.js.map