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/chat/tool-visualizers/primitives/file-path-chip.js CHANGED Viewed

@@ -1,23 +1,29 @@
-import e from "../../../../../icons/file.js";
-import "react";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useOptionalConversationId as e } from "../../../../../hooks/use-conversation-id.js";
+import { openWorkspaceFile as t } from "../../../../../services/canvas-ui.js";
+import n from "../../../../../icons/file.js";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx
-function i({ path: i, range: a, onClick: o }) {
-	let s = /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(e, { className: "h-3.5 w-3.5 flex-shrink-0 text-muted" }), /* @__PURE__ */ n("span", {
-		className: "break-all",
-		children: a ? `${i}:${a}` : i
-	})] }), c = "inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground";
-	return o ? /* @__PURE__ */ n("button", {
+function o({ path: o, range: s, onClick: c }) {
+	let { conversationId: l } = e();
+	return /* @__PURE__ */ i("button", {
 		type: "button",
-		className: `${c} cursor-pointer hover:bg-[var(--oh-interactive-hover)]`,
-		onClick: o,
-		children: s
-	}) : /* @__PURE__ */ n("span", {
-		className: c,
-		children: s
+		"data-testid": "file-path-chip",
+		title: o,
+		className: "inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]",
+		onClick: (e) => {
+			if (e.stopPropagation(), c) {
+				c();
+				return;
+			}
+			t(o, l);
+		},
+		children: /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(n, { className: "h-3.5 w-3.5 flex-shrink-0 text-muted" }), /* @__PURE__ */ i("span", {
+			className: "break-all",
+			children: s ? `${o}:${s}` : o
+		})] })
 	});
 }
 //#endregion
-export { i as FilePathChip };
+export { o as FilePathChip };
 //# sourceMappingURL=file-path-chip.js.map

