@openhands/agent-canvas 1.14.0 → 1.15.0

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),t=require("../../../i18n/declaration.cjs"),n=require("../../../utils/conversation-overview-project-scope.cjs"),r=require("../files-tab/segmented-toggle.cjs");let i=require("react/jsx-runtime");function a({value:a,onChange:o,testId:s}){let{t:c}=e.useTranslation(`openhands`);return(0,i.jsx)(`div`,{className:`flex w-full justify-center [&>[role=radiogroup]]:w-full`,children:(0,i.jsx)(r.SegmentedToggle,{value:a,onChange:o,ariaLabel:c(t.I18nKey.CONVERSATION$OVERVIEW_SCOPE_FILTER),testId:s,options:[{value:n.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,label:c(t.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT)},{value:n.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all,label:c(t.I18nKey.CONVERSATION$OVERVIEW_SCOPE_ALL)}]})})}exports.ConversationOverviewProjectScopeToggle=a;
+//# sourceMappingURL=conversation-overview-project-scope-toggle.cjs.map

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-project-scope-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-project-scope-toggle.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\n\ninterface ConversationOverviewProjectScopeToggleProps {\n  value: ConversationOverviewProjectScope;\n  onChange: (value: ConversationOverviewProjectScope) => void;\n  testId: string;\n}\n\nexport function ConversationOverviewProjectScopeToggle({\n  value,\n  onChange,\n  testId,\n}: ConversationOverviewProjectScopeToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex w-full justify-center [&>[role=radiogroup]]:w-full\">\n      <SegmentedToggle<ConversationOverviewProjectScope>\n        value={value}\n        onChange={onChange}\n        ariaLabel={t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_FILTER)}\n        testId={testId}\n        options={[\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT),\n          },\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.all,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_ALL),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"sUAcA,SAAgB,EAAuC,CACrD,QACA,WACA,UAC8C,CAC9C,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAExC,OACE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oEACb,EAAA,EAAA,KAAC,EAAA,gBAAD,CACS,QACG,WACV,UAAW,EAAE,EAAA,QAAQ,kCAAkC,EAC/C,SACR,QAAS,CACP,CACE,MAAO,EAAA,oCAAoC,QAC3C,MAAO,EAAE,EAAA,QAAQ,mCAAmC,CACtD,EACA,CACE,MAAO,EAAA,oCAAoC,IAC3C,MAAO,EAAE,EAAA,QAAQ,+BAA+B,CAClD,CACF,CACD,CAAA,CACE,CAAA,CAET"}

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.d.ts

@@ -0,0 +1,8 @@
+import { type ConversationOverviewProjectScope } from "#/utils/conversation-overview-project-scope";
+interface ConversationOverviewProjectScopeToggleProps {
+    value: ConversationOverviewProjectScope;
+    onChange: (value: ConversationOverviewProjectScope) => void;
+    testId: string;
+}
+export declare function ConversationOverviewProjectScopeToggle({ value, onChange, testId, }: ConversationOverviewProjectScopeToggleProps): import("react").JSX.Element;
+export {};

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.js

@@ -0,0 +1,29 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { CONVERSATION_OVERVIEW_PROJECT_SCOPE as n } from "../../../utils/conversation-overview-project-scope.js";
+import { SegmentedToggle as r } from "../files-tab/segmented-toggle.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-project-scope-toggle.tsx
+function a({ value: a, onChange: o, testId: s }) {
+	let { t: c } = e("openhands");
+	return /* @__PURE__ */ i("div", {
+		className: "flex w-full justify-center [&>[role=radiogroup]]:w-full",
+		children: /* @__PURE__ */ i(r, {
+			value: a,
+			onChange: o,
+			ariaLabel: c(t.CONVERSATION$OVERVIEW_SCOPE_FILTER),
+			testId: s,
+			options: [{
+				value: n.project,
+				label: c(t.CONVERSATION$OVERVIEW_SCOPE_PROJECT)
+			}, {
+				value: n.all,
+				label: c(t.CONVERSATION$OVERVIEW_SCOPE_ALL)
+			}]
+		})
+	});
+}
+//#endregion
+export { a as ConversationOverviewProjectScopeToggle };
+
+//# sourceMappingURL=conversation-overview-project-scope-toggle.js.map

package/dist/components/features/conversation/conversation-overview-project-scope-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-project-scope-toggle.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-project-scope-toggle.tsx"],"sourcesContent":["import { useTranslation } from \"react-i18next\";\nimport { SegmentedToggle } from \"#/components/features/files-tab/segmented-toggle\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport {\n  CONVERSATION_OVERVIEW_PROJECT_SCOPE,\n  type ConversationOverviewProjectScope,\n} from \"#/utils/conversation-overview-project-scope\";\n\ninterface ConversationOverviewProjectScopeToggleProps {\n  value: ConversationOverviewProjectScope;\n  onChange: (value: ConversationOverviewProjectScope) => void;\n  testId: string;\n}\n\nexport function ConversationOverviewProjectScopeToggle({\n  value,\n  onChange,\n  testId,\n}: ConversationOverviewProjectScopeToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n\n  return (\n    <div className=\"flex w-full justify-center [&>[role=radiogroup]]:w-full\">\n      <SegmentedToggle<ConversationOverviewProjectScope>\n        value={value}\n        onChange={onChange}\n        ariaLabel={t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_FILTER)}\n        testId={testId}\n        options={[\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.project,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT),\n          },\n          {\n            value: CONVERSATION_OVERVIEW_PROJECT_SCOPE.all,\n            label: t(I18nKey.CONVERSATION$OVERVIEW_SCOPE_ALL),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAuC,EACrD,UACA,aACA,aAC8C;CAC9C,IAAM,EAAE,SAAM,EAAe,WAAW;CAExC,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACS;GACG;GACV,WAAW,EAAE,EAAQ,kCAAkC;GAC/C;GACR,SAAS,CACP;IACE,OAAO,EAAoC;IAC3C,OAAO,EAAE,EAAQ,mCAAmC;GACtD,GACA;IACE,OAAO,EAAoC;IAC3C,OAAO,EAAE,EAAQ,+BAA+B;GAClD,CACF;EACD,CAAA;CACE,CAAA;AAET"}

package/dist/components/features/conversation/conversation-overview-secrets-panel.cjs

