@openhands/agent-canvas 1.13.0 → 1.15.0

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 {};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-overview-toggle.js","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":";;;;;;;;;;;;;;;;AA8BA,SAAgB,EAA2B,EACzC,gBACkC;CAClC,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,IAAyB,EAA0B,GACnD,EAAE,sBAAmB,EAA0B,GAC/C,IAAa,EAAuB,IAAI,GACxC,CAAC,GAAc,KAAmB,EAG9B,IAAI,GACR,EACJ,yBACA,0BACA,sBACA,4BACA,4BACA,4BACE,EAAqB;CAIzB,AAFA,EAAqC,GAErC,QAAgB;EACd,AAAI,KAAqB,KACvB,EAAwB,EAAK;CAEjC,GAAG;EAAC;EAAsB;EAAmB;CAAuB,CAAC;CAErE,IAAM,IACJ,CAAC,KAA0B,KAAqB,CAAC,GAC7C,IAAW,KAAkB;CAEnC,QAAsB;EACpB,IAAI,CAAC,GAAU;GACb,EAAgB,IAAI;GACpB;EACF;EAEA,IAAM,UAAuB;GAC3B,IAAM,IAAO,EAAW,SAAS,sBAAsB;GAClD,KAIL,EAAgB;IACd,KAAK,EAAK,SAAS;IACnB,MAAM,KAAK,IAAI,GAAG,EAAK,QAAA,GAA4C;GACrE,CAAC;EACH;EAKA,OAHA,EAAe,GACf,OAAO,iBAAiB,UAAU,CAAc,GAChD,OAAO,iBAAiB,UAAU,GAAgB,EAAI,SACzC;GAEX,AADA,OAAO,oBAAoB,UAAU,CAAc,GACnD,OAAO,oBAAoB,UAAU,GAAgB,EAAI;EAC3D;CACF,GAAG,CAAC,CAAQ,CAAC;CAEb,IAAM,UAAqB;EACrB,QAMJ;OAAI,GAAmB;IAMrB,AALA,EAAwB,EAAK,GAC7B,EAAqB,EAAK,GACtB,KACF,EAAqB,GAAgB,EAAE,iBAAiB,GAAM,CAAC,GAEjE,EAAwB,EAAI;IAC5B;GACF;GAEA,EAAwB,CAAC,CAAoB;EAF7C;CAGF,GAEM,IAAoB,KAAwB,GAE5C,IACF,EADgB,IACd,EAAQ,wCACV,IACI,EAAQ,6BACR,EAAQ,0BAA0B,GAEpC,IACJ,KAAY,IACR,EAAS,aACP,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,OAAO;GACL,KAAK,EAAa;GAClB,MAAM,EAAa;GACnB,OAAA;EACF;EACA,cAAc;EACd,cAAc;YAEd,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,CAA4B,CAAA;EACzB,CAAA;CACF,CAAA,GACL,SAAS,IACX,IACA;CAEN,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAU;EACV,oBAAoB;GAClB,AAAI,KACF,EAAkC;EAEtC;EACA,oBAAoB;GAClB,CAAI,KAAkB,MACpB,EAA2C;EAE/C;YAEA,kBAAC,GAAD;GAAmB,SAAS;GAAa,WAAW;aAClD,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,UAAU;IACV,WAAW,EAGT,GACA,UACA,KAAqB,2CACrB,KACE,mFACF,CACF;IACA,cAAY;IACZ,gBAAc;IACd,iBAAe;IACf,eAAY;cAEZ,kBAAC,GAAD;KAAM,WAAU;KAAmB,MAAM;KAAI,eAAA;IAAa,CAAA;GACpD,CAAA;EACS,CAAA;CAChB,CAAA,GACJ,CACD,EAAA,CAAA;AAEN"}

package/dist/components/features/conversation/conversation-secondary-drawer.classes.cjs

@@ -0,0 +1,2 @@
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../utils/utils.cjs");var t=e.cn(`flex h-10 min-h-10 shrink-0 items-center gap-1.5`,`border-b border-[var(--oh-border)] py-1 pl-1 pr-4`),n=e.cn(`h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs`),r=e.cn(`inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md`,`text-muted transition-colors hover:bg-white/10 hover:text-white`);exports.CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME=r,exports.CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME=n,exports.CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME=t;
+//# sourceMappingURL=conversation-secondary-drawer.classes.cjs.map