package/dist/components/features/chat/tool-visualizers/primitives/file-path-chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file-path-chip.js","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import ~~React~~ from \"react\";\nimport ~~FileIcon~~ from \"#/~~icons~~/~~file.svg?react~~\";\n\ninterface FilePathChipProps {\n path: string;\n /** Optional line-range suffix, e.g. \"12-48\". /\n range?: string;\n /* Opens the referenced file when the surrounding visualizer can navigate. /\n onClick?: () => void;\n}\n\n/\n Monospace file-path pill with an optional navigation affordance.\n \n ~~The~~ ~~static~~ ~~variant~~ ~~remains~~ ~~available~~ ~~for~~ ~~visualizers~~ ~~without~~ a ~~workspace~~\n * ~~target;~~ ~~passing~~ ~~`onClick`~~ ~~upgrades~~ ~~the~~ ~~same~~ ~~visual~~ ~~language~~ to a ~~button~~.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n const content = (\n <>\n <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n </>\n );\n const className =\n \"inline-flex max-w-full items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 font-mono text-xs text-foreground\";\n\n if (~~onClick) {~~\n ~~return (\n~~ <button\n type=\"button\"\n className={~~`${~~className} ~~cursor-pointer~~ ~~hover:bg-[var~~(~~--oh-interactive-hover~~)~~]`}\~~n onClick={onClick}\n >\n {content}\n </button>\n );\n }\n~~\n return <span className={className}>{content}</span>;\n}\n~~"],"mappings":"~~;;;;AAiBA~~,SAAgB,EAAa,EAAE,SAAM,UAAO,cAA8B;CACxE,IAAM,~~IACJ~~,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,uCAAwC,CAAA,GAC5D,kBAAC,QAAD;~~EAAM~~,WAAU;~~YAAa~~,IAAQ,GAAG,EAAK,GAAG,MAAU;~~CAAW~~,CAAA,CACrE,EAAA,~~CAAA,GAEE,IACJ~~;~~CAcF,OAZI,IAEA,kBAAC,UAAD;EACE,MAAK;EACL,WAAW,GAAG,EAAU;EACf;YAER;~~CACK,CAAA~~,IAIL,kBAAC,QAAD~~;~~EAAiB;YAAY;CAAc,CAAA;AACpD~~"}
1	+ {"version":3,"file":"file-path-chip.js","names":[],"sources":["../../../../../../src/components/features/chat/tool-visualizers/primitives/file-path-chip.tsx"],"sourcesContent":["import FileIcon from \"#/icons/file.svg?react\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { openWorkspaceFile } from \"#/services/canvas-ui\";\n\ninterface FilePathChipProps {\n path: string;\n /** Optional line-range suffix, e.g. \"12-48\". /\n range?: string;\n /\n Opens the referenced file when the surrounding visualizer can navigate.\n * Defaults to `openWorkspaceFile` so chips without a parent handler still\n * deep-link into the Files drawer.\n /\n onClick?: () => void;\n}\n\n/\n Monospace file-path pill with an optional navigation affordance.\n \n Passing `onClick` upgrades the same visual language to a custom handler\n * (e.g. markdown artifact View). Without it, click opens the Files drawer.\n */\nexport function FilePathChip({ path, range, onClick }: FilePathChipProps) {\n const { conversationId } = useOptionalConversationId();\n const content = (\n <>\n <FileIcon className=\"h-3.5 w-3.5 flex-shrink-0 text-muted\" />\n <span className=\"break-all\">{range ? `${path}:${range}` : path}</span>\n </>\n );\n const className =\n \"inline-flex max-w-full cursor-pointer items-center gap-1.5 self-start rounded bg-surface-raised px-2 py-0.5 text-left font-mono text-xs text-foreground hover:bg-[var(--oh-interactive-hover)]\";\n\n return (\n <button\n type=\"button\"\n data-testid=\"file-path-chip\"\n title={path}\n className={className}\n onClick={(event) => {\n event.stopPropagation();\n if (onClick) {\n onClick();\n return;\n }\n openWorkspaceFile(path, conversationId);\n }}\n >\n {content}\n </button>\n );\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAAa,EAAE,SAAM,UAAO,cAA8B;CACxE,IAAM,EAAE,sBAAmB,EAA0B;CAUrD,OACE,kBAAC,UAAD;EACE,MAAK;EACL,eAAY;EACZ,OAAO;EACI,WAAA;EACX,UAAU,MAAU;GAElB,IADA,EAAM,gBAAgB,GAClB,GAAS;IACX,EAAQ;IACR;GACF;GACA,EAAkB,GAAM,CAAc;EACxC;YArBF,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAU,WAAU,uCAAwC,CAAA,GAC5D,kBAAC,QAAD;GAAM,WAAU;aAAa,IAAQ,GAAG,EAAK,GAAG,MAAU;EAAW,CAAA,CACrE,EAAA,CAoBC;CACK,CAAA;AAEZ"}

package/dist/components/features/chat/user-message-body.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("../markdown/markdown-renderer.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=5,c=360,l={p:({children:e})=>(0,o.jsx)(`p`,{className:`m-0 leading-6`,children:e})};function u({message:e,isHovering:u,isExpanded:d,onTruncatableChange:f}){let{t:p}=t.useTranslation(`openhands`),m=a.default.useRef(null),[h,g]=a.default.useState(!1);a.default.useEffect(()=>{f(h)},[h,f]),a.default.useLayoutEffect(()=>{let t=m.current;if(!t||d){g(!1);return}let n=()=>{let n=Number.parseFloat(getComputedStyle(t).lineHeight),r=s*(Number.isFinite(n)&&n>0?n:24),i=(e.match(/\n/g)??[]).length;g(t.scrollHeight>r+1||i>=s||e.trim().length>c)};n();let r=new ResizeObserver(n);return r.observe(t),()=>r.disconnect()},[e,d]);let _=h&&!d;return(0,o.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,o.jsx)(`div`,{ref:m,className:r.cn(`text-sm leading-6 whitespace-normal [word-break:break-word]`,_&&`line-clamp-5`),children:(0,o.jsx)(i.MarkdownRenderer,{includeStandard:!0,includeHeadings:!0,allowHtml:!1,components:l,children:e})}),_?(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`div`,{"aria-hidden":!0,"data-testid":`chat-message-truncation-gradient`,className:`pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent`}),(0,o.jsx)(`span`,{"data-testid":`chat-message-view-more`,className:r.cn(`pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150`,u?`opacity-100`:`opacity-0`),children:p(n.I18nKey.COMMON$VIEW_MORE)})]}):null]})}exports.UserMessageBody=u,exports.chatBubbleMarkdownComponents=l;
+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("../markdown/markdown-renderer.cjs"),a=require("./chat-markdown-path-code.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=5,l=360,u={p:({children:e})=>(0,s.jsx)(`p`,{className:`m-0 leading-6`,children:e}),code:a.ChatCode,a:a.ChatAnchor,strong:a.ChatStrong};function d({message:e,isHovering:a,isExpanded:d,onTruncatableChange:f}){let{t:p}=t.useTranslation(`openhands`),m=o.default.useRef(null),[h,g]=o.default.useState(!1);o.default.useEffect(()=>{f(h)},[h,f]),o.default.useLayoutEffect(()=>{let t=m.current;if(!t||d){g(!1);return}let n=()=>{let n=Number.parseFloat(getComputedStyle(t).lineHeight),r=c*(Number.isFinite(n)&&n>0?n:24),i=(e.match(/\n/g)??[]).length;g(t.scrollHeight>r+1||i>=c||e.trim().length>l)};n();let r=new ResizeObserver(n);return r.observe(t),()=>r.disconnect()},[e,d]);let _=h&&!d;return(0,s.jsxs)(`div`,{className:`relative min-w-0`,children:[(0,s.jsx)(`div`,{ref:m,className:r.cn(`text-sm leading-6 whitespace-normal [word-break:break-word]`,_&&`line-clamp-5`),children:(0,s.jsx)(i.MarkdownRenderer,{includeStandard:!0,includeHeadings:!0,allowHtml:!1,components:u,children:e})}),_?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{"aria-hidden":!0,"data-testid":`chat-message-truncation-gradient`,className:`pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent`}),(0,s.jsx)(`span`,{"data-testid":`chat-message-view-more`,className:r.cn(`pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150`,a?`opacity-100`:`opacity-0`),children:p(n.I18nKey.COMMON$VIEW_MORE)})]}):null]})}exports.UserMessageBody=d,exports.chatBubbleMarkdownComponents=u;
 //# sourceMappingURL=user-message-body.cjs.map

package/dist/components/features/chat/user-message-body.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-message-body.cjs","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n p: ({ children }: React.ComponentProps<\"p\">) => (\n <p className=\"m-0 leading-6\">{children}</p>\n ),\n};\n\nexport function UserMessageBody({\n message,\n isHovering,\n isExpanded,\n onTruncatableChange,\n}: {\n message: string;\n isHovering: boolean;\n isExpanded: boolean;\n onTruncatableChange: (truncatable: boolean) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n const contentRef = React.useRef<HTMLDivElement>(null);\n const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n React.useEffect(() => {\n onTruncatableChange(isTruncatable);\n }, [isTruncatable, onTruncatableChange]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content \|\| isExpanded) {\n setIsTruncatable(false);\n return undefined;\n }\n\n const measure = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n const linePx =\n Number.isFinite(lineHeight) && lineHeight > 0\n ? lineHeight\n : USER_MESSAGE_LINE_HEIGHT_PX;\n const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n const truncatable =\n content.scrollHeight > maxHeight + 1 \|\|\n newlineCount >= USER_MESSAGE_MAX_LINES \|\|\n message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n setIsTruncatable(truncatable);\n };\n\n measure();\n\n const observer = new ResizeObserver(measure);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [message, isExpanded]);\n\n const isCollapsed = isTruncatable && !isExpanded;\n\n return (\n <div className=\"relative min-w-0\">\n <div\n ref={contentRef}\n className={cn(\n \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n isCollapsed && \"line-clamp-5\",\n )}\n >\n <MarkdownRenderer\n includeStandard\n includeHeadings\n allowHtml={false}\n components={chatBubbleMarkdownComponents}\n >\n {message}\n </MarkdownRenderer>\n </div>\n\n {isCollapsed ? (\n <>\n <div\n aria-hidden\n data-testid=\"chat-message-truncation-gradient\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n />\n <span\n data-testid=\"chat-message-view-more\"\n className={cn(\n \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n isHovering ? \"opacity-100\" : \"opacity-0\",\n )}\n >\n {t(I18nKey.COMMON$VIEW_MORE)}\n </span>\n </>\n ) : null}\n </div>\n );\n}\n"],"mappings":"~~kVAMA~~,IAAM,EAAyB,EACzB,EAAgC,IAGzB,EAA+B,CAC1C,GAAI,CAAE,eACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gBAAiB,UAAY,CAAA,~~CAE9C~~,EAEA,SAAgB,EAAgB,CAC9B,UACA,aACA,aACA,uBAMC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,QAAM,OAAuB,IAAI,EAC9C,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAE9D,EAAA,QAAM,cAAgB,CACpB,EAAoB,CAAa,CACnC,EAAG,CAAC,EAAe,CAAmB,CAAC,EAEvC,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,GAAW,EAAY,CAC1B,EAAiB,EAAK,EACtB,MACF,CAEA,IAAM,MAAgB,CACpB,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EAKM,EAAY,GAHhB,OAAO,SAAS,CAAU,GAAK,EAAa,EACxC,EAAA,IAGA,GAAgB,EAAQ,MAAM,KAAK,GAAK,CAAC,GAAG,OAOlD,EAJE,EAAQ,aAAe,EAAY,GACnC,GAAgB,GAChB,EAAQ,KAAK,EAAE,OAAS,CAEE,CAC9B,EAEA,EAAQ,EAER,IAAM,EAAW,IAAI,eAAe,CAAO,EAG3C,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAS,CAAU,CAAC,EAExB,IAAM,EAAc,GAAiB,CAAC,EAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,8DACA,GAAe,cACjB,YAEA,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,gBAAA,GACA,gBAAA,GACA,UAAW,GACX,WAAY,WAEX,CACe,CAAA,CACf,CAAA,EAEJ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,UAAU,oGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,UAAW,EAAA,GACT,iRACA,EAAa,cAAgB,WAC/B,WAEC,EAAE,EAAA,QAAQ,gBAAgB,CACvB,CAAA,CACN,CAAA,CAAA,EACA,IACD,GAET"}
1	+ {"version":3,"file":"user-message-body.cjs","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { ChatAnchor, ChatCode, ChatStrong } from \"./chat-markdown-path-code\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n p: ({ children }: React.ComponentProps<\"p\">) => (\n <p className=\"m-0 leading-6\">{children}</p>\n ),\n code: ChatCode,\n a: ChatAnchor,\n strong: ChatStrong,\n};\n\nexport function UserMessageBody({\n message,\n isHovering,\n isExpanded,\n onTruncatableChange,\n}: {\n message: string;\n isHovering: boolean;\n isExpanded: boolean;\n onTruncatableChange: (truncatable: boolean) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n const contentRef = React.useRef<HTMLDivElement>(null);\n const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n React.useEffect(() => {\n onTruncatableChange(isTruncatable);\n }, [isTruncatable, onTruncatableChange]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content \|\| isExpanded) {\n setIsTruncatable(false);\n return undefined;\n }\n\n const measure = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n const linePx =\n Number.isFinite(lineHeight) && lineHeight > 0\n ? lineHeight\n : USER_MESSAGE_LINE_HEIGHT_PX;\n const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n const truncatable =\n content.scrollHeight > maxHeight + 1 \|\|\n newlineCount >= USER_MESSAGE_MAX_LINES \|\|\n message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n setIsTruncatable(truncatable);\n };\n\n measure();\n\n const observer = new ResizeObserver(measure);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [message, isExpanded]);\n\n const isCollapsed = isTruncatable && !isExpanded;\n\n return (\n <div className=\"relative min-w-0\">\n <div\n ref={contentRef}\n className={cn(\n \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n isCollapsed && \"line-clamp-5\",\n )}\n >\n <MarkdownRenderer\n includeStandard\n includeHeadings\n allowHtml={false}\n components={chatBubbleMarkdownComponents}\n >\n {message}\n </MarkdownRenderer>\n </div>\n\n {isCollapsed ? (\n <>\n <div\n aria-hidden\n data-testid=\"chat-message-truncation-gradient\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n />\n <span\n data-testid=\"chat-message-view-more\"\n className={cn(\n \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n isHovering ? \"opacity-100\" : \"opacity-0\",\n )}\n >\n {t(I18nKey.COMMON$VIEW_MORE)}\n </span>\n </>\n ) : null}\n </div>\n );\n}\n"],"mappings":"6XAOA,IAAM,EAAyB,EACzB,EAAgC,IAGzB,EAA+B,CAC1C,GAAI,CAAE,eACJ,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,gBAAiB,UAAY,CAAA,EAE5C,KAAM,EAAA,SACN,EAAG,EAAA,WACH,OAAQ,EAAA,UACV,EAEA,SAAgB,EAAgB,CAC9B,UACA,aACA,aACA,uBAMC,CACD,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAa,EAAA,QAAM,OAAuB,IAAI,EAC9C,CAAC,EAAe,GAAoB,EAAA,QAAM,SAAS,EAAK,EAE9D,EAAA,QAAM,cAAgB,CACpB,EAAoB,CAAa,CACnC,EAAG,CAAC,EAAe,CAAmB,CAAC,EAEvC,EAAA,QAAM,oBAAsB,CAC1B,IAAM,EAAU,EAAW,QAC3B,GAAI,CAAC,GAAW,EAAY,CAC1B,EAAiB,EAAK,EACtB,MACF,CAEA,IAAM,MAAgB,CACpB,IAAM,EAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,EAKM,EAAY,GAHhB,OAAO,SAAS,CAAU,GAAK,EAAa,EACxC,EAAA,IAGA,GAAgB,EAAQ,MAAM,KAAK,GAAK,CAAC,GAAG,OAOlD,EAJE,EAAQ,aAAe,EAAY,GACnC,GAAgB,GAChB,EAAQ,KAAK,EAAE,OAAS,CAEE,CAC9B,EAEA,EAAQ,EAER,IAAM,EAAW,IAAI,eAAe,CAAO,EAG3C,OAFA,EAAS,QAAQ,CAAO,MAEX,EAAS,WAAW,CACnC,EAAG,CAAC,EAAS,CAAU,CAAC,EAExB,IAAM,EAAc,GAAiB,CAAC,EAEtC,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,4BAAf,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GACT,8DACA,GAAe,cACjB,YAEA,EAAA,EAAA,KAAC,EAAA,iBAAD,CACE,gBAAA,GACA,gBAAA,GACA,UAAW,GACX,WAAY,WAEX,CACe,CAAA,CACf,CAAA,EAEJ,GACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,cAAA,GACA,cAAY,mCACZ,UAAU,oGACX,CAAA,GACD,EAAA,EAAA,KAAC,OAAD,CACE,cAAY,yBACZ,UAAW,EAAA,GACT,iRACA,EAAa,cAAgB,WAC/B,WAEC,EAAE,EAAA,QAAQ,gBAAgB,CACvB,CAAA,CACN,CAAA,CAAA,EACA,IACD,GAET"}

package/dist/components/features/chat/user-message-body.d.ts CHANGED Viewed

@@ -1,7 +1,11 @@
 import React from "react";
+import { ChatAnchor, ChatCode, ChatStrong } from "./chat-markdown-path-code";
 export declare const USER_MESSAGE_LINE_HEIGHT_PX = 24;
 export declare const chatBubbleMarkdownComponents: {
     p: ({ children }: React.ComponentProps<"p">) => React.JSX.Element;
+    code: typeof ChatCode;
+    a: typeof ChatAnchor;
+    strong: typeof ChatStrong;
 };
 export declare function UserMessageBody({ message, isHovering, isExpanded, onTruncatableChange, }: {
     message: string;

package/dist/components/features/chat/user-message-body.js CHANGED Viewed

@@ -2,56 +2,62 @@ import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
 import { MarkdownRenderer as r } from "../markdown/markdown-renderer.js";
-import i from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { ChatAnchor as i, ChatCode as a, ChatStrong as o } from "./chat-markdown-path-code.js";
+import s from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/features/chat/user-message-body.tsx
-var c = 5, l = 360, u = { p: ({ children: e }) => /* @__PURE__ */ o("p", {
-	className: "m-0 leading-6",
-	children: e
-}) };
-function d({ message: d, isHovering: f, isExpanded: p, onTruncatableChange: m }) {
-	let { t: h } = e("openhands"), g = i.useRef(null), [_, v] = i.useState(!1);
-	i.useEffect(() => {
+var d = 5, f = 360, p = {
+	p: ({ children: e }) => /* @__PURE__ */ l("p", {
+		className: "m-0 leading-6",
+		children: e
+	}),
+	code: a,
+	a: i,
+	strong: o
+};
+function m({ message: i, isHovering: a, isExpanded: o, onTruncatableChange: m }) {
+	let { t: h } = e("openhands"), g = s.useRef(null), [_, v] = s.useState(!1);
+	s.useEffect(() => {
 		m(_);
-	}, [_, m]), i.useLayoutEffect(() => {
+	}, [_, m]), s.useLayoutEffect(() => {
 		let e = g.current;
-		if (!e || p) {
+		if (!e || o) {
 			v(!1);
 			return;
 		}
 		let t = () => {
-			let t = Number.parseFloat(getComputedStyle(e).lineHeight), n = c * (Number.isFinite(t) && t > 0 ? t : 24), r = (d.match(/\n/g) ?? []).length;
-			v(e.scrollHeight > n + 1 || r >= c || d.trim().length > l);
+			let t = Number.parseFloat(getComputedStyle(e).lineHeight), n = d * (Number.isFinite(t) && t > 0 ? t : 24), r = (i.match(/\n/g) ?? []).length;
+			v(e.scrollHeight > n + 1 || r >= d || i.trim().length > f);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
-	}, [d, p]);
-	let y = _ && !p;
-	return /* @__PURE__ */ s("div", {
+	}, [i, o]);
+	let y = _ && !o;
+	return /* @__PURE__ */ u("div", {
 		className: "relative min-w-0",
-		children: [/* @__PURE__ */ o("div", {
+		children: [/* @__PURE__ */ l("div", {
 			ref: g,
 			className: n("text-sm leading-6 whitespace-normal [word-break:break-word]", y && "line-clamp-5"),
-			children: /* @__PURE__ */ o(r, {
+			children: /* @__PURE__ */ l(r, {
 				includeStandard: !0,
 				includeHeadings: !0,
 				allowHtml: !1,
-				components: u,
-				children: d
+				components: p,
+				children: i
 			})
-		}), y ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		}), y ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
 			"aria-hidden": !0,
 			"data-testid": "chat-message-truncation-gradient",
 			className: "pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent"
-		}), /* @__PURE__ */ o("span", {
+		}), /* @__PURE__ */ l("span", {
 			"data-testid": "chat-message-view-more",
-			className: n("pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150", f ? "opacity-100" : "opacity-0"),
+			className: n("pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150", a ? "opacity-100" : "opacity-0"),
 			children: h(t.COMMON$VIEW_MORE)
 		})] }) : null]
 	});
 }
 //#endregion
-export { d as UserMessageBody, u as chatBubbleMarkdownComponents };
+export { m as UserMessageBody, p as chatBubbleMarkdownComponents };
 //# sourceMappingURL=user-message-body.js.map

package/dist/components/features/chat/user-message-body.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-message-body.js","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n p: ({ children }: React.ComponentProps<\"p\">) => (\n <p className=\"m-0 leading-6\">{children}</p>\n ),\n};\n\nexport function UserMessageBody({\n message,\n isHovering,\n isExpanded,\n onTruncatableChange,\n}: {\n message: string;\n isHovering: boolean;\n isExpanded: boolean;\n onTruncatableChange: (truncatable: boolean) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n const contentRef = React.useRef<HTMLDivElement>(null);\n const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n React.useEffect(() => {\n onTruncatableChange(isTruncatable);\n }, [isTruncatable, onTruncatableChange]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content \|\| isExpanded) {\n setIsTruncatable(false);\n return undefined;\n }\n\n const measure = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n const linePx =\n Number.isFinite(lineHeight) && lineHeight > 0\n ? lineHeight\n : USER_MESSAGE_LINE_HEIGHT_PX;\n const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n const truncatable =\n content.scrollHeight > maxHeight + 1 \|\|\n newlineCount >= USER_MESSAGE_MAX_LINES \|\|\n message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n setIsTruncatable(truncatable);\n };\n\n measure();\n\n const observer = new ResizeObserver(measure);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [message, isExpanded]);\n\n const isCollapsed = isTruncatable && !isExpanded;\n\n return (\n <div className=\"relative min-w-0\">\n <div\n ref={contentRef}\n className={cn(\n \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n isCollapsed && \"line-clamp-5\",\n )}\n >\n <MarkdownRenderer\n includeStandard\n includeHeadings\n allowHtml={false}\n components={chatBubbleMarkdownComponents}\n >\n {message}\n </MarkdownRenderer>\n </div>\n\n {isCollapsed ? (\n <>\n <div\n aria-hidden\n data-testid=\"chat-message-truncation-gradient\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n />\n <span\n data-testid=\"chat-message-view-more\"\n className={cn(\n \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n isHovering ? \"opacity-100\" : \"opacity-0\",\n )}\n >\n {t(I18nKey.COMMON$VIEW_MORE)}\n </span>\n </>\n ) : null}\n </div>\n );\n}\n"],"mappings":"~~;;;;;;;AAMA~~,IAAM,IAAyB,GACzB,IAAgC,KAGzB,IAA+B,~~EAC1C,~~IAAI,EAAE,kBACJ,kBAAC,KAAD;~~CAAG~~,WAAU;~~CAAiB~~;~~AAAY~~,CAAA,~~EAE9C~~;AAEA,SAAgB,EAAgB,EAC9B,YACA,eACA,eACA,0BAMC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAM,OAAuB,IAAI,GAC9C,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK;CAM9D,AAJA,EAAM,gBAAgB;EACpB,EAAoB,CAAa;CACnC,GAAG,CAAC,GAAe,CAAmB,CAAC,GAEvC,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,KAAW,GAAY;GAC1B,EAAiB,EAAK;GACtB;EACF;EAEA,IAAM,UAAgB;GACpB,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,GAKM,IAAY,KAHhB,OAAO,SAAS,CAAU,KAAK,IAAa,IACxC,IAAA,KAGA,KAAgB,EAAQ,MAAM,KAAK,KAAK,CAAC,GAAG;GAOlD,EAJE,EAAQ,eAAe,IAAY,KACnC,KAAgB,KAChB,EAAQ,KAAK,EAAE,SAAS,CAEE;EAC9B;EAEA,EAAQ;EAER,IAAM,IAAW,IAAI,eAAe,CAAO;EAG3C,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG,CAAC,GAAS,CAAU,CAAC;CAExB,IAAM,IAAc,KAAiB,CAAC;CAEtC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,+DACA,KAAe,cACjB;aAEA,kBAAC,GAAD;IACE,iBAAA;IACA,iBAAA;IACA,WAAW;IACX,YAAY;cAEX;GACe,CAAA;EACf,CAAA,GAEJ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,eAAA;GACA,eAAY;GACZ,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,kRACA,IAAa,gBAAgB,WAC/B;aAEC,EAAE,EAAQ,gBAAgB;EACvB,CAAA,CACN,EAAA,CAAA,IACA,IACD;;AAET"}
1	+ {"version":3,"file":"user-message-body.js","names":[],"sources":["../../../../src/components/features/chat/user-message-body.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { ChatAnchor, ChatCode, ChatStrong } from \"./chat-markdown-path-code\";\n\nconst USER_MESSAGE_MAX_LINES = 5;\nconst USER_MESSAGE_LENGTH_THRESHOLD = 360;\nexport const USER_MESSAGE_LINE_HEIGHT_PX = 24;\n\nexport const chatBubbleMarkdownComponents = {\n p: ({ children }: React.ComponentProps<\"p\">) => (\n <p className=\"m-0 leading-6\">{children}</p>\n ),\n code: ChatCode,\n a: ChatAnchor,\n strong: ChatStrong,\n};\n\nexport function UserMessageBody({\n message,\n isHovering,\n isExpanded,\n onTruncatableChange,\n}: {\n message: string;\n isHovering: boolean;\n isExpanded: boolean;\n onTruncatableChange: (truncatable: boolean) => void;\n}) {\n const { t } = useTranslation(\"openhands\");\n const contentRef = React.useRef<HTMLDivElement>(null);\n const [isTruncatable, setIsTruncatable] = React.useState(false);\n\n React.useEffect(() => {\n onTruncatableChange(isTruncatable);\n }, [isTruncatable, onTruncatableChange]);\n\n React.useLayoutEffect(() => {\n const content = contentRef.current;\n if (!content \|\| isExpanded) {\n setIsTruncatable(false);\n return undefined;\n }\n\n const measure = () => {\n const lineHeight = Number.parseFloat(\n getComputedStyle(content).lineHeight,\n );\n const linePx =\n Number.isFinite(lineHeight) && lineHeight > 0\n ? lineHeight\n : USER_MESSAGE_LINE_HEIGHT_PX;\n const maxHeight = USER_MESSAGE_MAX_LINES * linePx;\n const newlineCount = (message.match(/\\n/g) ?? []).length;\n\n const truncatable =\n content.scrollHeight > maxHeight + 1 \|\|\n newlineCount >= USER_MESSAGE_MAX_LINES \|\|\n message.trim().length > USER_MESSAGE_LENGTH_THRESHOLD;\n\n setIsTruncatable(truncatable);\n };\n\n measure();\n\n const observer = new ResizeObserver(measure);\n observer.observe(content);\n\n return () => observer.disconnect();\n }, [message, isExpanded]);\n\n const isCollapsed = isTruncatable && !isExpanded;\n\n return (\n <div className=\"relative min-w-0\">\n <div\n ref={contentRef}\n className={cn(\n \"text-sm leading-6 whitespace-normal [word-break:break-word]\",\n isCollapsed && \"line-clamp-5\",\n )}\n >\n <MarkdownRenderer\n includeStandard\n includeHeadings\n allowHtml={false}\n components={chatBubbleMarkdownComponents}\n >\n {message}\n </MarkdownRenderer>\n </div>\n\n {isCollapsed ? (\n <>\n <div\n aria-hidden\n data-testid=\"chat-message-truncation-gradient\"\n className=\"pointer-events-none absolute inset-x-0 bottom-0 h-10 bg-gradient-to-t from-tertiary to-transparent\"\n />\n <span\n data-testid=\"chat-message-view-more\"\n className={cn(\n \"pointer-events-none absolute bottom-1 left-1/2 z-10 inline-flex -translate-x-1/2 items-center rounded-full border border-[var(--oh-border-subtle)] bg-[var(--oh-surface-raised)] px-2.5 py-0.5 text-xs font-normal text-[var(--oh-foreground)] transition-opacity duration-150\",\n isHovering ? \"opacity-100\" : \"opacity-0\",\n )}\n >\n {t(I18nKey.COMMON$VIEW_MORE)}\n </span>\n </>\n ) : null}\n </div>\n );\n}\n"],"mappings":";;;;;;;;AAOA,IAAM,IAAyB,GACzB,IAAgC,KAGzB,IAA+B;CAC1C,IAAI,EAAE,kBACJ,kBAAC,KAAD;EAAG,WAAU;EAAiB;CAAY,CAAA;CAE5C,MAAM;CACN,GAAG;CACH,QAAQ;AACV;AAEA,SAAgB,EAAgB,EAC9B,YACA,eACA,eACA,0BAMC;CACD,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAa,EAAM,OAAuB,IAAI,GAC9C,CAAC,GAAe,KAAoB,EAAM,SAAS,EAAK;CAM9D,AAJA,EAAM,gBAAgB;EACpB,EAAoB,CAAa;CACnC,GAAG,CAAC,GAAe,CAAmB,CAAC,GAEvC,EAAM,sBAAsB;EAC1B,IAAM,IAAU,EAAW;EAC3B,IAAI,CAAC,KAAW,GAAY;GAC1B,EAAiB,EAAK;GACtB;EACF;EAEA,IAAM,UAAgB;GACpB,IAAM,IAAa,OAAO,WACxB,iBAAiB,CAAO,EAAE,UAC5B,GAKM,IAAY,KAHhB,OAAO,SAAS,CAAU,KAAK,IAAa,IACxC,IAAA,KAGA,KAAgB,EAAQ,MAAM,KAAK,KAAK,CAAC,GAAG;GAOlD,EAJE,EAAQ,eAAe,IAAY,KACnC,KAAgB,KAChB,EAAQ,KAAK,EAAE,SAAS,CAEE;EAC9B;EAEA,EAAQ;EAER,IAAM,IAAW,IAAI,eAAe,CAAO;EAG3C,OAFA,EAAS,QAAQ,CAAO,SAEX,EAAS,WAAW;CACnC,GAAG,CAAC,GAAS,CAAU,CAAC;CAExB,IAAM,IAAc,KAAiB,CAAC;CAEtC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GACE,KAAK;GACL,WAAW,EACT,+DACA,KAAe,cACjB;aAEA,kBAAC,GAAD;IACE,iBAAA;IACA,iBAAA;IACA,WAAW;IACX,YAAY;cAEX;GACe,CAAA;EACf,CAAA,GAEJ,IACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,eAAA;GACA,eAAY;GACZ,WAAU;EACX,CAAA,GACD,kBAAC,QAAD;GACE,eAAY;GACZ,WAAW,EACT,kRACA,IAAa,gBAAgB,WAC/B;aAEC,EAAE,EAAQ,gBAAgB;EACvB,CAAA,CACN,EAAA,CAAA,IACA,IACD;;AAET"}

package/dist/components/features/conversation/conversation-overview-git-section.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/external-link.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),o=require("../../../utils/utils.cjs"),s=require("../../../hooks/use-conversation-id.cjs"),c=require("./conversation-overview-sections.cjs"),l=require("../../../utils/conversation-local-storage.cjs"),u=require("../../../node_modules/react-icons/fa/index.cjs"),d=require("../../../hooks/query/use-settings.cjs"),f=require("../../../hooks/use-select-conversation-tab.cjs"),p=require("../../../icons/u-pr.cjs"),m=require("../../shared/git-provider-icon.cjs"),h=require("../../../hooks/use-conversation-primary-repository.cjs"),g=require("./conversation-overview-drawer-context.cjs"),_=require("./conversation-overview-drawer.types.cjs"),v=require("../../../hooks/query/use-repository-git-items.cjs"),y=require("../../../hooks/query/use-unified-git-commits.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=`size-4 shrink-0 text-[var(--oh-muted)]`,C=o.cn(`size-3.5 shrink-0 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100`),w=`-`;function T(){let{t:e}=t.useTranslation(`openhands`),{conversationId:b}=s.useConversationId(),{state:T}=l.useConversationLocalStorageState(b),{navigateToCommits:E}=f.useSelectConversationTab(),D=g.useConversationOverviewDrawerOptional(),{data:O}=d.useSettings(),{repository:k,provider:A,branch:j,isConnected:M}=h.useConversationPrimaryRepository(),N=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.repository,T.unpinnedOverviewGitParts??[]),P=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.branch,T.unpinnedOverviewGitParts??[]),F=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.commits,T.unpinnedOverviewGitParts??[]),I=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.pull_requests,T.unpinnedOverviewGitParts??[]),L=v.useRepositoryPullRequests(I?k:null,I?A:null),R=y.useUnifiedGitCommits();if(!M||!k||!A||!N&&!P&&!F&&!I)return null;let z=O?.provider_tokens_set?.[A]??null,B=o.constructRepositoryUrl(A,k,z),V=j?o.constructBranchUrl(A,k,j,z):null,H=L.data?.length??null,U=R.isUnsupported?null:R.commits.length,W=U!==null&&U>0?R.hasMore?`${U}+`:String(U):w,G=()=>{D?.openSection(_.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests)},K=()=>{D?.closeDrawer(),E()},q=N||P,J=F||I;return(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-section`,children:[q?(0,x.jsxs)(`div`,{className:`px-2 pb-1`,children:[N?(0,x.jsxs)(`a`,{href:B,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-repo`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(m.GitProviderIcon,{gitProvider:A,className:S}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:k}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):null,P?j&&V?(0,x.jsxs)(`a`,{href:V,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-branch`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(u.FaCodeBranch,{size:14,className:`shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:j}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-branch`,className:`flex min-w-0 items-center gap-2 px-2 py-1.5`,children:[(0,x.jsx)(i.GitBranch,{className:`size-3.5 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:o.cn(`text-sm`,j?`text-[var(--oh-foreground)]`:`text-[var(--oh-muted)]`),children:j||e(n.I18nKey.CONVERSATION$OVERVIEW_NONE)})]}):null]}):null,J?(0,x.jsxs)(`ul`,{className:`px-2`,children:[F?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-commits`,onClick:K,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(a.GitCommitHorizontal,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.DIFF_VIEWER$COMMITS)}),R.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-commits-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:W})]})}):null,I?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-pull-requests`,onClick:G,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(p.default,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS)}),L.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-pull-requests-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:H!==null&&H>0?H:w})]})}):null]}):null]})}exports.ConversationOverviewGitSection=T;
+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/external-link.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/git-branch.cjs"),a=require("../../../node_modules/lucide-react/dist/esm/icons/git-commit-horizontal.cjs"),o=require("../../../utils/utils.cjs"),s=require("../../../hooks/use-conversation-id.cjs"),c=require("./conversation-overview-sections.cjs"),l=require("../../../utils/conversation-local-storage.cjs"),u=require("../../../hooks/query/use-settings.cjs"),d=require("../../../node_modules/react-icons/fa/index.cjs"),f=require("../../../hooks/use-select-conversation-tab.cjs"),p=require("../../../icons/u-pr.cjs"),m=require("../../shared/git-provider-icon.cjs"),h=require("../../../hooks/use-conversation-primary-repository.cjs"),g=require("./conversation-overview-drawer-context.cjs"),_=require("./conversation-overview-drawer.types.cjs"),v=require("../../../hooks/query/use-repository-git-items.cjs"),y=require("../../../hooks/query/use-unified-git-commits.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");var S=`size-4 shrink-0 text-[var(--oh-muted)]`,C=o.cn(`size-3.5 shrink-0 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100`),w=`-`;function T(){let{t:e}=t.useTranslation(`openhands`),{conversationId:b}=s.useConversationId(),{state:T}=l.useConversationLocalStorageState(b),{navigateToCommits:E}=f.useSelectConversationTab(),D=g.useConversationOverviewDrawerOptional(),{data:O}=u.useSettings(),{repository:k,provider:A,branch:j,isConnected:M}=h.useConversationPrimaryRepository(),N=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.repository,T.unpinnedOverviewGitParts??[]),P=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.branch,T.unpinnedOverviewGitParts??[]),F=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.commits,T.unpinnedOverviewGitParts??[]),I=c.isOverviewGitPartPinned(c.CONVERSATION_OVERVIEW_GIT_PART.pull_requests,T.unpinnedOverviewGitParts??[]),L=v.useRepositoryPullRequests(I?k:null,I?A:null),R=y.useUnifiedGitCommits();if(!M||!k||!A||!N&&!P&&!F&&!I)return null;let z=O?.provider_tokens_set?.[A]??null,B=o.constructRepositoryUrl(A,k,z),V=j?o.constructBranchUrl(A,k,j,z):null,H=L.data?.length??null,U=R.isUnsupported?null:R.commits.length,W=U!==null&&U>0?R.hasMore?`${U}+`:String(U):w,G=()=>{D?.openSection(_.CONVERSATION_OVERVIEW_DRAWER_SECTION.pull_requests)},K=()=>{D?.closeDrawer(),E()},q=N||P,J=F||I;return(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-section`,children:[q?(0,x.jsxs)(`div`,{className:`px-2 pb-1`,children:[N?(0,x.jsxs)(`a`,{href:B,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-repo`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(m.GitProviderIcon,{gitProvider:A,className:S}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:k}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):null,P?j&&V?(0,x.jsxs)(`a`,{href:V,target:`_blank`,rel:`noreferrer`,"data-testid":`conversation-overview-git-branch`,className:o.cn(`group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`transition-colors hover:bg-white/5`),children:[(0,x.jsx)(d.FaCodeBranch,{size:14,className:`shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:j}),(0,x.jsx)(r.ExternalLink,{className:C,"aria-hidden":!0})]}):(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-git-branch`,className:`flex min-w-0 items-center gap-2 px-2 py-1.5`,children:[(0,x.jsx)(i.GitBranch,{className:`size-3.5 shrink-0 text-[var(--oh-muted)]`,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:o.cn(`text-sm`,j?`text-[var(--oh-foreground)]`:`text-[var(--oh-muted)]`),children:j||e(n.I18nKey.CONVERSATION$OVERVIEW_NONE)})]}):null]}):null,J?(0,x.jsxs)(`ul`,{className:`px-2`,children:[F?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-commits`,onClick:K,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(a.GitCommitHorizontal,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.DIFF_VIEWER$COMMITS)}),R.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-commits-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:W})]})}):null,I?(0,x.jsx)(`li`,{children:(0,x.jsxs)(`button`,{type:`button`,"data-testid":`conversation-overview-pull-requests`,onClick:G,className:o.cn(`flex w-full min-w-0 items-center gap-2 rounded-md px-2 py-1.5`,`cursor-pointer bg-transparent text-left transition-colors hover:bg-white/5`),children:[(0,x.jsx)(p.default,{className:S,"aria-hidden":!0}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-sm text-[var(--oh-foreground)]`,children:e(n.I18nKey.CONVERSATION$OVERVIEW_PULL_REQUESTS)}),L.isLoading?(0,x.jsx)(`span`,{className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:`…`}):(0,x.jsx)(`span`,{"data-testid":`conversation-overview-pull-requests-count`,className:`text-sm tabular-nums text-[var(--oh-muted)]`,children:H!==null&&H>0?H:w})]})}):null]}):null]})}exports.ConversationOverviewGitSection=T;
 //# sourceMappingURL=conversation-overview-git-section.cjs.map

package/dist/components/features/conversation/conversation-overview-git-section.js CHANGED Viewed

@@ -7,8 +7,8 @@ import { cn as a, constructBranchUrl as o, constructRepositoryUrl as s } from ".
 import { useConversationId as c } from "../../../hooks/use-conversation-id.js";
 import { CONVERSATION_OVERVIEW_GIT_PART as l, isOverviewGitPartPinned as u } from "./conversation-overview-sections.js";
 import { useConversationLocalStorageState as d } from "../../../utils/conversation-local-storage.js";
-import { FaCodeBranch as f } from "../../../node_modules/react-icons/fa/index.js";
-import { useSettings as p } from "../../../hooks/query/use-settings.js";
+import { useSettings as f } from "../../../hooks/query/use-settings.js";
+import { FaCodeBranch as p } from "../../../node_modules/react-icons/fa/index.js";
 import { useSelectConversationTab as m } from "../../../hooks/use-select-conversation-tab.js";
 import h from "../../../icons/u-pr.js";
 import { GitProviderIcon as g } from "../../shared/git-provider-icon.js";
@@ -22,7 +22,7 @@ import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-overview-git-section.tsx
 var w = "size-4 shrink-0 text-[var(--oh-muted)]", T = a("size-3.5 shrink-0 text-[var(--oh-muted)]", "opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100"), E = "-";
 function D() {
-	let { t: D } = e("openhands"), { conversationId: O } = c(), { state: k } = d(O), { navigateToCommits: A } = m(), j = v(), { data: M } = p(), { repository: N, provider: P, branch: F, isConnected: I } = _(), L = u(l.repository, k.unpinnedOverviewGitParts ?? []), R = u(l.branch, k.unpinnedOverviewGitParts ?? []), z = u(l.commits, k.unpinnedOverviewGitParts ?? []), B = u(l.pull_requests, k.unpinnedOverviewGitParts ?? []), V = b(B ? N : null, B ? P : null), H = x();
+	let { t: D } = e("openhands"), { conversationId: O } = c(), { state: k } = d(O), { navigateToCommits: A } = m(), j = v(), { data: M } = f(), { repository: N, provider: P, branch: F, isConnected: I } = _(), L = u(l.repository, k.unpinnedOverviewGitParts ?? []), R = u(l.branch, k.unpinnedOverviewGitParts ?? []), z = u(l.commits, k.unpinnedOverviewGitParts ?? []), B = u(l.pull_requests, k.unpinnedOverviewGitParts ?? []), V = b(B ? N : null, B ? P : null), H = x();
 	if (!I || !N || !P || !L && !R && !z && !B) return null;
 	let U = M?.provider_tokens_set?.[P] ?? null, W = s(P, N, U), G = F ? o(P, N, F, U) : null, K = V.data?.length ?? null, q = H.isUnsupported ? null : H.commits.length, J = q !== null && q > 0 ? H.hasMore ? `${q}+` : String(q) : E, Y = () => {
 		j?.openSection(y.pull_requests);
@@ -60,7 +60,7 @@ function D() {
 				"data-testid": "conversation-overview-git-branch",
 				className: a("group flex min-w-0 items-center gap-2 rounded-md px-2 py-1.5", "transition-colors hover:bg-white/5"),
 				children: [
-					/* @__PURE__ */ S(f, {
+					/* @__PURE__ */ S(p, {
 						size: 14,
 						className: "shrink-0 text-[var(--oh-muted)]",
 						"aria-hidden": !0

package/dist/components/features/conversation/conversation-overview-skills-panel.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("../../../utils/retrieve-axios-error-message.cjs"),a=require("../../../utils/custom-toast-handlers.cjs"),o=require("../../../hooks/query/use-active-conversation.cjs"),s=require("../../../hooks/query/use-conversation-skills.cjs"),c=require("../../../hooks/query/use-settings.cjs"),l=require("./conversation-overview-drawer-context.cjs"),u=require("../../../utils/extension-module-card-classes.cjs"),d=require("../../../hooks/mutation/use-save-settings.cjs"),f=require("../skills/skill-card.cjs"),p=require("../skills/skill-detail-modal.cjs"),m=require("../skills/add-skill-modal.cjs"),h=require("../skills/skills-toolbar.cjs"),g=require("../skills/skill-filters-modal.cjs"),_=require("../skills/skill-filter.cjs"),v=require("../../../utils/conversation-overview-project-scope.cjs"),y=require("./conversation-overview-project-scope-toggle.cjs");let b=require("react");b=e.__toESM(b,1);let x=require("react/jsx-runtime");function S({openAdd:e}){let{t:S}=t.useTranslation(`openhands`),{mutate:C}=d.useSaveSettings(),{data:w,isLoading:T}=c.useSettings(),{data:E}=o.useActiveConversation(),{data:D,isLoading:O}=s.useConversationSkills(),k=l.useConversationOverviewDrawerOptional()?.addRequestKey??0,A=E?.selected_workspace??null,[j,M]=(0,b.useState)(new Set),[N,P]=(0,b.useState)(!1),[F,I]=(0,b.useState)(v.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[L,R]=(0,b.useState)(_.EMPTY_SKILL_FILTER_STATE),[z,B]=(0,b.useState)(!1),[V,H]=(0,b.useState)(null),[U,W]=(0,b.useState)(!1);(0,b.useEffect)(()=>{T||!w||(M(new Set(w.disabled_skills??[])),P(!0))},[T,w?.disabled_skills]),(0,b.useEffect)(()=>{e&&W(!0)},[e]),(0,b.useEffect)(()=>{k!==0&&W(!0)},[k]),(0,b.useEffect)(()=>{N&&C({disabled_skills:Array.from(j)},{onError:e=>{a.displayErrorToast(i.retrieveAxiosErrorMessage(e)||S(n.I18nKey.ERROR$GENERIC))}})},[j,N,C,S]);let G=(0,b.useMemo)(()=>{if(!D)return[];let e=v.filterSkillsByProjectScope(D,F,A);return F===v.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?v.sortSkillsByProjectRelevance(e,A):e},[D,F,A]),K=(0,b.useMemo)(()=>_.applySkillFilters(G,j,L),[G,j,L]),q=(e,t)=>{M(n=>{let r=new Set(n);return t?r.delete(e):r.add(e),r})};return O||T?(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!D||D.length===0?(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:u.extensionModuleEmptyStateClassName,children:(0,x.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:S(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),U?(0,x.jsx)(m.AddSkillModal,{onClose:()=>W(!1)}):null]}):(0,x.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,x.jsx)(y.ConversationOverviewProjectScopeToggle,{value:F,onChange:I,testId:`conversation-overview-skills-scope`}),(0,x.jsx)(h.SkillsToolbar,{search:L.query,onSearchChange:e=>R(t=>({...t,query:e})),activeFilterCount:_.countActiveFilters(L),onOpenFilters:()=>B(!0)}),G.length===0?(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:u.extensionModuleEmptyStateClassName,children:(0,x.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:S(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):K.length===0?(0,x.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:u.extensionModuleEmptyStateClassName,children:(0,x.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:S(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,x.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,u.extensionModuleCardGridContainerClassName),children:(0,x.jsx)(`div`,{className:r.cn(u.extensionModuleCardGridClassName,`grid-cols-1`),children:K.map(e=>(0,x.jsx)(f.SkillCard,{skill:e,enabled:!j.has(e.name),onOpen:()=>H(e),onToggle:t=>q(e.name,t)},e.name))})}),V?(0,x.jsx)(p.SkillDetailModal,{skill:V,enabled:!j.has(V.name),onToggle:e=>q(V.name,e),onClose:()=>H(null)}):null,U?(0,x.jsx)(m.AddSkillModal,{onClose:()=>W(!1)}):null,z?(0,x.jsx)(g.SkillFiltersModal,{groups:_.buildSkillFacetGroups(G,j,L),activeCount:_.countActiveFilters(L),onToggle:(e,t)=>R(n=>_.toggleSkillFilterValue(n,e,t)),onClearAll:()=>R(e=>_.clearSkillFilterFacets(e)),onClose:()=>B(!1)}):null]})}exports.ConversationOverviewSkillsPanel=S;
+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("../../../hooks/query/use-settings.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../hooks/query/use-conversation-skills.cjs"),s=require("../../../hooks/use-skill-enablement.cjs"),c=require("./conversation-overview-drawer-context.cjs"),l=require("../../../utils/extension-module-card-classes.cjs"),u=require("../skills/skill-card.cjs"),d=require("../skills/skill-detail-modal.cjs"),f=require("../skills/add-skill-modal.cjs"),p=require("../skills/skills-toolbar.cjs"),m=require("../skills/skill-filters-modal.cjs"),h=require("../skills/skill-filter.cjs"),g=require("../../../utils/conversation-overview-project-scope.cjs"),_=require("./conversation-overview-project-scope-toggle.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({openAdd:e}){let{t:b}=t.useTranslation(`openhands`),{isLoading:x}=i.useSettings(),{data:S}=a.useActiveConversation(),{data:C,isLoading:w}=o.useConversationSkills(),{isEnabled:T,setEnabled:E}=s.useSkillEnablement(),D=c.useConversationOverviewDrawerOptional()?.addRequestKey??0,O=S?.selected_workspace??null,[k,A]=(0,v.useState)(g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[j,M]=(0,v.useState)(h.EMPTY_SKILL_FILTER_STATE),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(null),[L,R]=(0,v.useState)(!1);(0,v.useEffect)(()=>{e&&R(!0)},[e]),(0,v.useEffect)(()=>{D!==0&&R(!0)},[D]);let z=(0,v.useMemo)(()=>{if(!C)return[];let e=g.filterSkillsByProjectScope(C,k,O);return k===g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?g.sortSkillsByProjectRelevance(e,O):e},[C,k,O]),B=(0,v.useMemo)(()=>h.applySkillFilters(z,T,j),[z,T,j]);return w||x?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!C||C.length===0?(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null]}):(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(_.ConversationOverviewProjectScopeToggle,{value:k,onChange:A,testId:`conversation-overview-skills-scope`}),(0,y.jsx)(p.SkillsToolbar,{search:j.query,onSearchChange:e=>M(t=>({...t,query:e})),activeFilterCount:h.countActiveFilters(j),onOpenFilters:()=>P(!0)}),z.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):B.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,y.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,l.extensionModuleCardGridContainerClassName),children:(0,y.jsx)(`div`,{className:r.cn(l.extensionModuleCardGridClassName,`grid-cols-1`),children:B.map(e=>(0,y.jsx)(u.SkillCard,{skill:e,enabled:T(e),onOpen:()=>I(e),onToggle:t=>E(e.name,t)},e.name))})}),F?(0,y.jsx)(d.SkillDetailModal,{skill:F,enabled:T(F),onToggle:e=>E(F.name,e),onClose:()=>I(null)}):null,L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null,N?(0,y.jsx)(m.SkillFiltersModal,{groups:h.buildSkillFacetGroups(z,T,j),activeCount:h.countActiveFilters(j),onToggle:(e,t)=>M(n=>h.toggleSkillFilterValue(n,e,t)),onClearAll:()=>M(e=>h.clearSkillFilterFacets(e)),onClose:()=>P(!1)}):null]})}exports.ConversationOverviewSkillsPanel=b;
 //# sourceMappingURL=conversation-overview-skills-panel.cjs.map

package/dist/components/features/conversation/conversation-overview-skills-panel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"conversation-overview-skills-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-skills-panel.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSaveSettings } from \"#/hooks/mutation/use-save-settings\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { SkillCard } from \"#/components/features/skills/skill-card\";\nimport { SkillDetailModal } from \"#/components/features/skills/skill-detail-modal\";\nimport { AddSkillModal } from \"#/components/features/skills/add-skill-modal\";\nimport { SkillsToolbar } from \"#/components/features/skills/skills-toolbar\";\nimport { SkillFiltersModal } from \"#/components/features/skills/skill-filters-modal\";\nimport {\n applySkillFilters,\n buildSkillFacetGroups,\n clearSkillFilterFacets,\n countActiveFilters,\n toggleSkillFilterValue,\n EMPTY_SKILL_FILTER_STATE,\n type SkillFilterState,\n} from \"#/components/features/skills/skill-filter\";\nimport {\n extensionModuleCardGridClassName,\n extensionModuleCardGridContainerClassName,\n extensionModuleEmptyStateClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport { displayErrorToast } from \"#/utils/custom-toast-handlers\";\nimport { retrieveAxiosErrorMessage } from \"#/utils/retrieve-axios-error-message\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n filterSkillsByProjectScope,\n sortSkillsByProjectRelevance,\n type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { ConversationOverviewProjectScopeToggle } from \"./conversation-overview-project-scope-toggle\";\n\ninterface ConversationOverviewSkillsPanelProps {\n openAdd: boolean;\n}\n\nexport function ConversationOverviewSkillsPanel({\n openAdd,\n}: ConversationOverviewSkillsPanelProps) {\n const { t } = useTranslation(\"openhands\");\n const { mutate: saveSettings } = useSaveSettings();\n const { data: settings, isLoading: settingsLoading } = useSettings();\n const { data: conversation } = useActiveConversation();\n const { data: skills, isLoading: skillsLoading } = useConversationSkills();\n const addRequestKey =\n useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n const projectDir = conversation?.selected_workspace ?? null;\n\n const [disabledSet, setDisabledSet] = useState<Set<string>>(new Set());\n const [hasHydratedInitialSettings, setHasHydratedInitialSettings] =\n useState(false);\n const [projectScope, setProjectScope] =\n useState<ConversationOverviewProjectScope>(\n CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n );\n const [filter, setFilter] = useState<SkillFilterState>(\n EMPTY_SKILL_FILTER_STATE,\n );\n const [isFiltersModalOpen, setIsFiltersModalOpen] = useState(false);\n const [selectedSkill, setSelectedSkill] = useState<SkillInfo \| null>(null);\n const [showAddSkillModal, setShowAddSkillModal] = useState(false);\n\n useEffect(() => {\n if (settingsLoading \|\| !settings) {\n return;\n }\n setDisabledSet(new Set(settings.disabled_skills ?? []));\n setHasHydratedInitialSettings(true);\n }, [settingsLoading, settings?.disabled_skills]);\n\n useEffect(() => {\n if (!openAdd) {\n return;\n }\n setShowAddSkillModal(true);\n }, [openAdd]);\n\n useEffect(() => {\n if (addRequestKey === 0) {\n return;\n }\n setShowAddSkillModal(true);\n }, [addRequestKey]);\n\n useEffect(() => {\n if (!hasHydratedInitialSettings) {\n return;\n }\n saveSettings(\n { disabled_skills: Array.from(disabledSet) },\n {\n onError: (error) => {\n displayErrorToast(\n retrieveAxiosErrorMessage(error) \|\| t(I18nKey.ERROR$GENERIC),\n );\n },\n },\n );\n }, [disabledSet, hasHydratedInitialSettings, saveSettings, t]);\n\n const scopedSkills = useMemo(() => {\n if (!skills) {\n return [];\n }\n const filtered = filterSkillsByProjectScope(\n skills,\n projectScope,\n projectDir,\n );\n return projectScope === CONVERSATION_OVERVIEW_PROJECT_SCOPE.all\n ? sortSkillsByProjectRelevance(filtered, projectDir)\n : filtered;\n }, [skills, projectScope, projectDir]);\n\n const filteredSkills = useMemo(\n () => applySkillFilters(scopedSkills, disabledSet, filter),\n [scopedSkills, disabledSet, filter],\n );\n\n const handleToggle = (skillName: string, enabled: boolean) => {\n setDisabledSet((previous) => {\n const next = new Set(previous);\n if (enabled) {\n next.delete(skillName);\n } else {\n next.add(skillName);\n }\n return next;\n });\n };\n\n if (skillsLoading \|\| settingsLoading) {\n return (\n <div\n data-testid=\"conversation-overview-skills-panel\"\n className=\"text-sm text-muted\"\n >\n …\n </div>\n );\n }\n\n if (!skills \|\| skills.length === 0) {\n return (\n <div\n data-testid=\"conversation-overview-skills-panel\"\n className=\"flex flex-col gap-4\"\n >\n <div\n data-testid=\"conversation-overview-skills-empty\"\n className={extensionModuleEmptyStateClassName}\n >\n <p className=\"text-sm text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_NO_SKILLS)}\n </p>\n </div>\n {showAddSkillModal ? (\n <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n ) : null}\n </div>\n );\n }\n\n return (\n <div\n data-testid=\"conversation-overview-skills-panel\"\n className=\"flex flex-col gap-4\"\n >\n <ConversationOverviewProjectScopeToggle\n value={projectScope}\n onChange={setProjectScope}\n testId=\"conversation-overview-skills-scope\"\n />\n <SkillsToolbar\n search={filter.query}\n onSearchChange={(query) =>\n setFilter((previous) => ({ ...previous, query }))\n }\n activeFilterCount={countActiveFilters(filter)}\n onOpenFilters={() => setIsFiltersModalOpen(true)}\n />\n\n {scopedSkills.length === 0 ? (\n <div\n data-testid=\"conversation-overview-skills-project-empty\"\n className={extensionModuleEmptyStateClassName}\n >\n <p className=\"text-sm text-tertiary-light\">\n {t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)}\n </p>\n </div>\n ) : filteredSkills.length === 0 ? (\n <div\n data-testid=\"conversation-overview-skills-no-match\"\n className={extensionModuleEmptyStateClassName}\n >\n <p className=\"text-sm text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_NO_MATCH)}\n </p>\n </div>\n ) : (\n <section\n className={cn(\n \"flex min-w-0 flex-col gap-3\",\n extensionModuleCardGridContainerClassName,\n )}\n >\n <div className={cn(extensionModuleCardGridClassName, \"grid-cols-1\")}>\n {filteredSkills.map((skill) => (\n <SkillCard\n key={skill.name}\n skill={skill}\n enabled={!disabledSet.has(skill.name)}\n onOpen={() => setSelectedSkill(skill)}\n onToggle={(enabled) => handleToggle(skill.name, enabled)}\n />\n ))}\n </div>\n </section>\n )}\n\n {selectedSkill ? (\n <SkillDetailModal\n skill={selectedSkill}\n enabled={!disabledSet.has(selectedSkill.name)}\n onToggle={(enabled) => handleToggle(selectedSkill.name, enabled)}\n onClose={() => setSelectedSkill(null)}\n />\n ) : null}\n\n {showAddSkillModal ? (\n <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n ) : null}\n\n {isFiltersModalOpen ? (\n <SkillFiltersModal\n groups={buildSkillFacetGroups(scopedSkills, disabledSet, filter)}\n activeCount={countActiveFilters(filter)}\n onToggle={(groupId, value) =>\n setFilter((previous) =>\n toggleSkillFilterValue(previous, groupId, value),\n )\n }\n onClearAll={() =>\n setFilter((previous) => clearSkillFilterFacets(previous))\n }\n onClose={() => setIsFiltersModalOpen(false)}\n />\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"conversation-overview-skills-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-skills-panel.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useConversationSkills } from \"#/hooks/query/use-conversation-skills\";\nimport { useSkillEnablement } from \"#/hooks/use-skill-enablement\";\nimport { SkillCard } from \"#/components/features/skills/skill-card\";\nimport { SkillDetailModal } from \"#/components/features/skills/skill-detail-modal\";\nimport { AddSkillModal } from \"#/components/features/skills/add-skill-modal\";\nimport { SkillsToolbar } from \"#/components/features/skills/skills-toolbar\";\nimport { SkillFiltersModal } from \"#/components/features/skills/skill-filters-modal\";\nimport {\n applySkillFilters,\n buildSkillFacetGroups,\n clearSkillFilterFacets,\n countActiveFilters,\n toggleSkillFilterValue,\n EMPTY_SKILL_FILTER_STATE,\n type SkillFilterState,\n} from \"#/components/features/skills/skill-filter\";\nimport {\n extensionModuleCardGridClassName,\n extensionModuleCardGridContainerClassName,\n extensionModuleEmptyStateClassName,\n} from \"#/utils/extension-module-card-classes\";\nimport type { SkillInfo } from \"#/types/settings\";\nimport { cn } from \"#/utils/utils\";\nimport {\n CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n filterSkillsByProjectScope,\n sortSkillsByProjectRelevance,\n type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\nimport { ConversationOverviewProjectScopeToggle } from \"./conversation-overview-project-scope-toggle\";\n\ninterface ConversationOverviewSkillsPanelProps {\n openAdd: boolean;\n}\n\nexport function ConversationOverviewSkillsPanel({\n openAdd,\n}: ConversationOverviewSkillsPanelProps) {\n const { t } = useTranslation(\"openhands\");\n const { isLoading: settingsLoading } = useSettings();\n const { data: conversation } = useActiveConversation();\n const { data: skills, isLoading: skillsLoading } = useConversationSkills();\n const { isEnabled, setEnabled } = useSkillEnablement();\n const addRequestKey =\n useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n const projectDir = conversation?.selected_workspace ?? null;\n\n const [projectScope, setProjectScope] =\n useState<ConversationOverviewProjectScope>(\n CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n );\n const [filter, setFilter] = useState<SkillFilterState>(\n EMPTY_SKILL_FILTER_STATE,\n );\n const [isFiltersModalOpen, setIsFiltersModalOpen] = useState(false);\n const [selectedSkill, setSelectedSkill] = useState<SkillInfo \| null>(null);\n const [showAddSkillModal, setShowAddSkillModal] = useState(false);\n\n useEffect(() => {\n if (!openAdd) {\n return;\n }\n setShowAddSkillModal(true);\n }, [openAdd]);\n\n useEffect(() => {\n if (addRequestKey === 0) {\n return;\n }\n setShowAddSkillModal(true);\n }, [addRequestKey]);\n\n const scopedSkills = useMemo(() => {\n if (!skills) {\n return [];\n }\n const filtered = filterSkillsByProjectScope(\n skills,\n projectScope,\n projectDir,\n );\n return projectScope === CONVERSATION_OVERVIEW_PROJECT_SCOPE.all\n ? sortSkillsByProjectRelevance(filtered, projectDir)\n : filtered;\n }, [skills, projectScope, projectDir]);\n\n const filteredSkills = useMemo(\n () => applySkillFilters(scopedSkills, isEnabled, filter),\n [scopedSkills, isEnabled, filter],\n );\n\n if (skillsLoading \|\| settingsLoading) {\n return (\n <div\n data-testid=\"conversation-overview-skills-panel\"\n className=\"text-sm text-muted\"\n >\n …\n </div>\n );\n }\n\n if (!skills \|\| skills.length === 0) {\n return (\n <div\n data-testid=\"conversation-overview-skills-panel\"\n className=\"flex flex-col gap-4\"\n >\n <div\n data-testid=\"conversation-overview-skills-empty\"\n className={extensionModuleEmptyStateClassName}\n >\n <p className=\"text-sm text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_NO_SKILLS)}\n </p>\n </div>\n {showAddSkillModal ? (\n <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n ) : null}\n </div>\n );\n }\n\n return (\n <div\n data-testid=\"conversation-overview-skills-panel\"\n className=\"flex flex-col gap-4\"\n >\n <ConversationOverviewProjectScopeToggle\n value={projectScope}\n onChange={setProjectScope}\n testId=\"conversation-overview-skills-scope\"\n />\n <SkillsToolbar\n search={filter.query}\n onSearchChange={(query) =>\n setFilter((previous) => ({ ...previous, query }))\n }\n activeFilterCount={countActiveFilters(filter)}\n onOpenFilters={() => setIsFiltersModalOpen(true)}\n />\n\n {scopedSkills.length === 0 ? (\n <div\n data-testid=\"conversation-overview-skills-project-empty\"\n className={extensionModuleEmptyStateClassName}\n >\n <p className=\"text-sm text-tertiary-light\">\n {t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)}\n </p>\n </div>\n ) : filteredSkills.length === 0 ? (\n <div\n data-testid=\"conversation-overview-skills-no-match\"\n className={extensionModuleEmptyStateClassName}\n >\n <p className=\"text-sm text-tertiary-light\">\n {t(I18nKey.SETTINGS$SKILLS_NO_MATCH)}\n </p>\n </div>\n ) : (\n <section\n className={cn(\n \"flex min-w-0 flex-col gap-3\",\n extensionModuleCardGridContainerClassName,\n )}\n >\n <div className={cn(extensionModuleCardGridClassName, \"grid-cols-1\")}>\n {filteredSkills.map((skill) => (\n <SkillCard\n key={skill.name}\n skill={skill}\n enabled={isEnabled(skill)}\n onOpen={() => setSelectedSkill(skill)}\n onToggle={(enabled) => setEnabled(skill.name, enabled)}\n />\n ))}\n </div>\n </section>\n )}\n\n {selectedSkill ? (\n <SkillDetailModal\n skill={selectedSkill}\n enabled={isEnabled(selectedSkill)}\n onToggle={(enabled) => setEnabled(selectedSkill.name, enabled)}\n onClose={() => setSelectedSkill(null)}\n />\n ) : null}\n\n {showAddSkillModal ? (\n <AddSkillModal onClose={() => setShowAddSkillModal(false)} />\n ) : null}\n\n {isFiltersModalOpen ? (\n <SkillFiltersModal\n groups={buildSkillFacetGroups(scopedSkills, isEnabled, filter)}\n activeCount={countActiveFilters(filter)}\n onToggle={(groupId, value) =>\n setFilter((previous) =>\n toggleSkillFilterValue(previous, groupId, value),\n )\n }\n onClearAll={() =>\n setFilter((previous) => clearSkillFilterFacets(previous))\n }\n onClose={() => setIsFiltersModalOpen(false)}\n />\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/components/features/conversation/conversation-overview-skills-panel.js CHANGED Viewed

@@ -1,138 +1,120 @@
 import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
 import { I18nKey as t } from "../../../i18n/declaration.js";
 import { cn as n } from "../../../utils/utils.js";
-import { retrieveAxiosErrorMessage as r } from "../../../utils/retrieve-axios-error-message.js";
-import { displayErrorToast as i } from "../../../utils/custom-toast-handlers.js";
-import { useActiveConversation as a } from "../../../hooks/query/use-active-conversation.js";
-import { useConversationSkills as o } from "../../../hooks/query/use-conversation-skills.js";
-import { useSettings as s } from "../../../hooks/query/use-settings.js";
-import { useConversationOverviewDrawerOptional as c } from "./conversation-overview-drawer-context.js";
-import { extensionModuleCardGridClassName as ee, extensionModuleCardGridContainerClassName as l, extensionModuleEmptyStateClassName as u } from "../../../utils/extension-module-card-classes.js";
-import { useSaveSettings as d } from "../../../hooks/mutation/use-save-settings.js";
-import { SkillCard as f } from "../skills/skill-card.js";
-import { SkillDetailModal as p } from "../skills/skill-detail-modal.js";
-import { AddSkillModal as m } from "../skills/add-skill-modal.js";
-import { SkillsToolbar as te } from "../skills/skills-toolbar.js";
-import { SkillFiltersModal as ne } from "../skills/skill-filters-modal.js";
-import { EMPTY_SKILL_FILTER_STATE as re, applySkillFilters as ie, buildSkillFacetGroups as ae, clearSkillFilterFacets as h, countActiveFilters as g, toggleSkillFilterValue as _ } from "../skills/skill-filter.js";
-import { CONVERSATION_OVERVIEW_PROJECT_SCOPE as v, filterSkillsByProjectScope as y, sortSkillsByProjectRelevance as b } from "../../../utils/conversation-overview-project-scope.js";
-import { ConversationOverviewProjectScopeToggle as x } from "./conversation-overview-project-scope-toggle.js";
-import { useEffect as S, useMemo as C, useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useSettings as r } from "../../../hooks/query/use-settings.js";
+import { useActiveConversation as i } from "../../../hooks/query/use-active-conversation.js";
+import { useConversationSkills as a } from "../../../hooks/query/use-conversation-skills.js";
+import { useSkillEnablement as o } from "../../../hooks/use-skill-enablement.js";
+import { useConversationOverviewDrawerOptional as s } from "./conversation-overview-drawer-context.js";
+import { extensionModuleCardGridClassName as c, extensionModuleCardGridContainerClassName as l, extensionModuleEmptyStateClassName as u } from "../../../utils/extension-module-card-classes.js";
+import { SkillCard as d } from "../skills/skill-card.js";
+import { SkillDetailModal as f } from "../skills/skill-detail-modal.js";
+import { AddSkillModal as p } from "../skills/add-skill-modal.js";
+import { SkillsToolbar as m } from "../skills/skills-toolbar.js";
+import { SkillFiltersModal as h } from "../skills/skill-filters-modal.js";
+import { EMPTY_SKILL_FILTER_STATE as g, applySkillFilters as _, buildSkillFacetGroups as v, clearSkillFilterFacets as y, countActiveFilters as b, toggleSkillFilterValue as x } from "../skills/skill-filter.js";
+import { CONVERSATION_OVERVIEW_PROJECT_SCOPE as S, filterSkillsByProjectScope as C, sortSkillsByProjectRelevance as w } from "../../../utils/conversation-overview-project-scope.js";
+import { ConversationOverviewProjectScopeToggle as T } from "./conversation-overview-project-scope-toggle.js";
+import { useEffect as E, useMemo as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-overview-skills-panel.tsx
-function D({ openAdd: D }) {
-	let { t: O } = e("openhands"), { mutate: k } = d(), { data: A, isLoading: j } = s(), { data: M } = a(), { data: N, isLoading: P } = o(), F = c()?.addRequestKey ?? 0, I = M?.selected_workspace ?? null, [L, R] = w(/* @__PURE__ */ new Set()), [z, B] = w(!1), [V, H] = w(v.project), [U, W] = w(re), [G, K] = w(!1), [q, J] = w(null), [Y, X] = w(!1);
-	S(() => {
-		j || !A || (R(new Set(A.disabled_skills ?? [])), B(!0));
-	}, [j, A?.disabled_skills]), S(() => {
-		D && X(!0);
-	}, [D]), S(() => {
-		F !== 0 && X(!0);
-	}, [F]), S(() => {
-		z && k({ disabled_skills: Array.from(L) }, { onError: (e) => {
-			i(r(e) || O(t.ERROR$GENERIC));
-		} });
+function j({ openAdd: j }) {
+	let { t: M } = e("openhands"), { isLoading: N } = r(), { data: P } = i(), { data: F, isLoading: I } = a(), { isEnabled: L, setEnabled: R } = o(), z = s()?.addRequestKey ?? 0, B = P?.selected_workspace ?? null, [V, H] = O(S.project), [U, W] = O(g), [G, K] = O(!1), [q, J] = O(null), [Y, X] = O(!1);
+	E(() => {
+		j && X(!0);
+	}, [j]), E(() => {
+		z !== 0 && X(!0);
+	}, [z]);
+	let Z = D(() => {
+		if (!F) return [];
+		let e = C(F, V, B);
+		return V === S.all ? w(e, B) : e;
 	}, [
-		L,
-		z,
-		k,
-		O
-	]);
-	let Z = C(() => {
-		if (!N) return [];
-		let e = y(N, V, I);
-		return V === v.all ? b(e, I) : e;
-	}, [
-		N,
+		F,
 		V,
-		I
-	]), Q = C(() => ie(Z, L, U), [
+		B
+	]), Q = D(() => _(Z, L, U), [
 		Z,
 		L,
 		U
-	]), $ = (e, t) => {
-		R((n) => {
-			let r = new Set(n);
-			return t ? r.delete(e) : r.add(e), r;
-		});
-	};
-	return P || j ? /* @__PURE__ */ T("div", {
+	]);
+	return I || N ? /* @__PURE__ */ k("div", {
 		"data-testid": "conversation-overview-skills-panel",
 		className: "text-sm text-muted",
 		children: "…"
-	}) : !N || N.length === 0 ? /* @__PURE__ */ E("div", {
+	}) : !F || F.length === 0 ? /* @__PURE__ */ A("div", {
 		"data-testid": "conversation-overview-skills-panel",
 		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ k("div", {
 			"data-testid": "conversation-overview-skills-empty",
 			className: u,
-			children: /* @__PURE__ */ T("p", {
+			children: /* @__PURE__ */ k("p", {
 				className: "text-sm text-tertiary-light",
-				children: O(t.SETTINGS$SKILLS_NO_SKILLS)
+				children: M(t.SETTINGS$SKILLS_NO_SKILLS)
 			})
-		}), Y ? /* @__PURE__ */ T(m, { onClose: () => X(!1) }) : null]
-	}) : /* @__PURE__ */ E("div", {
+		}), Y ? /* @__PURE__ */ k(p, { onClose: () => X(!1) }) : null]
+	}) : /* @__PURE__ */ A("div", {
 		"data-testid": "conversation-overview-skills-panel",
 		className: "flex flex-col gap-4",
 		children: [
-			/* @__PURE__ */ T(x, {
+			/* @__PURE__ */ k(T, {
 				value: V,
 				onChange: H,
 				testId: "conversation-overview-skills-scope"
 			}),
-			/* @__PURE__ */ T(te, {
+			/* @__PURE__ */ k(m, {
 				search: U.query,
 				onSearchChange: (e) => W((t) => ({
 					...t,
 					query: e
 				})),
-				activeFilterCount: g(U),
+				activeFilterCount: b(U),
 				onOpenFilters: () => K(!0)
 			}),
-			Z.length === 0 ? /* @__PURE__ */ T("div", {
+			Z.length === 0 ? /* @__PURE__ */ k("div", {
 				"data-testid": "conversation-overview-skills-project-empty",
 				className: u,
-				children: /* @__PURE__ */ T("p", {
+				children: /* @__PURE__ */ k("p", {
 					className: "text-sm text-tertiary-light",
-					children: O(t.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)
+					children: M(t.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)
 				})
-			}) : Q.length === 0 ? /* @__PURE__ */ T("div", {
+			}) : Q.length === 0 ? /* @__PURE__ */ k("div", {
 				"data-testid": "conversation-overview-skills-no-match",
 				className: u,
-				children: /* @__PURE__ */ T("p", {
+				children: /* @__PURE__ */ k("p", {
 					className: "text-sm text-tertiary-light",
-					children: O(t.SETTINGS$SKILLS_NO_MATCH)
+					children: M(t.SETTINGS$SKILLS_NO_MATCH)
 				})
-			}) : /* @__PURE__ */ T("section", {
+			}) : /* @__PURE__ */ k("section", {
 				className: n("flex min-w-0 flex-col gap-3", l),
-				children: /* @__PURE__ */ T("div", {
-					className: n(ee, "grid-cols-1"),
-					children: Q.map((e) => /* @__PURE__ */ T(f, {
+				children: /* @__PURE__ */ k("div", {
+					className: n(c, "grid-cols-1"),
+					children: Q.map((e) => /* @__PURE__ */ k(d, {
 						skill: e,
-						enabled: !L.has(e.name),
+						enabled: L(e),
 						onOpen: () => J(e),
-						onToggle: (t) => $(e.name, t)
+						onToggle: (t) => R(e.name, t)
 					}, e.name))
 				})
 			}),
-			q ? /* @__PURE__ */ T(p, {
+			q ? /* @__PURE__ */ k(f, {
 				skill: q,
-				enabled: !L.has(q.name),
-				onToggle: (e) => $(q.name, e),
+				enabled: L(q),
+				onToggle: (e) => R(q.name, e),
 				onClose: () => J(null)
 			}) : null,
-			Y ? /* @__PURE__ */ T(m, { onClose: () => X(!1) }) : null,
-			G ? /* @__PURE__ */ T(ne, {
-				groups: ae(Z, L, U),
-				activeCount: g(U),
-				onToggle: (e, t) => W((n) => _(n, e, t)),
-				onClearAll: () => W((e) => h(e)),
+			Y ? /* @__PURE__ */ k(p, { onClose: () => X(!1) }) : null,
+			G ? /* @__PURE__ */ k(h, {
+				groups: v(Z, L, U),
+				activeCount: b(U),
+				onToggle: (e, t) => W((n) => x(n, e, t)),
+				onClearAll: () => W((e) => y(e)),
 				onClose: () => K(!1)
 			}) : null
 		]
 	});
 }
 //#endregion
-export { D as ConversationOverviewSkillsPanel };
+export { j as ConversationOverviewSkillsPanel };
 //# sourceMappingURL=conversation-overview-skills-panel.js.map