@@ -0,0 +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/trash-2.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.cjs"),o=require("./conversation-overview-drawer-context.cjs"),s=require("../../../utils/extension-module-card-classes.cjs"),c=require("../../shared/modals/confirmation-modal.cjs"),l=require("../../../hooks/query/use-get-secrets.cjs"),u=require("../../../hooks/mutation/use-delete-secret.cjs"),d=require("../settings/secrets-settings/secret-form.cjs");let f=require("react");f=e.__toESM(f,1);let p=require("react/jsx-runtime");function m({openAdd:e}){let m=a.useQueryClient(),{t:h}=t.useTranslation(`openhands`),g=o.useConversationOverviewDrawerOptional()?.addRequestKey??0,{data:_,isLoading:v}=l.useSearchSecrets(),{mutate:y,isPending:b}=u.useDeleteSecret(),[x,S]=(0,f.useState)(`list`),[C,w]=(0,f.useState)(null);(0,f.useEffect)(()=>{e&&S(`add-secret-form`)},[e]),(0,f.useEffect)(()=>{g!==0&&S(`add-secret-form`)},[g]);let T=()=>{m.invalidateQueries({queryKey:[`secrets-search`]}),m.invalidateQueries({queryKey:[`secrets`]})};return x===`add-secret-form`?(0,p.jsx)(`div`,{"data-testid":`conversation-overview-secrets-add-form`,className:`flex h-full min-h-0 flex-col overflow-y-auto p-4`,children:(0,p.jsx)(d.SecretForm,{mode:`add`,selectedSecret:null,onCancel:()=>S(`list`)})}):(0,p.jsxs)(`div`,{"data-testid":`conversation-overview-secrets-panel`,className:`flex h-full min-h-0 flex-col`,children:[(0,p.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto px-2 py-2`,children:v?(0,p.jsx)(`p`,{className:`px-2 py-4 text-sm text-[var(--oh-muted)]`,children:h(n.I18nKey.HOME$LOADING)}):_&&_.length>0?(0,p.jsx)(`ul`,{className:`flex flex-col gap-0.5`,children:_.map(e=>(0,p.jsxs)(`li`,{"data-testid":`conversation-overview-secret-item`,className:`group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5`,children:[(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsx)(`p`,{className:`truncate text-sm text-[var(--oh-foreground)]`,children:e.name}),e.description?(0,p.jsx)(`p`,{className:`truncate text-xs text-[var(--oh-muted)]`,children:e.description}):null]}),(0,p.jsx)(`button`,{type:`button`,"data-testid":`conversation-overview-secret-delete-${e.name}`,"aria-label":h(n.I18nKey.BUTTON$DELETE),onClick:()=>w(e.name),className:i.cn(`shrink-0 rounded-md p-1 text-[var(--oh-muted)]`,`opacity-0 transition-opacity group-hover:opacity-100`,`hover:bg-white/10 hover:text-[var(--oh-foreground)]`),children:(0,p.jsx)(r.Trash2,{className:`size-3.5`,"aria-hidden":!0})})]},e.name))}):(0,p.jsx)(`p`,{"data-testid":`conversation-overview-secrets-empty`,className:i.cn(s.extensionModuleEmptyStateClassName,`px-2 py-6 text-center text-sm`),children:h(n.I18nKey.SECRETS$EMPTY)})}),C?(0,p.jsx)(c.ConfirmationModal,{text:h(n.I18nKey.SECRETS$CONFIRM_DELETE_KEY),isConfirming:b,onCancel:()=>w(null),onConfirm:()=>{y(C,{onSettled:()=>w(null),onSuccess:T,onError:T})}}):null]})}exports.ConversationOverviewSecretsPanel=m;
+//# sourceMappingURL=conversation-overview-secrets-panel.cjs.map