package/dist/components/features/conversation/conversation-secondary-drawer.classes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-secondary-drawer.classes.cjs","names":[],"sources":["../../../../src/components/features/conversation/conversation-secondary-drawer.classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Matches conversation tabs chrome height; right inset aligns with drawer body `px-4`. */\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME = cn(\n  \"flex h-10 min-h-10 shrink-0 items-center gap-1.5\",\n  \"border-b border-[var(--oh-border)] py-1 pl-1 pr-4\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME = cn(\n  \"h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME = cn(\n  \"inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n  \"text-muted transition-colors hover:bg-white/10 hover:text-white\",\n);\n"],"mappings":"+FAGA,IAAa,EAAiD,EAAA,GAC5D,mDACA,mDACF,EAEa,EAAwD,EAAA,GACnE,uDACF,EAEa,EAAuD,EAAA,GAClE,oFACA,iEACF"}

package/dist/components/features/conversation/conversation-secondary-drawer.classes.d.ts

@@ -0,0 +1,4 @@
+/** Matches conversation tabs chrome height; right inset aligns with drawer body `px-4`. */
+export declare const CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME: string;
+export declare const CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME: string;
+export declare const CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME: string;

package/dist/components/features/conversation/conversation-secondary-drawer.classes.js

@@ -0,0 +1,7 @@
+import { cn as e } from "../../../utils/utils.js";
+//#region src/components/features/conversation/conversation-secondary-drawer.classes.ts
+var t = e("flex h-10 min-h-10 shrink-0 items-center gap-1.5", "border-b border-[var(--oh-border)] py-1 pl-1 pr-4"), n = e("h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs"), r = e("inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md", "text-muted transition-colors hover:bg-white/10 hover:text-white");
+//#endregion
+export { r as CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME, n as CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME, t as CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME };
+
+//# sourceMappingURL=conversation-secondary-drawer.classes.js.map

package/dist/components/features/conversation/conversation-secondary-drawer.classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conversation-secondary-drawer.classes.js","names":[],"sources":["../../../../src/components/features/conversation/conversation-secondary-drawer.classes.ts"],"sourcesContent":["import { cn } from \"#/utils/utils\";\n\n/** Matches conversation tabs chrome height; right inset aligns with drawer body `px-4`. */\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_CLASSNAME = cn(\n  \"flex h-10 min-h-10 shrink-0 items-center gap-1.5\",\n  \"border-b border-[var(--oh-border)] py-1 pl-1 pr-4\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_HEADER_ACTION_CLASSNAME = cn(\n  \"h-7 min-h-7 shrink-0 whitespace-nowrap px-2.5 text-xs\",\n);\n\nexport const CONVERSATION_SECONDARY_DRAWER_CLOSE_BUTTON_CLASSNAME = cn(\n  \"inline-flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-md\",\n  \"text-muted transition-colors hover:bg-white/10 hover:text-white\",\n);\n"],"mappings":";;AAGA,IAAa,IAAiD,EAC5D,oDACA,mDACF,GAEa,IAAwD,EACnE,uDACF,GAEa,IAAuD,EAClE,qFACA,iEACF"}

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.cjs