package/dist/components/features/conversation/conversation-overview-secrets-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-secrets-panel.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-secrets-panel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Trash2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\n\ninterface ConversationOverviewSecretsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSecretsPanel({\n  openAdd,\n}: ConversationOverviewSecretsPanelProps) {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n\n  const { data: secrets, isLoading } = useSearchSecrets();\n  const { mutate: deleteSecret, isPending: isDeleting } = useDeleteSecret();\n\n  const [view, setView] = useState<\"list\" | \"add-secret-form\">(\"list\");\n  const [secretToDelete, setSecretToDelete] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [addRequestKey]);\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({ queryKey: [\"secrets-search\"] });\n    queryClient.invalidateQueries({ queryKey: [\"secrets\"] });\n  };\n\n  if (view === \"add-secret-form\") {\n    return (\n      <div\n        data-testid=\"conversation-overview-secrets-add-form\"\n        className=\"flex h-full min-h-0 flex-col overflow-y-auto p-4\"\n      >\n        <SecretForm\n          mode=\"add\"\n          selectedSecret={null}\n          onCancel={() => setView(\"list\")}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-secrets-panel\"\n      className=\"flex h-full min-h-0 flex-col\"\n    >\n      <div className=\"min-h-0 flex-1 overflow-y-auto px-2 py-2\">\n        {isLoading ? (\n          <p className=\"px-2 py-4 text-sm text-[var(--oh-muted)]\">\n            {t(I18nKey.HOME$LOADING)}\n          </p>\n        ) : secrets && secrets.length > 0 ? (\n          <ul className=\"flex flex-col gap-0.5\">\n            {secrets.map((secret) => (\n              <li\n                key={secret.name}\n                data-testid=\"conversation-overview-secret-item\"\n                className=\"group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5\"\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm text-[var(--oh-foreground)]\">\n                    {secret.name}\n                  </p>\n                  {secret.description ? (\n                    <p className=\"truncate text-xs text-[var(--oh-muted)]\">\n                      {secret.description}\n                    </p>\n                  ) : null}\n                </div>\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-overview-secret-delete-${secret.name}`}\n                  aria-label={t(I18nKey.BUTTON$DELETE)}\n                  onClick={() => setSecretToDelete(secret.name)}\n                  className={cn(\n                    \"shrink-0 rounded-md p-1 text-[var(--oh-muted)]\",\n                    \"opacity-0 transition-opacity group-hover:opacity-100\",\n                    \"hover:bg-white/10 hover:text-[var(--oh-foreground)]\",\n                  )}\n                >\n                  <Trash2 className=\"size-3.5\" aria-hidden />\n                </button>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p\n            data-testid=\"conversation-overview-secrets-empty\"\n            className={cn(\n              extensionModuleEmptyStateClassName,\n              \"px-2 py-6 text-center text-sm\",\n            )}\n          >\n            {t(I18nKey.SECRETS$EMPTY)}\n          </p>\n        )}\n      </div>\n\n      {secretToDelete ? (\n        <ConfirmationModal\n          text={t(I18nKey.SECRETS$CONFIRM_DELETE_KEY)}\n          isConfirming={isDeleting}\n          onCancel={() => setSecretToDelete(null)}\n          onConfirm={() => {\n            deleteSecret(secretToDelete, {\n              onSettled: () => setSecretToDelete(null),\n              onSuccess: invalidateSecrets,\n              onError: invalidateSecrets,\n            });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"qyBAiBA,SAAgB,EAAiC,CAC/C,WACwC,CACxC,IAAM,EAAc,EAAA,eAAe,EAC7B,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EACJ,EAAA,sCAAsC,GAAG,eAAiB,EAEtD,CAAE,KAAM,EAAS,aAAc,EAAA,iBAAiB,EAChD,CAAE,OAAQ,EAAc,UAAW,GAAe,EAAA,gBAAgB,EAElE,CAAC,EAAM,IAAA,EAAA,EAAA,UAAgD,MAAM,EAC7D,CAAC,EAAgB,IAAA,EAAA,EAAA,UAA6C,IAAI,GAExE,EAAA,EAAA,eAAgB,CACT,GAGL,EAAQ,iBAAiB,CAC3B,EAAG,CAAC,CAAO,CAAC,GAEZ,EAAA,EAAA,eAAgB,CACV,IAAkB,GAGtB,EAAQ,iBAAiB,CAC3B,EAAG,CAAC,CAAa,CAAC,EAElB,IAAM,MAA0B,CAC9B,EAAY,kBAAkB,CAAE,SAAU,CAAC,gBAAgB,CAAE,CAAC,EAC9D,EAAY,kBAAkB,CAAE,SAAU,CAAC,SAAS,CAAE,CAAC,CACzD,EAiBA,OAfI,IAAS,mBAET,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,yCACZ,UAAU,6DAEV,EAAA,EAAA,KAAC,EAAA,WAAD,CACE,KAAK,MACL,eAAgB,KAChB,aAAgB,EAAQ,MAAM,CAC/B,CAAA,CACE,CAAA,GAKP,EAAA,EAAA,MAAC,MAAD,CACE,cAAY,sCACZ,UAAU,wCAFZ,EAIE,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oDACZ,GACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,oDACV,EAAE,EAAA,QAAQ,YAAY,CACtB,CAAA,EACD,GAAW,EAAQ,OAAS,GAC9B,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,iCACX,EAAQ,IAAK,IACZ,EAAA,EAAA,MAAC,KAAD,CAEE,cAAY,oCACZ,UAAU,+EAHZ,EAKE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,0BAAf,EACE,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,wDACV,EAAO,IACP,CAAA,EACF,EAAO,aACN,EAAA,EAAA,KAAC,IAAD,CAAG,UAAU,mDACV,EAAO,WACP,CAAA,EACD,IACD,KACL,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,cAAa,uCAAuC,EAAO,OAC3D,aAAY,EAAE,EAAA,QAAQ,aAAa,EACnC,YAAe,EAAkB,EAAO,IAAI,EAC5C,UAAW,EAAA,GACT,iDACA,uDACA,qDACF,YAEA,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,UAAU,WAAW,cAAA,EAAa,CAAA,CACpC,CAAA,CACN,GA3BG,EAAO,IA2BV,CACL,CACC,CAAA,GAEJ,EAAA,EAAA,KAAC,IAAD,CACE,cAAY,sCACZ,UAAW,EAAA,GACT,EAAA,mCACA,+BACF,WAEC,EAAE,EAAA,QAAQ,aAAa,CACvB,CAAA,CAEF,CAAA,EAEJ,GACC,EAAA,EAAA,KAAC,EAAA,kBAAD,CACE,KAAM,EAAE,EAAA,QAAQ,0BAA0B,EAC1C,aAAc,EACd,aAAgB,EAAkB,IAAI,EACtC,cAAiB,CACf,EAAa,EAAgB,CAC3B,cAAiB,EAAkB,IAAI,EACvC,UAAW,EACX,QAAS,CACX,CAAC,CACH,CACD,CAAA,EACC,IACD,GAET"}

package/dist/components/features/conversation/conversation-overview-secrets-panel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ConversationOverviewSecretsPanelProps {
+    openAdd: boolean;
+}
+export declare function ConversationOverviewSecretsPanel({ openAdd, }: ConversationOverviewSecretsPanelProps): React.JSX.Element;
+export {};

package/dist/components/features/conversation/conversation-overview-secrets-panel.js

@@ -0,0 +1,89 @@
+import { useTranslation as e } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import { I18nKey as t } from "../../../i18n/declaration.js";
+import { Trash2 as n } from "../../../node_modules/lucide-react/dist/esm/icons/trash-2.js";
+import { cn as r } from "../../../utils/utils.js";
+import { useQueryClient as i } from "../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js";
+import { useConversationOverviewDrawerOptional as a } from "./conversation-overview-drawer-context.js";
+import { extensionModuleEmptyStateClassName as o } from "../../../utils/extension-module-card-classes.js";
+import { ConfirmationModal as s } from "../../shared/modals/confirmation-modal.js";
+import { useSearchSecrets as c } from "../../../hooks/query/use-get-secrets.js";
+import { useDeleteSecret as l } from "../../../hooks/mutation/use-delete-secret.js";
+import { SecretForm as u } from "../settings/secrets-settings/secret-form.js";
+import { useEffect as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/features/conversation/conversation-overview-secrets-panel.tsx
+function h({ openAdd: h }) {
+	let g = i(), { t: _ } = e("openhands"), v = a()?.addRequestKey ?? 0, { data: y, isLoading: b } = c(), { mutate: x, isPending: S } = l(), [C, w] = f("list"), [T, E] = f(null);
+	d(() => {
+		h && w("add-secret-form");
+	}, [h]), d(() => {
+		v !== 0 && w("add-secret-form");
+	}, [v]);
+	let D = () => {
+		g.invalidateQueries({ queryKey: ["secrets-search"] }), g.invalidateQueries({ queryKey: ["secrets"] });
+	};
+	return C === "add-secret-form" ? /* @__PURE__ */ p("div", {
+		"data-testid": "conversation-overview-secrets-add-form",
+		className: "flex h-full min-h-0 flex-col overflow-y-auto p-4",
+		children: /* @__PURE__ */ p(u, {
+			mode: "add",
+			selectedSecret: null,
+			onCancel: () => w("list")
+		})
+	}) : /* @__PURE__ */ m("div", {
+		"data-testid": "conversation-overview-secrets-panel",
+		className: "flex h-full min-h-0 flex-col",
+		children: [/* @__PURE__ */ p("div", {
+			className: "min-h-0 flex-1 overflow-y-auto px-2 py-2",
+			children: b ? /* @__PURE__ */ p("p", {
+				className: "px-2 py-4 text-sm text-[var(--oh-muted)]",
+				children: _(t.HOME$LOADING)
+			}) : y && y.length > 0 ? /* @__PURE__ */ p("ul", {
+				className: "flex flex-col gap-0.5",
+				children: y.map((e) => /* @__PURE__ */ m("li", {
+					"data-testid": "conversation-overview-secret-item",
+					className: "group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5",
+					children: [/* @__PURE__ */ m("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ p("p", {
+							className: "truncate text-sm text-[var(--oh-foreground)]",
+							children: e.name
+						}), e.description ? /* @__PURE__ */ p("p", {
+							className: "truncate text-xs text-[var(--oh-muted)]",
+							children: e.description
+						}) : null]
+					}), /* @__PURE__ */ p("button", {
+						type: "button",
+						"data-testid": `conversation-overview-secret-delete-${e.name}`,
+						"aria-label": _(t.BUTTON$DELETE),
+						onClick: () => E(e.name),
+						className: r("shrink-0 rounded-md p-1 text-[var(--oh-muted)]", "opacity-0 transition-opacity group-hover:opacity-100", "hover:bg-white/10 hover:text-[var(--oh-foreground)]"),
+						children: /* @__PURE__ */ p(n, {
+							className: "size-3.5",
+							"aria-hidden": !0
+						})
+					})]
+				}, e.name))
+			}) : /* @__PURE__ */ p("p", {
+				"data-testid": "conversation-overview-secrets-empty",
+				className: r(o, "px-2 py-6 text-center text-sm"),
+				children: _(t.SECRETS$EMPTY)
+			})
+		}), T ? /* @__PURE__ */ p(s, {
+			text: _(t.SECRETS$CONFIRM_DELETE_KEY),
+			isConfirming: S,
+			onCancel: () => E(null),
+			onConfirm: () => {
+				x(T, {
+					onSettled: () => E(null),
+					onSuccess: D,
+					onError: D
+				});
+			}
+		}) : null]
+	});
+}
+//#endregion
+export { h as ConversationOverviewSecretsPanel };
+
+//# sourceMappingURL=conversation-overview-secrets-panel.js.map

package/dist/components/features/conversation/conversation-overview-secrets-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-secrets-panel.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-secrets-panel.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { Trash2 } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { useSearchSecrets } from \"#/hooks/query/use-get-secrets\";\nimport { useDeleteSecret } from \"#/hooks/mutation/use-delete-secret\";\nimport { SecretForm } from \"#/components/features/settings/secrets-settings/secret-form\";\nimport { ConfirmationModal } from \"#/components/shared/modals/confirmation-modal\";\nimport { cn } from \"#/utils/utils\";\nimport { extensionModuleEmptyStateClassName } from \"#/utils/extension-module-card-classes\";\nimport { useConversationOverviewDrawerOptional } from \"./conversation-overview-drawer-context\";\n\ninterface ConversationOverviewSecretsPanelProps {\n  openAdd: boolean;\n}\n\nexport function ConversationOverviewSecretsPanel({\n  openAdd,\n}: ConversationOverviewSecretsPanelProps) {\n  const queryClient = useQueryClient();\n  const { t } = useTranslation(\"openhands\");\n  const addRequestKey =\n    useConversationOverviewDrawerOptional()?.addRequestKey ?? 0;\n\n  const { data: secrets, isLoading } = useSearchSecrets();\n  const { mutate: deleteSecret, isPending: isDeleting } = useDeleteSecret();\n\n  const [view, setView] = useState<\"list\" | \"add-secret-form\">(\"list\");\n  const [secretToDelete, setSecretToDelete] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!openAdd) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [openAdd]);\n\n  useEffect(() => {\n    if (addRequestKey === 0) {\n      return;\n    }\n    setView(\"add-secret-form\");\n  }, [addRequestKey]);\n\n  const invalidateSecrets = () => {\n    queryClient.invalidateQueries({ queryKey: [\"secrets-search\"] });\n    queryClient.invalidateQueries({ queryKey: [\"secrets\"] });\n  };\n\n  if (view === \"add-secret-form\") {\n    return (\n      <div\n        data-testid=\"conversation-overview-secrets-add-form\"\n        className=\"flex h-full min-h-0 flex-col overflow-y-auto p-4\"\n      >\n        <SecretForm\n          mode=\"add\"\n          selectedSecret={null}\n          onCancel={() => setView(\"list\")}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"conversation-overview-secrets-panel\"\n      className=\"flex h-full min-h-0 flex-col\"\n    >\n      <div className=\"min-h-0 flex-1 overflow-y-auto px-2 py-2\">\n        {isLoading ? (\n          <p className=\"px-2 py-4 text-sm text-[var(--oh-muted)]\">\n            {t(I18nKey.HOME$LOADING)}\n          </p>\n        ) : secrets && secrets.length > 0 ? (\n          <ul className=\"flex flex-col gap-0.5\">\n            {secrets.map((secret) => (\n              <li\n                key={secret.name}\n                data-testid=\"conversation-overview-secret-item\"\n                className=\"group flex items-center gap-2 rounded-md px-2 py-2 hover:bg-white/5\"\n              >\n                <div className=\"min-w-0 flex-1\">\n                  <p className=\"truncate text-sm text-[var(--oh-foreground)]\">\n                    {secret.name}\n                  </p>\n                  {secret.description ? (\n                    <p className=\"truncate text-xs text-[var(--oh-muted)]\">\n                      {secret.description}\n                    </p>\n                  ) : null}\n                </div>\n                <button\n                  type=\"button\"\n                  data-testid={`conversation-overview-secret-delete-${secret.name}`}\n                  aria-label={t(I18nKey.BUTTON$DELETE)}\n                  onClick={() => setSecretToDelete(secret.name)}\n                  className={cn(\n                    \"shrink-0 rounded-md p-1 text-[var(--oh-muted)]\",\n                    \"opacity-0 transition-opacity group-hover:opacity-100\",\n                    \"hover:bg-white/10 hover:text-[var(--oh-foreground)]\",\n                  )}\n                >\n                  <Trash2 className=\"size-3.5\" aria-hidden />\n                </button>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <p\n            data-testid=\"conversation-overview-secrets-empty\"\n            className={cn(\n              extensionModuleEmptyStateClassName,\n              \"px-2 py-6 text-center text-sm\",\n            )}\n          >\n            {t(I18nKey.SECRETS$EMPTY)}\n          </p>\n        )}\n      </div>\n\n      {secretToDelete ? (\n        <ConfirmationModal\n          text={t(I18nKey.SECRETS$CONFIRM_DELETE_KEY)}\n          isConfirming={isDeleting}\n          onCancel={() => setSecretToDelete(null)}\n          onConfirm={() => {\n            deleteSecret(secretToDelete, {\n              onSettled: () => setSecretToDelete(null),\n              onSuccess: invalidateSecrets,\n              onError: invalidateSecrets,\n            });\n          }}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBA,SAAgB,EAAiC,EAC/C,cACwC;CACxC,IAAM,IAAc,EAAe,GAC7B,EAAE,SAAM,EAAe,WAAW,GAClC,IACJ,EAAsC,GAAG,iBAAiB,GAEtD,EAAE,MAAM,GAAS,iBAAc,EAAiB,GAChD,EAAE,QAAQ,GAAc,WAAW,MAAe,EAAgB,GAElE,CAAC,GAAM,KAAW,EAAqC,MAAM,GAC7D,CAAC,GAAgB,KAAqB,EAAwB,IAAI;CASxE,AAPA,QAAgB;EACT,KAGL,EAAQ,iBAAiB;CAC3B,GAAG,CAAC,CAAO,CAAC,GAEZ,QAAgB;EACV,MAAkB,KAGtB,EAAQ,iBAAiB;CAC3B,GAAG,CAAC,CAAa,CAAC;CAElB,IAAM,UAA0B;EAE9B,AADA,EAAY,kBAAkB,EAAE,UAAU,CAAC,gBAAgB,EAAE,CAAC,GAC9D,EAAY,kBAAkB,EAAE,UAAU,CAAC,SAAS,EAAE,CAAC;CACzD;CAiBA,OAfI,MAAS,oBAET,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAEV,kBAAC,GAAD;GACE,MAAK;GACL,gBAAgB;GAChB,gBAAgB,EAAQ,MAAM;EAC/B,CAAA;CACE,CAAA,IAKP,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAFZ,CAIE,kBAAC,OAAD;GAAK,WAAU;aACZ,IACC,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,EAAQ,YAAY;GACtB,CAAA,IACD,KAAW,EAAQ,SAAS,IAC9B,kBAAC,MAAD;IAAI,WAAU;cACX,EAAQ,KAAK,MACZ,kBAAC,MAAD;KAEE,eAAY;KACZ,WAAU;eAHZ,CAKE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;MACP,CAAA,GACF,EAAO,cACN,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAO;MACP,CAAA,IACD,IACD;SACL,kBAAC,UAAD;MACE,MAAK;MACL,eAAa,uCAAuC,EAAO;MAC3D,cAAY,EAAE,EAAQ,aAAa;MACnC,eAAe,EAAkB,EAAO,IAAI;MAC5C,WAAW,EACT,kDACA,wDACA,qDACF;gBAEA,kBAAC,GAAD;OAAQ,WAAU;OAAW,eAAA;MAAa,CAAA;KACpC,CAAA,CACN;OA3BG,EAAO,IA2BV,CACL;GACC,CAAA,IAEJ,kBAAC,KAAD;IACE,eAAY;IACZ,WAAW,EACT,GACA,+BACF;cAEC,EAAE,EAAQ,aAAa;GACvB,CAAA;EAEF,CAAA,GAEJ,IACC,kBAAC,GAAD;GACE,MAAM,EAAE,EAAQ,0BAA0B;GAC1C,cAAc;GACd,gBAAgB,EAAkB,IAAI;GACtC,iBAAiB;IACf,EAAa,GAAgB;KAC3B,iBAAiB,EAAkB,IAAI;KACvC,WAAW;KACX,SAAS;IACX,CAAC;GACH;EACD,CAAA,IACC,IACD;;AAET"}

package/dist/components/features/conversation/conversation-overview-sections.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");var e={workspace:`workspace`,git:`git`},t=[e.workspace,e.git],n=new Set(t),r={changes:`changes`,repository:`repository`,branch:`branch`,commits:`commits`,pull_requests:`pull_requests`},i=[r.changes,r.repository,r.branch,r.commits,r.pull_requests],a=new Set(i),o=[],s=[],c=[{sections:[e.workspace]}];function l(e,t){return!t.includes(e)}function u(e,t){return!t.includes(e)}exports.CONVERSATION_OVERVIEW_GIT_PART=r,exports.CONVERSATION_OVERVIEW_SECTION=e,exports.CONVERSATION_OVERVIEW_SECTION_GROUPS=c,exports.DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS=s,exports.DEFAULT_UNPINNED_OVERVIEW_SECTIONS=o,exports.VALID_CONVERSATION_OVERVIEW_GIT_PARTS=a,exports.VALID_CONVERSATION_OVERVIEW_SECTIONS=n,exports.isOverviewGitPartPinned=u,exports.isOverviewSectionPinned=l;
+//# sourceMappingURL=conversation-overview-sections.cjs.map