@@ -1,2 +1,2 @@
-require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../stores/conversation-store.cjs"),n=require("./tab-wrapper.cjs"),r=require("./tab-container.cjs"),i=require("./tab-content-area.cjs"),a=require("./conversation-tab-content-crossfade.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/files-tab.cjs"))),l=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/browser-tab.cjs"))),u=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/planner-tab.cjs"))),d=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/task-list-tab.cjs"))),f=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/usage-tab.cjs"))),p=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../terminal/terminal.cjs"))),m={tasklist:{component:d},files:{component:c},browser:{component:l},terminal:{component:p},planner:{component:u},usage:{component:f}};function h(){let{selectedTab:c,shouldShownAgentLoading:l}=t.useConversationStore(),{conversationId:u}=e.useConversationId(),d=(0,o.useMemo)(()=>m[c]??m.files,[c]).component,f=c===`terminal`?`${c}-${u}`:c??`files`;return(0,s.jsx)(r.TabContainer,{children:(0,s.jsx)(i.TabContentArea,{children:(0,s.jsx)(a.ConversationTabContentCrossfade,{showAgentLoading:l,tabKey:f,children:(0,s.jsx)(n.TabWrapper,{children:(0,s.jsx)(d,{})},f)})})})}exports.ConversationTabContent=h;
+require("../../../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../../../hooks/use-conversation-id.cjs"),t=require("../../../../../stores/conversation-store.cjs"),n=require("./tab-wrapper.cjs"),r=require("./tab-container.cjs"),i=require("./tab-content-area.cjs"),a=require("./conversation-tab-content-crossfade.cjs");let o=require("react"),s=require("react/jsx-runtime");var c=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/files-tab.cjs"))),l=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/commits-tab.cjs"))),u=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/browser-tab.cjs"))),d=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/planner-tab.cjs"))),f=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/task-list-tab.cjs"))),p=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../../../routes/usage-tab.cjs"))),m=(0,o.lazy)(()=>Promise.resolve().then(()=>require("../../../terminal/terminal.cjs"))),h={tasklist:{component:f},files:{component:c},commits:{component:l},browser:{component:u},terminal:{component:m},planner:{component:d},usage:{component:p}};function g(){let{selectedTab:c,shouldShownAgentLoading:l}=t.useConversationStore(),{conversationId:u}=e.useConversationId(),d=(0,o.useMemo)(()=>h[c]??h.files,[c]).component,f=c===`terminal`?`${c}-${u}`:c??`files`;return(0,s.jsx)(r.TabContainer,{children:(0,s.jsx)(i.TabContentArea,{children:(0,s.jsx)(a.ConversationTabContentCrossfade,{showAgentLoading:l,tabKey:f,children:(0,s.jsx)(n.TabWrapper,{children:(0,s.jsx)(d,{})},f)})})})}exports.ConversationTabContent=g;
 //# sourceMappingURL=conversation-tab-content.cjs.map

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tab-content.cjs","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":"mYAWA,IAAM,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAyB,yCAAA,CAAA,CAAgC,EACzD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,gCAAA,CAAA,CAAiD,EAEvE,EAAa,CACjB,SAAU,CAAE,UAAW,CAAY,EACnC,MAAO,CAAE,UAAW,CAAS,EAC7B,QAAS,CAAE,UAAW,CAAW,EACjC,SAAU,CAAE,UAAW,CAAS,EAChC,QAAS,CAAE,UAAW,CAAW,EACjC,MAAO,CAAE,UAAW,CAAS,CAC/B,EAEA,SAAgB,GAAyB,CACvC,GAAM,CAAE,cAAa,2BAA4B,EAAA,qBAAqB,EAChE,CAAE,kBAAmB,EAAA,kBAAkB,EAQvC,GAAA,EAAA,EAAA,aAJF,EAAW,IAA2C,EAAW,MACnE,CAAC,CAAW,CAGU,EAAU,UAE5B,EACJ,IAAgB,WACZ,GAAG,EAAY,GAAG,IACjB,GAAe,QAEtB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,iBAAkB,EAClB,OAAQ,YAER,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAkB,CAAA,CACR,EAFK,CAEL,CACmB,CAAA,CACnB,CAAA,CACJ,CAAA,CAElB"}
+{"version":3,"file":"conversation-tab-content.cjs","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst CommitsTab = lazy(() => import(\"#/routes/commits-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  commits: { component: CommitsTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":"mYAWA,IAAM,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAwB,uCAAA,CAAA,CAA8B,EACtD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAyB,yCAAA,CAAA,CAAgC,EACzD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,qCAAA,CAAA,CAA4B,EAClD,GAAA,EAAA,EAAA,UAAA,QAAA,QAAA,EAAA,SAAA,QAAsB,gCAAA,CAAA,CAAiD,EAEvE,EAAa,CACjB,SAAU,CAAE,UAAW,CAAY,EACnC,MAAO,CAAE,UAAW,CAAS,EAC7B,QAAS,CAAE,UAAW,CAAW,EACjC,QAAS,CAAE,UAAW,CAAW,EACjC,SAAU,CAAE,UAAW,CAAS,EAChC,QAAS,CAAE,UAAW,CAAW,EACjC,MAAO,CAAE,UAAW,CAAS,CAC/B,EAEA,SAAgB,GAAyB,CACvC,GAAM,CAAE,cAAa,2BAA4B,EAAA,qBAAqB,EAChE,CAAE,kBAAmB,EAAA,kBAAkB,EAQvC,GAAA,EAAA,EAAA,aAJF,EAAW,IAA2C,EAAW,MACnE,CAAC,CAAW,CAGU,EAAU,UAE5B,EACJ,IAAgB,WACZ,GAAG,EAAY,GAAG,IACjB,GAAe,QAEtB,OACE,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,eAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gCAAD,CACE,iBAAkB,EAClB,OAAQ,YAER,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAD,CAAkB,CAAA,CACR,EAFK,CAEL,CACmB,CAAA,CACnB,CAAA,CACJ,CAAA,CAElB"}

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.js