package/dist/components/features/conversation/conversation-overview-sections.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-sections.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-sections.ts"],"sourcesContent":["/**\n * Pinable rows in the conversation overview panel.\n * Persistence uses the inverse denylist `unpinnedOverviewSections`\n * (empty = all pinned), matching drawer tab pin semantics.\n *\n * Git is a pinable parent section with its own sub-part denylist\n * (`unpinnedOverviewGitParts`), including Changes.\n */\nexport const CONVERSATION_OVERVIEW_SECTION = {\n  workspace: \"workspace\",\n  git: \"git\",\n} as const;\n\nexport type ConversationOverviewSection =\n  (typeof CONVERSATION_OVERVIEW_SECTION)[keyof typeof CONVERSATION_OVERVIEW_SECTION];\n\nexport const CONVERSATION_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[] =\n  [CONVERSATION_OVERVIEW_SECTION.workspace, CONVERSATION_OVERVIEW_SECTION.git];\n\nexport const VALID_CONVERSATION_OVERVIEW_SECTIONS: ReadonlySet<string> =\n  new Set(CONVERSATION_OVERVIEW_SECTIONS);\n\n/**\n * Sub-rows inside the git overview block. Controlled independently via\n * `unpinnedOverviewGitParts` when the parent git section is pinned.\n * Changes lives here (not as a top-level overview section).\n */\nexport const CONVERSATION_OVERVIEW_GIT_PART = {\n  changes: \"changes\",\n  repository: \"repository\",\n  branch: \"branch\",\n  commits: \"commits\",\n  pull_requests: \"pull_requests\",\n} as const;\n\nexport type ConversationOverviewGitPart =\n  (typeof CONVERSATION_OVERVIEW_GIT_PART)[keyof typeof CONVERSATION_OVERVIEW_GIT_PART];\n\nexport const CONVERSATION_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[] =\n  [\n    CONVERSATION_OVERVIEW_GIT_PART.changes,\n    CONVERSATION_OVERVIEW_GIT_PART.repository,\n    CONVERSATION_OVERVIEW_GIT_PART.branch,\n    CONVERSATION_OVERVIEW_GIT_PART.commits,\n    CONVERSATION_OVERVIEW_GIT_PART.pull_requests,\n  ];\n\nexport const VALID_CONVERSATION_OVERVIEW_GIT_PARTS: ReadonlySet<string> =\n  new Set(CONVERSATION_OVERVIEW_GIT_PARTS);\n\n/** No overview sections are hidden by default. */\nexport const DEFAULT_UNPINNED_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[] =\n  [];\n\nexport const DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[] =\n  [];\n\n/**\n * Visual groups in the panel. Dividers render between non-empty groups.\n * Workspace stands alone below the untitled Git block (Changes + metadata)\n * that the panel prepends when pinned.\n */\nexport const CONVERSATION_OVERVIEW_SECTION_GROUPS: readonly {\n  sections: readonly ConversationOverviewSection[];\n}[] = [\n  {\n    sections: [CONVERSATION_OVERVIEW_SECTION.workspace],\n  },\n];\n\nexport function isOverviewSectionPinned(\n  section: ConversationOverviewSection,\n  unpinnedOverviewSections: readonly string[],\n): boolean {\n  return !unpinnedOverviewSections.includes(section);\n}\n\nexport function isOverviewGitPartPinned(\n  part: ConversationOverviewGitPart,\n  unpinnedOverviewGitParts: readonly string[],\n): boolean {\n  return !unpinnedOverviewGitParts.includes(part);\n}\n"],"mappings":"mDAQA,IAAa,EAAgC,CAC3C,UAAW,YACX,IAAK,KACP,EAKa,EACX,CAAC,EAA8B,UAAW,EAA8B,GAAG,EAEhE,EACX,IAAI,IAAI,CAA8B,EAO3B,EAAiC,CAC5C,QAAS,UACT,WAAY,aACZ,OAAQ,SACR,QAAS,UACT,cAAe,eACjB,EAKa,EACX,CACE,EAA+B,QAC/B,EAA+B,WAC/B,EAA+B,OAC/B,EAA+B,QAC/B,EAA+B,aACjC,EAEW,EACX,IAAI,IAAI,CAA+B,EAG5B,EACX,CAAC,EAEU,EACX,CAAC,EAOU,EAEP,CACJ,CACE,SAAU,CAAC,EAA8B,SAAS,CACpD,CACF,EAEA,SAAgB,EACd,EACA,EACS,CACT,MAAO,CAAC,EAAyB,SAAS,CAAO,CACnD,CAEA,SAAgB,EACd,EACA,EACS,CACT,MAAO,CAAC,EAAyB,SAAS,CAAI,CAChD"}

package/dist/components/features/conversation/conversation-overview-sections.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Pinable rows in the conversation overview panel.
+ * Persistence uses the inverse denylist `unpinnedOverviewSections`
+ * (empty = all pinned), matching drawer tab pin semantics.
+ *
+ * Git is a pinable parent section with its own sub-part denylist
+ * (`unpinnedOverviewGitParts`), including Changes.
+ */
+export declare const CONVERSATION_OVERVIEW_SECTION: {
+    readonly workspace: "workspace";
+    readonly git: "git";
+};
+export type ConversationOverviewSection = (typeof CONVERSATION_OVERVIEW_SECTION)[keyof typeof CONVERSATION_OVERVIEW_SECTION];
+export declare const CONVERSATION_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[];
+export declare const VALID_CONVERSATION_OVERVIEW_SECTIONS: ReadonlySet<string>;
+/**
+ * Sub-rows inside the git overview block. Controlled independently via
+ * `unpinnedOverviewGitParts` when the parent git section is pinned.
+ * Changes lives here (not as a top-level overview section).
+ */
+export declare const CONVERSATION_OVERVIEW_GIT_PART: {
+    readonly changes: "changes";
+    readonly repository: "repository";
+    readonly branch: "branch";
+    readonly commits: "commits";
+    readonly pull_requests: "pull_requests";
+};
+export type ConversationOverviewGitPart = (typeof CONVERSATION_OVERVIEW_GIT_PART)[keyof typeof CONVERSATION_OVERVIEW_GIT_PART];
+export declare const CONVERSATION_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[];
+export declare const VALID_CONVERSATION_OVERVIEW_GIT_PARTS: ReadonlySet<string>;
+/** No overview sections are hidden by default. */
+export declare const DEFAULT_UNPINNED_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[];
+export declare const DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[];
+/**
+ * Visual groups in the panel. Dividers render between non-empty groups.
+ * Workspace stands alone below the untitled Git block (Changes + metadata)
+ * that the panel prepends when pinned.
+ */
+export declare const CONVERSATION_OVERVIEW_SECTION_GROUPS: readonly {
+    sections: readonly ConversationOverviewSection[];
+}[];
+export declare function isOverviewSectionPinned(section: ConversationOverviewSection, unpinnedOverviewSections: readonly string[]): boolean;
+export declare function isOverviewGitPartPinned(part: ConversationOverviewGitPart, unpinnedOverviewGitParts: readonly string[]): boolean;

package/dist/components/features/conversation/conversation-overview-sections.js

@@ -0,0 +1,27 @@
+//#region src/components/features/conversation/conversation-overview-sections.ts
+var e = {
+	workspace: "workspace",
+	git: "git"
+}, t = [e.workspace, e.git], n = new Set(t), r = {
+	changes: "changes",
+	repository: "repository",
+	branch: "branch",
+	commits: "commits",
+	pull_requests: "pull_requests"
+}, i = [
+	r.changes,
+	r.repository,
+	r.branch,
+	r.commits,
+	r.pull_requests
+], a = new Set(i), o = [], s = [], c = [{ sections: [e.workspace] }];
+function l(e, t) {
+	return !t.includes(e);
+}
+function u(e, t) {
+	return !t.includes(e);
+}
+//#endregion
+export { r as CONVERSATION_OVERVIEW_GIT_PART, e as CONVERSATION_OVERVIEW_SECTION, c as CONVERSATION_OVERVIEW_SECTION_GROUPS, s as DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS, o as DEFAULT_UNPINNED_OVERVIEW_SECTIONS, a as VALID_CONVERSATION_OVERVIEW_GIT_PARTS, n as VALID_CONVERSATION_OVERVIEW_SECTIONS, u as isOverviewGitPartPinned, l as isOverviewSectionPinned };
+
+//# sourceMappingURL=conversation-overview-sections.js.map

package/dist/components/features/conversation/conversation-overview-sections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-sections.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-sections.ts"],"sourcesContent":["/**\n * Pinable rows in the conversation overview panel.\n * Persistence uses the inverse denylist `unpinnedOverviewSections`\n * (empty = all pinned), matching drawer tab pin semantics.\n *\n * Git is a pinable parent section with its own sub-part denylist\n * (`unpinnedOverviewGitParts`), including Changes.\n */\nexport const CONVERSATION_OVERVIEW_SECTION = {\n  workspace: \"workspace\",\n  git: \"git\",\n} as const;\n\nexport type ConversationOverviewSection =\n  (typeof CONVERSATION_OVERVIEW_SECTION)[keyof typeof CONVERSATION_OVERVIEW_SECTION];\n\nexport const CONVERSATION_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[] =\n  [CONVERSATION_OVERVIEW_SECTION.workspace, CONVERSATION_OVERVIEW_SECTION.git];\n\nexport const VALID_CONVERSATION_OVERVIEW_SECTIONS: ReadonlySet<string> =\n  new Set(CONVERSATION_OVERVIEW_SECTIONS);\n\n/**\n * Sub-rows inside the git overview block. Controlled independently via\n * `unpinnedOverviewGitParts` when the parent git section is pinned.\n * Changes lives here (not as a top-level overview section).\n */\nexport const CONVERSATION_OVERVIEW_GIT_PART = {\n  changes: \"changes\",\n  repository: \"repository\",\n  branch: \"branch\",\n  commits: \"commits\",\n  pull_requests: \"pull_requests\",\n} as const;\n\nexport type ConversationOverviewGitPart =\n  (typeof CONVERSATION_OVERVIEW_GIT_PART)[keyof typeof CONVERSATION_OVERVIEW_GIT_PART];\n\nexport const CONVERSATION_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[] =\n  [\n    CONVERSATION_OVERVIEW_GIT_PART.changes,\n    CONVERSATION_OVERVIEW_GIT_PART.repository,\n    CONVERSATION_OVERVIEW_GIT_PART.branch,\n    CONVERSATION_OVERVIEW_GIT_PART.commits,\n    CONVERSATION_OVERVIEW_GIT_PART.pull_requests,\n  ];\n\nexport const VALID_CONVERSATION_OVERVIEW_GIT_PARTS: ReadonlySet<string> =\n  new Set(CONVERSATION_OVERVIEW_GIT_PARTS);\n\n/** No overview sections are hidden by default. */\nexport const DEFAULT_UNPINNED_OVERVIEW_SECTIONS: readonly ConversationOverviewSection[] =\n  [];\n\nexport const DEFAULT_UNPINNED_OVERVIEW_GIT_PARTS: readonly ConversationOverviewGitPart[] =\n  [];\n\n/**\n * Visual groups in the panel. Dividers render between non-empty groups.\n * Workspace stands alone below the untitled Git block (Changes + metadata)\n * that the panel prepends when pinned.\n */\nexport const CONVERSATION_OVERVIEW_SECTION_GROUPS: readonly {\n  sections: readonly ConversationOverviewSection[];\n}[] = [\n  {\n    sections: [CONVERSATION_OVERVIEW_SECTION.workspace],\n  },\n];\n\nexport function isOverviewSectionPinned(\n  section: ConversationOverviewSection,\n  unpinnedOverviewSections: readonly string[],\n): boolean {\n  return !unpinnedOverviewSections.includes(section);\n}\n\nexport function isOverviewGitPartPinned(\n  part: ConversationOverviewGitPart,\n  unpinnedOverviewGitParts: readonly string[],\n): boolean {\n  return !unpinnedOverviewGitParts.includes(part);\n}\n"],"mappings":";AAQA,IAAa,IAAgC;CAC3C,WAAW;CACX,KAAK;AACP,GAKa,IACX,CAAC,EAA8B,WAAW,EAA8B,GAAG,GAEhE,IACX,IAAI,IAAI,CAA8B,GAO3B,IAAiC;CAC5C,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,SAAS;CACT,eAAe;AACjB,GAKa,IACX;CACE,EAA+B;CAC/B,EAA+B;CAC/B,EAA+B;CAC/B,EAA+B;CAC/B,EAA+B;AACjC,GAEW,IACX,IAAI,IAAI,CAA+B,GAG5B,IACX,CAAC,GAEU,IACX,CAAC,GAOU,IAEP,CACJ,EACE,UAAU,CAAC,EAA8B,SAAS,EACpD,CACF;AAEA,SAAgB,EACd,GACA,GACS;CACT,OAAO,CAAC,EAAyB,SAAS,CAAO;AACnD;AAEA,SAAgB,EACd,GACA,GACS;CACT,OAAO,CAAC,EAAyB,SAAS,CAAI;AAChD"}

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

@@ -0,0 +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;
+//# sourceMappingURL=conversation-overview-skills-panel.cjs.map

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

@@ -0,0 +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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"}

package/dist/components/features/conversation/conversation-overview-skills-panel.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ConversationOverviewSkillsPanelProps {
+    openAdd: boolean;
+}
+export declare function ConversationOverviewSkillsPanel({ openAdd, }: ConversationOverviewSkillsPanelProps): React.JSX.Element;
+export {};

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

@@ -0,0 +1,138 @@
+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";
+//#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));
+		} });
+	}, [
+		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,
+		V,
+		I
+	]), Q = C(() => ie(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", {
+		"data-testid": "conversation-overview-skills-panel",
+		className: "text-sm text-muted",
+		children: "…"
+	}) : !N || N.length === 0 ? /* @__PURE__ */ E("div", {
+		"data-testid": "conversation-overview-skills-panel",
+		className: "flex flex-col gap-4",
+		children: [/* @__PURE__ */ T("div", {
+			"data-testid": "conversation-overview-skills-empty",
+			className: u,
+			children: /* @__PURE__ */ T("p", {
+				className: "text-sm text-tertiary-light",
+				children: O(t.SETTINGS$SKILLS_NO_SKILLS)
+			})
+		}), Y ? /* @__PURE__ */ T(m, { onClose: () => X(!1) }) : null]
+	}) : /* @__PURE__ */ E("div", {
+		"data-testid": "conversation-overview-skills-panel",
+		className: "flex flex-col gap-4",
+		children: [
+			/* @__PURE__ */ T(x, {
+				value: V,
+				onChange: H,
+				testId: "conversation-overview-skills-scope"
+			}),
+			/* @__PURE__ */ T(te, {
+				search: U.query,
+				onSearchChange: (e) => W((t) => ({
+					...t,
+					query: e
+				})),
+				activeFilterCount: g(U),
+				onOpenFilters: () => K(!0)
+			}),
+			Z.length === 0 ? /* @__PURE__ */ T("div", {
+				"data-testid": "conversation-overview-skills-project-empty",
+				className: u,
+				children: /* @__PURE__ */ T("p", {
+					className: "text-sm text-tertiary-light",
+					children: O(t.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)
+				})
+			}) : Q.length === 0 ? /* @__PURE__ */ T("div", {
+				"data-testid": "conversation-overview-skills-no-match",
+				className: u,
+				children: /* @__PURE__ */ T("p", {
+					className: "text-sm text-tertiary-light",
+					children: O(t.SETTINGS$SKILLS_NO_MATCH)
+				})
+			}) : /* @__PURE__ */ T("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, {
+						skill: e,
+						enabled: !L.has(e.name),
+						onOpen: () => J(e),
+						onToggle: (t) => $(e.name, t)
+					}, e.name))
+				})
+			}),
+			q ? /* @__PURE__ */ T(p, {
+				skill: q,
+				enabled: !L.has(q.name),
+				onToggle: (e) => $(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)),
+				onClose: () => K(!1)
+			}) : null
+		]
+	});
+}
+//#endregion
+export { D as ConversationOverviewSkillsPanel };
+
+//# sourceMappingURL=conversation-overview-skills-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-skills-panel.js","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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"}