@@ -7,16 +7,17 @@ import { ConversationTabContentCrossfade as a } from "./conversation-tab-content
 import { lazy as o, useMemo as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx
-var l = o(() => import("../../../../../routes/files-tab.js")), u = o(() => import("../../../../../routes/browser-tab.js")), d = o(() => import("../../../../../routes/planner-tab.js")), f = o(() => import("../../../../../routes/task-list-tab.js")), p = o(() => import("../../../../../routes/usage-tab.js")), m = o(() => import("../../../terminal/terminal.js")), h = {
-	tasklist: { component: f },
+var l = o(() => import("../../../../../routes/files-tab.js")), u = o(() => import("../../../../../routes/commits-tab.js")), d = o(() => import("../../../../../routes/browser-tab.js")), f = o(() => import("../../../../../routes/planner-tab.js")), p = o(() => import("../../../../../routes/task-list-tab.js")), m = o(() => import("../../../../../routes/usage-tab.js")), h = o(() => import("../../../terminal/terminal.js")), g = {
+	tasklist: { component: p },
 	files: { component: l },
-	browser: { component: u },
-	terminal: { component: m },
-	planner: { component: d },
-	usage: { component: p }
+	commits: { component: u },
+	browser: { component: d },
+	terminal: { component: h },
+	planner: { component: f },
+	usage: { component: m }
 };
-function g() {
-	let { selectedTab: o, shouldShownAgentLoading: l } = t(), { conversationId: u } = e(), d = s(() => h[o] ?? h.files, [o]).component, f = o === "terminal" ? `${o}-${u}` : o ?? "files";
+function _() {
+	let { selectedTab: o, shouldShownAgentLoading: l } = t(), { conversationId: u } = e(), d = s(() => g[o] ?? g.files, [o]).component, f = o === "terminal" ? `${o}-${u}` : o ?? "files";
 	return /* @__PURE__ */ c(r, { children: /* @__PURE__ */ c(i, { children: /* @__PURE__ */ c(a, {
 		showAgentLoading: l,
 		tabKey: f,
@@ -24,6 +25,6 @@ function g() {
 	}) }) });
 }
 //#endregion
-export { g as ConversationTabContent };
+export { _ as ConversationTabContent };
 
 //# sourceMappingURL=conversation-tab-content.js.map

package/dist/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-tab-content.js","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAc,QAAW,OAAO,yCAAyB,GACzD,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAW,QAAW,OAAO,gCAA0C,GAEvE,IAAa;CACjB,UAAU,EAAE,WAAW,EAAY;CACnC,OAAO,EAAE,WAAW,EAAS;CAC7B,SAAS,EAAE,WAAW,EAAW;CACjC,UAAU,EAAE,WAAW,EAAS;CAChC,SAAS,EAAE,WAAW,EAAW;CACjC,OAAO,EAAE,WAAW,EAAS;AAC/B;AAEA,SAAgB,IAAyB;CACvC,IAAM,EAAE,gBAAa,+BAA4B,EAAqB,GAChE,EAAE,sBAAmB,EAAkB,GAQvC,IANY,QAEd,EAAW,MAA2C,EAAW,OACnE,CAAC,CAAW,CAGU,EAAU,WAE5B,IACJ,MAAgB,aACZ,GAAG,EAAY,GAAG,MACjB,KAAe;CAEtB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,QAAQ;YAER,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAkB,CAAA,EACR,GAFK,CAEL;CACmB,CAAA,EACnB,CAAA,EACJ,CAAA;AAElB"}
+{"version":3,"file":"conversation-tab-content.js","names":[],"sources":["../../../../../../src/components/features/conversation/conversation-tabs/conversation-tab-content/conversation-tab-content.tsx"],"sourcesContent":["import { lazy, useMemo } from \"react\";\nimport { TabWrapper } from \"./tab-wrapper\";\nimport { TabContainer } from \"./tab-container\";\nimport { TabContentArea } from \"./tab-content-area\";\nimport { ConversationTabContentCrossfade } from \"./conversation-tab-content-crossfade\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useConversationId } from \"#/hooks/use-conversation-id\";\n\n// Lazy load all tab components, including the terminal — xterm + addon-fit +\n// xterm.css are large enough that we don't want them in the conversation\n// route's eager graph just because the terminal tab might be selected later.\nconst FilesTab = lazy(() => import(\"#/routes/files-tab\"));\nconst CommitsTab = lazy(() => import(\"#/routes/commits-tab\"));\nconst BrowserTab = lazy(() => import(\"#/routes/browser-tab\"));\nconst PlannerTab = lazy(() => import(\"#/routes/planner-tab\"));\nconst TaskListTab = lazy(() => import(\"#/routes/task-list-tab\"));\nconst UsageTab = lazy(() => import(\"#/routes/usage-tab\"));\nconst Terminal = lazy(() => import(\"#/components/features/terminal/terminal\"));\n\nconst TAB_CONFIG = {\n  tasklist: { component: TaskListTab },\n  files: { component: FilesTab },\n  commits: { component: CommitsTab },\n  browser: { component: BrowserTab },\n  terminal: { component: Terminal },\n  planner: { component: PlannerTab },\n  usage: { component: UsageTab },\n};\n\nexport function ConversationTabContent() {\n  const { selectedTab, shouldShownAgentLoading } = useConversationStore();\n  const { conversationId } = useConversationId();\n\n  const activeTab = useMemo(\n    () =>\n      TAB_CONFIG[selectedTab as keyof typeof TAB_CONFIG] ?? TAB_CONFIG.files,\n    [selectedTab],\n  );\n\n  const ActiveComponent = activeTab.component;\n\n  const tabWrapperKey =\n    selectedTab === \"terminal\"\n      ? `${selectedTab}-${conversationId}`\n      : (selectedTab ?? \"files\");\n\n  return (\n    <TabContainer>\n      <TabContentArea>\n        <ConversationTabContentCrossfade\n          showAgentLoading={shouldShownAgentLoading}\n          tabKey={tabWrapperKey}\n        >\n          <TabWrapper key={tabWrapperKey}>\n            <ActiveComponent />\n          </TabWrapper>\n        </ConversationTabContentCrossfade>\n      </TabContentArea>\n    </TabContainer>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAa,QAAW,OAAO,uCAAuB,GACtD,IAAc,QAAW,OAAO,yCAAyB,GACzD,IAAW,QAAW,OAAO,qCAAqB,GAClD,IAAW,QAAW,OAAO,gCAA0C,GAEvE,IAAa;CACjB,UAAU,EAAE,WAAW,EAAY;CACnC,OAAO,EAAE,WAAW,EAAS;CAC7B,SAAS,EAAE,WAAW,EAAW;CACjC,SAAS,EAAE,WAAW,EAAW;CACjC,UAAU,EAAE,WAAW,EAAS;CAChC,SAAS,EAAE,WAAW,EAAW;CACjC,OAAO,EAAE,WAAW,EAAS;AAC/B;AAEA,SAAgB,IAAyB;CACvC,IAAM,EAAE,gBAAa,+BAA4B,EAAqB,GAChE,EAAE,sBAAmB,EAAkB,GAQvC,IANY,QAEd,EAAW,MAA2C,EAAW,OACnE,CAAC,CAAW,CAGU,EAAU,WAE5B,IACJ,MAAgB,aACZ,GAAG,EAAY,GAAG,MACjB,KAAe;CAEtB,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,kBAAkB;EAClB,QAAQ;YAER,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAkB,CAAA,EACR,GAFK,CAEL;CACmB,CAAA,EACnB,CAAA,EACJ,CAAA;AAElB"}