package/dist/components/features/conversation/conversation-overview-toggle.cjs

@@ -0,0 +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/info.cjs"),i=require("../../../utils/utils.cjs"),a=require("../../../hooks/use-conversation-id.cjs"),o=require("../../../utils/conversation-local-storage.cjs"),s=require("../../../stores/conversation-store.cjs"),c=require("../../../hooks/use-is-archived-conversation.cjs"),l=require("./conversation-overview-panel.cjs"),u=require("../chat/chat-action-tooltip.cjs"),d=require("../../../hooks/use-conversation-overview-panel-peek.cjs"),f=require("../../../utils/mobile-top-bar-icon-button-classes.cjs");let p=require("react"),m=require("react/jsx-runtime"),h=require("react-dom");h=e.__toESM(h,1);function g({className:e}){let{t:g}=t.useTranslation(`openhands`),_=c.useIsArchivedConversation(),{conversationId:v}=a.useOptionalConversationId(),y=(0,p.useRef)(null),[b,x]=(0,p.useState)(null),{isOverviewPanelShown:S,isOverviewPanelPeeked:C,isRightPanelShown:w,setIsOverviewPanelShown:T,setHasRightPanelToggled:E,setIsRightPanelShown:D}=s.useConversationStore();d.useSyncConversationOverviewPanelPeek(),(0,p.useEffect)(()=>{w&&S&&T(!1)},[S,w,T]);let O=!_&&w&&!S,k=O&&C;(0,p.useLayoutEffect)(()=>{if(!k){x(null);return}let e=()=>{let e=y.current?.getBoundingClientRect();e&&x({top:e.bottom+4,left:Math.max(8,e.right-240)})};return e(),window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e,!0),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e,!0)}},[k]);let A=()=>{if(!_){if(w){E(!1),D(!1),v&&o.setConversationState(v,{rightPanelShown:!1}),T(!0);return}T(!S)}},j=S||k,M=g(_?n.I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES:S?n.I18nKey.CONVERSATION$HIDE_OVERVIEW:n.I18nKey.CONVERSATION$SHOW_OVERVIEW),N=k&&b?h.default.createPortal((0,m.jsx)(`div`,{"data-testid":`conversation-overview-peek`,className:`fixed z-50`,style:{top:b.top,left:b.left,width:240},onMouseEnter:d.openConversationOverviewPanelPeek,onMouseLeave:d.scheduleCloseConversationOverviewPanelPeek,children:(0,m.jsx)(`div`,{className:`shadow-lg`,children:(0,m.jsx)(l.ConversationOverviewPanel,{})})}),document.body):null;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(`div`,{ref:y,className:`relative inline-flex items-center self-center`,onMouseEnter:()=>{O&&d.openConversationOverviewPanelPeek()},onMouseLeave:()=>{(O||C)&&d.scheduleCloseConversationOverviewPanelPeek()},children:(0,m.jsx)(u.ChatActionTooltip,{tooltip:M,ariaLabel:M,children:(0,m.jsx)(`button`,{type:`button`,onClick:A,disabled:_,className:i.cn(f.mobileTopBarIconButtonClassName,`size-7`,j&&`bg-white/10 text-[var(--oh-foreground)]`,_&&`cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]`,e),"aria-label":M,"aria-pressed":S,"aria-disabled":_,"data-testid":`conversation-overview-toggle`,children:(0,m.jsx)(r.Info,{className:`h-4 w-4 shrink-0`,size:16,"aria-hidden":!0})})})}),N]})}exports.ConversationOverviewToggle=g;
+//# sourceMappingURL=conversation-overview-toggle.cjs.map

package/dist/components/features/conversation/conversation-overview-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-toggle.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-overview-toggle.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Info } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport {\n  openConversationOverviewPanelPeek,\n  scheduleCloseConversationOverviewPanelPeek,\n  useSyncConversationOverviewPanelPeek,\n} from \"#/hooks/use-conversation-overview-panel-peek\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { cn } from \"#/utils/utils\";\nimport { mobileTopBarIconButtonClassName } from \"#/utils/mobile-top-bar-icon-button-classes\";\nimport { ChatActionTooltip } from \"../chat/chat-action-tooltip\";\nimport { useIsArchivedConversation } from \"#/hooks/use-is-archived-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { setConversationState } from \"#/utils/conversation-local-storage\";\nimport { ConversationOverviewPanel } from \"./conversation-overview-panel\";\nimport { CONVERSATION_OVERVIEW_PANEL_WIDTH_PX } from \"./conversation-overview-panel.constants\";\n\ninterface ConversationOverviewToggleProps {\n  className?: string;\n}\n\n/**\n * Info toggle for the session-only overview panel beside the chat thread.\n * Opening overview closes the files/diffs drawer; the panel also auto-hides\n * when that drawer opens from elsewhere. While the drawer is open, hovering\n * this control peeks the overview as a portaled overlay.\n */\nexport function ConversationOverviewToggle({\n  className,\n}: ConversationOverviewToggleProps) {\n  const { t } = useTranslation(\"openhands\");\n  const isArchivedConversation = useIsArchivedConversation();\n  const { conversationId } = useOptionalConversationId();\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const [peekPosition, setPeekPosition] = useState<{\n    top: number;\n    left: number;\n  } | null>(null);\n  const {\n    isOverviewPanelShown,\n    isOverviewPanelPeeked,\n    isRightPanelShown,\n    setIsOverviewPanelShown,\n    setHasRightPanelToggled,\n    setIsRightPanelShown,\n  } = useConversationStore();\n\n  useSyncConversationOverviewPanelPeek();\n\n  useEffect(() => {\n    if (isRightPanelShown && isOverviewPanelShown) {\n      setIsOverviewPanelShown(false);\n    }\n  }, [isOverviewPanelShown, isRightPanelShown, setIsOverviewPanelShown]);\n\n  const canPeekOnHover =\n    !isArchivedConversation && isRightPanelShown && !isOverviewPanelShown;\n  const showPeek = canPeekOnHover && isOverviewPanelPeeked;\n\n  useLayoutEffect(() => {\n    if (!showPeek) {\n      setPeekPosition(null);\n      return undefined;\n    }\n\n    const updatePosition = () => {\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (!rect) {\n        return;\n      }\n\n      setPeekPosition({\n        top: rect.bottom + 4,\n        left: Math.max(8, rect.right - CONVERSATION_OVERVIEW_PANEL_WIDTH_PX),\n      });\n    };\n\n    updatePosition();\n    window.addEventListener(\"resize\", updatePosition);\n    window.addEventListener(\"scroll\", updatePosition, true);\n    return () => {\n      window.removeEventListener(\"resize\", updatePosition);\n      window.removeEventListener(\"scroll\", updatePosition, true);\n    };\n  }, [showPeek]);\n\n  const handleToggle = () => {\n    if (isArchivedConversation) {\n      return;\n    }\n\n    // Reveal overview by closing the files/diffs drawer first; otherwise the\n    // mutual-exclusion effect above would immediately hide overview again.\n    if (isRightPanelShown) {\n      setHasRightPanelToggled(false);\n      setIsRightPanelShown(false);\n      if (conversationId) {\n        setConversationState(conversationId, { rightPanelShown: false });\n      }\n      setIsOverviewPanelShown(true);\n      return;\n    }\n\n    setIsOverviewPanelShown(!isOverviewPanelShown);\n  };\n\n  const isOverviewVisible = isOverviewPanelShown || showPeek;\n\n  const tooltipText = isArchivedConversation\n    ? t(I18nKey.CONVERSATION$UNAVAILABLE_FOR_ARCHIVES)\n    : isOverviewPanelShown\n      ? t(I18nKey.CONVERSATION$HIDE_OVERVIEW)\n      : t(I18nKey.CONVERSATION$SHOW_OVERVIEW);\n\n  const peek =\n    showPeek && peekPosition\n      ? ReactDOM.createPortal(\n          <div\n            data-testid=\"conversation-overview-peek\"\n            className=\"fixed z-50\"\n            style={{\n              top: peekPosition.top,\n              left: peekPosition.left,\n              width: CONVERSATION_OVERVIEW_PANEL_WIDTH_PX,\n            }}\n            onMouseEnter={openConversationOverviewPanelPeek}\n            onMouseLeave={scheduleCloseConversationOverviewPanelPeek}\n          >\n            <div className=\"shadow-lg\">\n              <ConversationOverviewPanel />\n            </div>\n          </div>,\n          document.body,\n        )\n      : null;\n\n  return (\n    <>\n      <div\n        ref={triggerRef}\n        className=\"relative inline-flex items-center self-center\"\n        onMouseEnter={() => {\n          if (canPeekOnHover) {\n            openConversationOverviewPanelPeek();\n          }\n        }}\n        onMouseLeave={() => {\n          if (canPeekOnHover || isOverviewPanelPeeked) {\n            scheduleCloseConversationOverviewPanelPeek();\n          }\n        }}\n      >\n        <ChatActionTooltip tooltip={tooltipText} ariaLabel={tooltipText}>\n          <button\n            type=\"button\"\n            onClick={handleToggle}\n            disabled={isArchivedConversation}\n            className={cn(\n              // Match RightPanelToggle hit target (p-1 + size-5 = 28px) while\n              // keeping the smaller Info glyph.\n              mobileTopBarIconButtonClassName,\n              \"size-7\",\n              isOverviewVisible && \"bg-white/10 text-[var(--oh-foreground)]\",\n              isArchivedConversation &&\n                \"cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--oh-muted)]\",\n              className,\n            )}\n            aria-label={tooltipText}\n            aria-pressed={isOverviewPanelShown}\n            aria-disabled={isArchivedConversation}\n            data-testid=\"conversation-overview-toggle\"\n          >\n            <Info className=\"h-4 w-4 shrink-0\" size={16} aria-hidden />\n          </button>\n        </ChatActionTooltip>\n      </div>\n      {peek}\n    </>\n  );\n}\n"],"mappings":"k0BA8BA,SAAgB,EAA2B,CACzC,aACkC,CAClC,GAAM,CAAE,KAAM,EAAA,eAAe,WAAW,EAClC,EAAyB,EAAA,0BAA0B,EACnD,CAAE,kBAAmB,EAAA,0BAA0B,EAC/C,GAAA,EAAA,EAAA,QAAoC,IAAI,EACxC,CAAC,EAAc,IAAA,EAAA,EAAA,UAGX,IAAI,EACR,CACJ,uBACA,wBACA,oBACA,0BACA,0BACA,wBACE,EAAA,qBAAqB,EAEzB,EAAA,qCAAqC,GAErC,EAAA,EAAA,eAAgB,CACV,GAAqB,GACvB,EAAwB,EAAK,CAEjC,EAAG,CAAC,EAAsB,EAAmB,CAAuB,CAAC,EAErE,IAAM,EACJ,CAAC,GAA0B,GAAqB,CAAC,EAC7C,EAAW,GAAkB,GAEnC,EAAA,EAAA,qBAAsB,CACpB,GAAI,CAAC,EAAU,CACb,EAAgB,IAAI,EACpB,MACF,CAEA,IAAM,MAAuB,CAC3B,IAAM,EAAO,EAAW,SAAS,sBAAsB,EAClD,GAIL,EAAgB,CACd,IAAK,EAAK,OAAS,EACnB,KAAM,KAAK,IAAI,EAAG,EAAK,MAAA,GAA4C,CACrE,CAAC,CACH,EAKA,OAHA,EAAe,EACf,OAAO,iBAAiB,SAAU,CAAc,EAChD,OAAO,iBAAiB,SAAU,EAAgB,EAAI,MACzC,CACX,OAAO,oBAAoB,SAAU,CAAc,EACnD,OAAO,oBAAoB,SAAU,EAAgB,EAAI,CAC3D,CACF,EAAG,CAAC,CAAQ,CAAC,EAEb,IAAM,MAAqB,CACrB,MAMJ,IAAI,EAAmB,CACrB,EAAwB,EAAK,EAC7B,EAAqB,EAAK,EACtB,GACF,EAAA,qBAAqB,EAAgB,CAAE,gBAAiB,EAAM,CAAC,EAEjE,EAAwB,EAAI,EAC5B,MACF,CAEA,EAAwB,CAAC,CAAoB,CAF7C,CAGF,EAEM,EAAoB,GAAwB,EAE5C,EACF,EADgB,EACd,EAAA,QAAQ,sCACV,EACI,EAAA,QAAQ,2BACR,EAAA,QAAQ,0BAA0B,EAEpC,EACJ,GAAY,EACR,EAAA,QAAS,cACP,EAAA,EAAA,KAAC,MAAD,CACE,cAAY,6BACZ,UAAU,aACV,MAAO,CACL,IAAK,EAAa,IAClB,KAAM,EAAa,KACnB,MAAA,GACF,EACA,aAAc,EAAA,kCACd,aAAc,EAAA,qDAEd,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,0BAAD,CAA4B,CAAA,CACzB,CAAA,CACF,CAAA,EACL,SAAS,IACX,EACA,KAEN,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,UAAU,gDACV,iBAAoB,CACd,GACF,EAAA,kCAAkC,CAEtC,EACA,iBAAoB,EACd,GAAkB,IACpB,EAAA,2CAA2C,CAE/C,YAEA,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,QAAS,EAAa,UAAW,YAClD,EAAA,EAAA,KAAC,SAAD,CACE,KAAK,SACL,QAAS,EACT,SAAU,EACV,UAAW,EAAA,GAGT,EAAA,gCACA,SACA,GAAqB,0CACrB,GACE,kFACF,CACF,EACA,aAAY,EACZ,eAAc,EACd,gBAAe,EACf,cAAY,yCAEZ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,UAAU,mBAAmB,KAAM,GAAI,cAAA,EAAa,CAAA,CACpD,CAAA,CACS,CAAA,CAChB,CAAA,EACJ,CACD,CAAA,CAAA,CAEN"}

package/dist/components/features/conversation/conversation-overview-toggle.d.ts

@@ -0,0 +1,11 @@
+interface ConversationOverviewToggleProps {
+    className?: string;
+}
+/**
+ * Info toggle for the session-only overview panel beside the chat thread.
+ * Opening overview closes the files/diffs drawer; the panel also auto-hides
+ * when that drawer opens from elsewhere. While the drawer is open, hovering
+ * this control peeks the overview as a portaled overlay.
+ */
+export declare function ConversationOverviewToggle({ className, }: ConversationOverviewToggleProps): import("react").JSX.Element;
+export {};