@openhands/agent-canvas 1.16.0 → 1.18.0

package/dist/components/features/chat/generic-event-message.js

@@ -5,37 +5,56 @@ import r from "../../../icons/angle-down-solid.js";
 import i from "../../../icons/angle-up-solid.js";
 import { SuccessIndicator as a } from "./success-indicator.js";
 import { MarkdownRenderer as o } from "../markdown/markdown-renderer.js";
-import s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { StyledTooltip as s } from "../../shared/buttons/styled-tooltip.js";
+import { formatEventTimestamp as c } from "../../../utils/format-event-timestamp.js";
+import l from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/features/chat/generic-event-message.tsx
-function u({ title: u, details: d, success: f, initiallyExpanded: p = !1, chevronPosition: m = "after", titleTrailing: h, titleIcon: g }) {
-	let { t: _ } = e("openhands"), [v, y] = s.useState(p), b = d ? /* @__PURE__ */ c("button", {
+function f({ title: f, details: p, success: m, initiallyExpanded: h = !1, chevronPosition: g = "after", titleTrailing: _, titleIcon: v, timestamp: y }) {
+	let { t: b, i18n: x } = e("openhands"), [S, C] = l.useState(h), [w, T] = l.useState(!1), [E, D] = l.useState(!1), O = c(y, x?.language), k = p ? /* @__PURE__ */ u("button", {
 		type: "button",
-		onClick: () => y((e) => !e),
+		onClick: (e) => {
+			C((e) => !e), e.detail > 0 && (T(!1), e.currentTarget.blur());
+		},
 		className: "cursor-pointer text-left",
-		"aria-label": _(v ? t.BUTTON$COLLAPSE : t.BUTTON$EXPAND),
-		children: c(v ? i : r, { className: n("h-4 w-4 inline fill-[var(--oh-muted)]", m === "after" ? "ml-2" : "mr-2") })
-	}) : null;
-	return /* @__PURE__ */ l("div", {
+		"aria-label": b(S ? t.BUTTON$COLLAPSE : t.BUTTON$EXPAND),
+		children: u(S ? i : r, { className: n("h-4 w-4 inline fill-[var(--oh-muted)]", g === "after" ? "ml-2" : "mr-2") })
+	}) : null, A = /* @__PURE__ */ d("div", {
+		"data-testid": "generic-event-message-title",
+		className: "flex items-center",
+		onMouseEnter: () => T(!0),
+		onMouseLeave: () => T(!1),
+		onFocusCapture: () => D(!0),
+		onBlurCapture: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || D(!1);
+		},
+		children: [
+			g === "before" && k,
+			v,
+			/* @__PURE__ */ u("span", { children: f }),
+			g === "after" && k
+		]
+	});
+	return /* @__PURE__ */ d("div", {
 		className: "flex flex-col gap-1.5 my-1 py-1 text-sm w-full",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "flex items-center justify-between font-normal text-[var(--oh-muted)]",
-			children: [/* @__PURE__ */ l("div", {
-				className: "flex items-center",
-				children: [
-					m === "before" && b,
-					g,
-					/* @__PURE__ */ c("span", { children: u }),
-					m === "after" && b
-				]
-			}), /* @__PURE__ */ l("div", {
+			children: [O ? /* @__PURE__ */ u(s, {
+				content: /* @__PURE__ */ u("time", {
+					dateTime: y,
+					children: O
+				}),
+				placement: "top",
+				isOpen: w || E,
+				children: A
+			}) : A, /* @__PURE__ */ d("div", {
 				className: "flex items-center",
-				children: [h, f && /* @__PURE__ */ c(a, { status: f })]
+				children: [_, m && /* @__PURE__ */ u(a, { status: m })]
 			})]
-		}), v && (typeof d == "string" ? /* @__PURE__ */ c(o, { children: d }) : d)]
+		}), S && (typeof p == "string" ? /* @__PURE__ */ u(o, { children: p }) : p)]
 	});
 }
 //#endregion
-export { u as GenericEventMessage };
+export { f as GenericEventMessage };
 
 //# sourceMappingURL=generic-event-message.js.map

package/dist/components/features/chat/generic-event-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic-event-message.js","names":[],"sources":["../../../../src/components/features/chat/generic-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { SuccessIndicator } from \"./success-indicator\";\nimport { ObservationResultStatus } from \"#/components/conversation-events/chat/event-content-helpers/get-observation-result\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\ninterface GenericEventMessageProps {\n  title: React.ReactNode;\n  details: string | React.ReactNode;\n  success?: ObservationResultStatus;\n  initiallyExpanded?: boolean;\n  /** Where to place the expand/collapse chevron relative to the title. */\n  chevronPosition?: \"before\" | \"after\";\n  /** Extra content rendered at the end of the title row (right side). */\n  titleTrailing?: React.ReactNode;\n  /** Optional icon rendered before the title text. */\n  titleIcon?: React.ReactNode;\n}\n\nexport function GenericEventMessage({\n  title,\n  details,\n  success,\n  initiallyExpanded = false,\n  chevronPosition = \"after\",\n  titleTrailing,\n  titleIcon,\n}: GenericEventMessageProps) {\n  const { t } = useTranslation(\"openhands\");\n  const [showDetails, setShowDetails] = React.useState(initiallyExpanded);\n\n  const chevron = details ? (\n    <button\n      type=\"button\"\n      onClick={() => setShowDetails((prev) => !prev)}\n      className=\"cursor-pointer text-left\"\n      aria-label={\n        showDetails ? t(I18nKey.BUTTON$COLLAPSE) : t(I18nKey.BUTTON$EXPAND)\n      }\n    >\n      {showDetails ? (\n        <ArrowUp\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      ) : (\n        <ArrowDown\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      )}\n    </button>\n  ) : null;\n\n  return (\n    <div className=\"flex flex-col gap-1.5 my-1 py-1 text-sm w-full\">\n      <div className=\"flex items-center justify-between font-normal text-[var(--oh-muted)]\">\n        <div className=\"flex items-center\">\n          {chevronPosition === \"before\" && chevron}\n          {titleIcon}\n          {/* Wrap the title in a span so any whitespace inside Trans-rendered\n              fragments (e.g. \"Editing <path>...</path>\") is preserved by\n              normal inline flow instead of being collapsed between\n              anonymous flex items. */}\n          <span>{title}</span>\n          {chevronPosition === \"after\" && chevron}\n        </div>\n\n        <div className=\"flex items-center\">\n          {titleTrailing}\n          {success && <SuccessIndicator status={success} />}\n        </div>\n      </div>\n\n      {showDetails &&\n        (typeof details === \"string\" ? (\n          <MarkdownRenderer>{details}</MarkdownRenderer>\n        ) : (\n          details\n        ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAuBA,SAAgB,EAAoB,EAClC,UACA,YACA,YACA,uBAAoB,IACpB,qBAAkB,SAClB,kBACA,gBAC2B;CAC3B,IAAM,EAAE,SAAM,EAAe,WAAW,GAClC,CAAC,GAAa,KAAkB,EAAM,SAAS,CAAiB,GAEhE,IAAU,IACd,kBAAC,UAAD;EACE,MAAK;EACL,eAAe,GAAgB,MAAS,CAAC,CAAI;EAC7C,WAAU;EACV,cACgB,EAAd,IAAgB,EAAQ,kBAAqB,EAAQ,aAAa;YAIlE,EADD,IACE,IAOA,GAPD,EACE,WAAW,EACT,yCACA,MAAoB,UAAU,SAAS,MACzC,EACD,CAOA;CAEG,CAAA,IACN;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACG,MAAoB,YAAY;KAChC;KAKD,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA;KAClB,MAAoB,WAAW;IAC7B;OAEL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GACA,KAAW,kBAAC,GAAD,EAAkB,QAAQ,EAAU,CAAA,CAC7C;KACF;MAEJ,MACE,OAAO,KAAY,WAClB,kBAAC,GAAD,EAAA,UAAmB,EAA0B,CAAA,IAE7C,EAED;;AAET"}
+{"version":3,"file":"generic-event-message.js","names":[],"sources":["../../../../src/components/features/chat/generic-event-message.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport ArrowDown from \"#/icons/angle-down-solid.svg?react\";\nimport ArrowUp from \"#/icons/angle-up-solid.svg?react\";\nimport { SuccessIndicator } from \"./success-indicator\";\nimport { ObservationResultStatus } from \"#/components/conversation-events/chat/event-content-helpers/get-observation-result\";\nimport { MarkdownRenderer } from \"../markdown/markdown-renderer\";\nimport { cn } from \"#/utils/utils\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { StyledTooltip } from \"#/components/shared/buttons/styled-tooltip\";\nimport { formatEventTimestamp } from \"#/utils/format-event-timestamp\";\n\ninterface GenericEventMessageProps {\n  title: React.ReactNode;\n  details: string | React.ReactNode;\n  success?: ObservationResultStatus;\n  initiallyExpanded?: boolean;\n  /** Where to place the expand/collapse chevron relative to the title. */\n  chevronPosition?: \"before\" | \"after\";\n  /** Extra content rendered at the end of the title row (right side). */\n  titleTrailing?: React.ReactNode;\n  /** Optional icon rendered before the title text. */\n  titleIcon?: React.ReactNode;\n  timestamp?: string;\n}\n\nexport function GenericEventMessage({\n  title,\n  details,\n  success,\n  initiallyExpanded = false,\n  chevronPosition = \"after\",\n  titleTrailing,\n  titleIcon,\n  timestamp,\n}: GenericEventMessageProps) {\n  const { t, i18n } = useTranslation(\"openhands\");\n  const [showDetails, setShowDetails] = React.useState(initiallyExpanded);\n  const [isHovered, setIsHovered] = React.useState(false);\n  const [hasFocusWithin, setHasFocusWithin] = React.useState(false);\n  const timestampLabel = formatEventTimestamp(timestamp, i18n?.language);\n\n  const chevron = details ? (\n    <button\n      type=\"button\"\n      onClick={(event) => {\n        setShowDetails((prev) => !prev);\n        if (event.detail > 0) {\n          setIsHovered(false);\n          event.currentTarget.blur();\n        }\n      }}\n      className=\"cursor-pointer text-left\"\n      aria-label={\n        showDetails ? t(I18nKey.BUTTON$COLLAPSE) : t(I18nKey.BUTTON$EXPAND)\n      }\n    >\n      {showDetails ? (\n        <ArrowUp\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      ) : (\n        <ArrowDown\n          className={cn(\n            \"h-4 w-4 inline fill-[var(--oh-muted)]\",\n            chevronPosition === \"after\" ? \"ml-2\" : \"mr-2\",\n          )}\n        />\n      )}\n    </button>\n  ) : null;\n\n  const titleContent = (\n    <div\n      data-testid=\"generic-event-message-title\"\n      className=\"flex items-center\"\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      onFocusCapture={() => setHasFocusWithin(true)}\n      onBlurCapture={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setHasFocusWithin(false);\n        }\n      }}\n    >\n      {chevronPosition === \"before\" && chevron}\n      {titleIcon}\n      {/* Wrap the title in a span so any whitespace inside Trans-rendered\n          fragments (e.g. \"Editing <path>...</path>\") is preserved by\n          normal inline flow instead of being collapsed between\n          anonymous flex items. */}\n      <span>{title}</span>\n      {chevronPosition === \"after\" && chevron}\n    </div>\n  );\n\n  const titleContentWithTimestamp = timestampLabel ? (\n    <StyledTooltip\n      content={<time dateTime={timestamp}>{timestampLabel}</time>}\n      placement=\"top\"\n      isOpen={isHovered || hasFocusWithin}\n    >\n      {titleContent}\n    </StyledTooltip>\n  ) : (\n    titleContent\n  );\n\n  const titleRow = (\n    <div className=\"flex items-center justify-between font-normal text-[var(--oh-muted)]\">\n      {titleContentWithTimestamp}\n      <div className=\"flex items-center\">\n        {titleTrailing}\n        {success && <SuccessIndicator status={success} />}\n      </div>\n    </div>\n  );\n\n  return (\n    <div className=\"flex flex-col gap-1.5 my-1 py-1 text-sm w-full\">\n      {titleRow}\n      {showDetails &&\n        (typeof details === \"string\" ? (\n          <MarkdownRenderer>{details}</MarkdownRenderer>\n        ) : (\n          details\n        ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AA0BA,SAAgB,EAAoB,EAClC,UACA,YACA,YACA,uBAAoB,IACpB,qBAAkB,SAClB,kBACA,cACA,gBAC2B;CAC3B,IAAM,EAAE,MAAG,YAAS,EAAe,WAAW,GACxC,CAAC,GAAa,KAAkB,EAAM,SAAS,CAAiB,GAChE,CAAC,GAAW,KAAgB,EAAM,SAAS,EAAK,GAChD,CAAC,GAAgB,KAAqB,EAAM,SAAS,EAAK,GAC1D,IAAiB,EAAqB,GAAW,GAAM,QAAQ,GAE/D,IAAU,IACd,kBAAC,UAAD;EACE,MAAK;EACL,UAAU,MAAU;GAElB,AADA,GAAgB,MAAS,CAAC,CAAI,GAC1B,EAAM,SAAS,MACjB,EAAa,EAAK,GAClB,EAAM,cAAc,KAAK;EAE7B;EACA,WAAU;EACV,cACgB,EAAd,IAAgB,EAAQ,kBAAqB,EAAQ,aAAa;YAIlE,EADD,IACE,IAOA,GAPD,EACE,WAAW,EACT,yCACA,MAAoB,UAAU,SAAS,MACzC,EACD,CAOA;CAEG,CAAA,IACN,MAEE,IACJ,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EACV,oBAAoB,EAAa,EAAI;EACrC,oBAAoB,EAAa,EAAK;EACtC,sBAAsB,EAAkB,EAAI;EAC5C,gBAAgB,MAAU;GACxB,AAAK,EAAM,cAAc,SAAS,EAAM,aAAa,KACnD,EAAkB,EAAK;EAE3B;YAVF;GAYG,MAAoB,YAAY;GAChC;GAKD,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA;GAClB,MAAoB,WAAW;EAC7B;;CAyBP,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CAVA,kBAAC,OAAD;GAAK,WAAU;aAAf,CAbgC,IAChC,kBAAC,GAAD;IACE,SAAS,kBAAC,QAAD;KAAM,UAAU;eAAY;IAAqB,CAAA;IAC1D,WAAU;IACV,QAAQ,KAAa;cAEpB;GACY,CAAA,IAEf,GAME,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GACA,KAAW,kBAAC,GAAD,EAAkB,QAAQ,EAAU,CAAA,CAC7C;KACF;GAKF,GACA,MACE,OAAO,KAAY,WAClB,kBAAC,GAAD,EAAA,UAAmB,EAA0B,CAAA,IAE7C,EAED;;AAET"}

package/dist/components/features/chat/interactive-chat-box.cjs

@@ -1,2 +1,2 @@
-require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../types/agent-state.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../hooks/use-conversation-id.cjs"),r=require("../../../stores/conversation-store.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("./utils/chat-input.utils.cjs"),s=require("../../../hooks/query/use-sub-conversation-task-polling.cjs"),c=require("./custom-chat-input.cjs"),l=require("../../../hooks/chat/use-btw-interceptor.cjs"),u=require("../../../hooks/chat/use-goal-interceptor.cjs"),d=require("../../../hooks/chat/use-model-interceptor.cjs"),f=require("../../../hooks/chat/use-chat-attachment-upload.cjs"),p=require("./git-control-bar.cjs");let m=require("react/jsx-runtime");function h({onSubmit:h,disabled:g=!1,hasStartedConversation:_}){let{images:v,files:y,imagesMarkedUploadAsFile:b,clearAllFiles:x,subConversationTaskId:S}=r.useConversationStore(),{curAgentState:C}=a.useAgentState(),{data:w}=i.useActiveConversation(),{conversationId:T}=n.useOptionalConversationId(),E=T??w?.id??null,{taskStatus:D}=s.useSubConversationTaskPolling(S,w?.id||null),{handleUpload:O}=f.useChatAttachmentUpload(),k=d.useModelInterceptor(E,u.useGoalInterceptor(E,l.useBtwInterceptor(E,e=>{let{imagesToEmbed:t,imagesAsFiles:n}=o.partitionImagesForUpload(v,b);h(e,t,[...y,...n]),x()})));return(0,m.jsxs)(`div`,{"data-testid":`interactive-chat-box`,children:[(0,m.jsx)(c.CustomChatInput,{disabled:g||C===e.AgentState.AWAITING_USER_CONFIRMATION||t.isTaskPolling(D),isNewConversationPending:g,hasStartedConversation:_,onSubmit:k,onFilesPaste:O}),(0,m.jsx)(`div`,{className:`mt-3 pb-3`,children:(0,m.jsx)(p.GitControlBar,{onSuggestionsClick:e=>{k(e)}})})]})}exports.InteractiveChatBox=h;
+require("../../../_virtual/_rolldown/runtime.cjs");const e=require("../../../types/agent-state.cjs"),t=require("../../../utils/utils.cjs"),n=require("../../../hooks/use-conversation-id.cjs"),r=require("../../../stores/conversation-store.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/use-agent-state.cjs"),o=require("./utils/chat-input.utils.cjs"),s=require("../../../hooks/query/use-sub-conversation-task-polling.cjs"),c=require("./custom-chat-input.cjs"),l=require("../../../hooks/chat/use-btw-interceptor.cjs"),u=require("../../../hooks/chat/use-goal-interceptor.cjs"),d=require("../../../hooks/chat/use-model-interceptor.cjs"),f=require("../../../hooks/chat/use-plan-mode-interceptor.cjs"),p=require("../../../hooks/chat/use-chat-attachment-upload.cjs"),m=require("./git-control-bar.cjs");let h=require("react/jsx-runtime");function g({onSubmit:g,disabled:_=!1,hasStartedConversation:v}){let{images:y,files:b,imagesMarkedUploadAsFile:x,clearAllFiles:S,subConversationTaskId:C}=r.useConversationStore(),{curAgentState:w}=a.useAgentState(),{data:T}=i.useActiveConversation(),{conversationId:E}=n.useOptionalConversationId(),D=E??T?.id??null,{taskStatus:O}=s.useSubConversationTaskPolling(C,T?.id||null),{handleUpload:k}=p.useChatAttachmentUpload(),A=d.useModelInterceptor(D,u.useGoalInterceptor(D,f.usePlanModeInterceptor(D,w,l.useBtwInterceptor(D,e=>{let{imagesToEmbed:t,imagesAsFiles:n}=o.partitionImagesForUpload(y,x);g(e,t,[...b,...n]),S()}))));return(0,h.jsxs)(`div`,{"data-testid":`interactive-chat-box`,children:[(0,h.jsx)(c.CustomChatInput,{disabled:_||w===e.AgentState.AWAITING_USER_CONFIRMATION||t.isTaskPolling(O),isNewConversationPending:_,hasStartedConversation:v,onSubmit:A,onFilesPaste:k}),(0,h.jsx)(`div`,{className:`mt-3 pb-3`,children:(0,h.jsx)(m.GitControlBar,{onSuggestionsClick:e=>{A(e)}})})]})}exports.InteractiveChatBox=g;
 //# sourceMappingURL=interactive-chat-box.cjs.map

package/dist/components/features/chat/interactive-chat-box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-chat-box.cjs","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterModel = useGoalInterceptor(conversationId, handleAfterGoal);\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"4yBAqBA,SAAgB,EAAmB,CACjC,WACA,WAAW,GACX,0BAC0B,CAC1B,GAAM,CACJ,SACA,QACA,2BACA,gBACA,yBACE,EAAA,qBAAqB,EACnB,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,eAAgB,GAAwB,EAAA,0BAA0B,EACpE,EAAiB,GAAuB,GAAc,IAAM,KAE5D,CAAE,WAAY,GAClB,EAAA,8BACE,EACA,GAAc,IAAM,IACtB,EAEI,CAAE,gBAAiB,EAAA,wBAAwB,EAW3C,EAAe,EAAA,oBAAoB,EADhB,EAAA,mBAAmB,EARpB,EAAA,kBAAkB,EAAiB,GAAY,CACrE,GAAM,CAAE,gBAAe,iBAAkB,EAAA,yBACvC,EACA,CACF,EACA,EAAS,EAAS,EAAe,CAAC,GAAG,EAAO,GAAG,CAAa,CAAC,EAC7D,EAAc,CAChB,CAC4D,CACH,CAAgB,EAWzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gCAAjB,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAPJ,GACA,IAAkB,EAAA,WAAW,4BAC7B,EAAA,cAAc,CAAyB,EAMnC,yBAA0B,EACF,yBACxB,SAAU,EACV,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,mBAnBW,GAAuB,CACrD,EAAa,CAAU,CACzB,CAiBkE,CAAA,CACzD,CAAA,CACF,GAET"}
+{"version":3,"file":"interactive-chat-box.cjs","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { usePlanModeInterceptor } from \"#/hooks/chat/use-plan-mode-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterPlanMode = usePlanModeInterceptor(\n    conversationId,\n    curAgentState,\n    handleAfterGoal,\n  );\n  const handleAfterModel = useGoalInterceptor(\n    conversationId,\n    handleAfterPlanMode,\n  );\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"22BAsBA,SAAgB,EAAmB,CACjC,WACA,WAAW,GACX,0BAC0B,CAC1B,GAAM,CACJ,SACA,QACA,2BACA,gBACA,yBACE,EAAA,qBAAqB,EACnB,CAAE,iBAAkB,EAAA,cAAc,EAClC,CAAE,KAAM,GAAiB,EAAA,sBAAsB,EAC/C,CAAE,eAAgB,GAAwB,EAAA,0BAA0B,EACpE,EAAiB,GAAuB,GAAc,IAAM,KAE5D,CAAE,WAAY,GAClB,EAAA,8BACE,EACA,GAAc,IAAM,IACtB,EAEI,CAAE,gBAAiB,EAAA,wBAAwB,EAmB3C,EAAe,EAAA,oBAAoB,EAJhB,EAAA,mBACvB,EAN0B,EAAA,uBAC1B,EACA,EAVsB,EAAA,kBAAkB,EAAiB,GAAY,CACrE,GAAM,CAAE,gBAAe,iBAAkB,EAAA,yBACvC,EACA,CACF,EACA,EAAS,EAAS,EAAe,CAAC,GAAG,EAAO,GAAG,CAAa,CAAC,EAC7D,EAAc,CAChB,CAIE,CAIA,CAEuD,CAAgB,EAWzE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,cAAY,gCAAjB,EACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,SAPJ,GACA,IAAkB,EAAA,WAAW,4BAC7B,EAAA,cAAc,CAAyB,EAMnC,yBAA0B,EACF,yBACxB,SAAU,EACV,aAAc,CACf,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,sBACb,EAAA,EAAA,KAAC,EAAA,cAAD,CAAe,mBAnBW,GAAuB,CACrD,EAAa,CAAU,CACzB,CAiBkE,CAAA,CACzD,CAAA,CACF,GAET"}

package/dist/components/features/chat/interactive-chat-box.js

@@ -10,32 +10,33 @@ import { CustomChatInput as c } from "./custom-chat-input.js";
 import { useBtwInterceptor as l } from "../../../hooks/chat/use-btw-interceptor.js";
 import { useGoalInterceptor as u } from "../../../hooks/chat/use-goal-interceptor.js";
 import { useModelInterceptor as d } from "../../../hooks/chat/use-model-interceptor.js";
-import { useChatAttachmentUpload as f } from "../../../hooks/chat/use-chat-attachment-upload.js";
-import { GitControlBar as p } from "./git-control-bar.js";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { usePlanModeInterceptor as f } from "../../../hooks/chat/use-plan-mode-interceptor.js";
+import { useChatAttachmentUpload as p } from "../../../hooks/chat/use-chat-attachment-upload.js";
+import { GitControlBar as m } from "./git-control-bar.js";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/features/chat/interactive-chat-box.tsx
-function g({ onSubmit: g, disabled: _ = !1, hasStartedConversation: v }) {
-	let { images: y, files: b, imagesMarkedUploadAsFile: x, clearAllFiles: S, subConversationTaskId: C } = r(), { curAgentState: w } = a(), { data: T } = i(), { conversationId: E } = n(), D = E ?? T?.id ?? null, { taskStatus: O } = s(C, T?.id || null), { handleUpload: k } = f(), A = d(D, u(D, l(D, (e) => {
-		let { imagesToEmbed: t, imagesAsFiles: n } = o(y, x);
-		g(e, t, [...b, ...n]), S();
-	})));
-	return /* @__PURE__ */ h("div", {
+function _({ onSubmit: _, disabled: v = !1, hasStartedConversation: y }) {
+	let { images: b, files: x, imagesMarkedUploadAsFile: S, clearAllFiles: C, subConversationTaskId: w } = r(), { curAgentState: T } = a(), { data: E } = i(), { conversationId: D } = n(), O = D ?? E?.id ?? null, { taskStatus: k } = s(w, E?.id || null), { handleUpload: A } = p(), j = d(O, u(O, f(O, T, l(O, (e) => {
+		let { imagesToEmbed: t, imagesAsFiles: n } = o(b, S);
+		_(e, t, [...x, ...n]), C();
+	}))));
+	return /* @__PURE__ */ g("div", {
 		"data-testid": "interactive-chat-box",
-		children: [/* @__PURE__ */ m(c, {
-			disabled: _ || w === e.AWAITING_USER_CONFIRMATION || t(O),
-			isNewConversationPending: _,
-			hasStartedConversation: v,
-			onSubmit: A,
-			onFilesPaste: k
-		}), /* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h(c, {
+			disabled: v || T === e.AWAITING_USER_CONFIRMATION || t(k),
+			isNewConversationPending: v,
+			hasStartedConversation: y,
+			onSubmit: j,
+			onFilesPaste: A
+		}), /* @__PURE__ */ h("div", {
 			className: "mt-3 pb-3",
-			children: /* @__PURE__ */ m(p, { onSuggestionsClick: (e) => {
-				A(e);
+			children: /* @__PURE__ */ h(m, { onSuggestionsClick: (e) => {
+				j(e);
 			} })
 		})]
 	});
 }
 //#endregion
-export { g as InteractiveChatBox };
+export { _ as InteractiveChatBox };
 
 //# sourceMappingURL=interactive-chat-box.js.map

package/dist/components/features/chat/interactive-chat-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"interactive-chat-box.js","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterModel = useGoalInterceptor(conversationId, handleAfterGoal);\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,SAAgB,EAAmB,EACjC,aACA,cAAW,IACX,6BAC0B;CAC1B,IAAM,EACJ,WACA,UACA,6BACA,kBACA,6BACE,EAAqB,GACnB,EAAE,qBAAkB,EAAc,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,gBAAgB,MAAwB,EAA0B,GACpE,IAAiB,KAAuB,GAAc,MAAM,MAE5D,EAAE,YAAY,MAClB,EACE,GACA,GAAc,MAAM,IACtB,GAEI,EAAE,oBAAiB,EAAwB,GAW3C,IAAe,EAAoB,GADhB,EAAmB,GARpB,EAAkB,IAAiB,MAAY;EACrE,IAAM,EAAE,kBAAe,qBAAkB,EACvC,GACA,CACF;EAEA,AADA,EAAS,GAAS,GAAe,CAAC,GAAG,GAAO,GAAG,CAAa,CAAC,GAC7D,EAAc;CAChB,CAC4D,CACH,CAAgB;CAWzE,OACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,GAAD;GACE,UAPJ,KACA,MAAkB,EAAW,8BAC7B,EAAc,CAAyB;GAMnC,0BAA0B;GACF;GACxB,UAAU;GACV,cAAc;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAe,qBAnBW,MAAuB;IACrD,EAAa,CAAU;GACzB,EAiBkE,CAAA;EACzD,CAAA,CACF;;AAET"}
+{"version":3,"file":"interactive-chat-box.js","names":[],"sources":["../../../../src/components/features/chat/interactive-chat-box.tsx"],"sourcesContent":["import { CustomChatInput } from \"./custom-chat-input\";\nimport { useBtwInterceptor } from \"#/hooks/chat/use-btw-interceptor\";\nimport { useGoalInterceptor } from \"#/hooks/chat/use-goal-interceptor\";\nimport { useModelInterceptor } from \"#/hooks/chat/use-model-interceptor\";\nimport { usePlanModeInterceptor } from \"#/hooks/chat/use-plan-mode-interceptor\";\nimport { useChatAttachmentUpload } from \"#/hooks/chat/use-chat-attachment-upload\";\nimport { AgentState } from \"#/types/agent-state\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { GitControlBar } from \"./git-control-bar\";\nimport { useConversationStore } from \"#/stores/conversation-store\";\nimport { useAgentState } from \"#/hooks/use-agent-state\";\nimport { useSubConversationTaskPolling } from \"#/hooks/query/use-sub-conversation-task-polling\";\nimport { partitionImagesForUpload } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { isTaskPolling } from \"#/utils/utils\";\n\ninterface InteractiveChatBoxProps {\n  onSubmit: (message: string, images: File[], files: File[]) => void;\n  disabled?: boolean;\n  hasStartedConversation?: boolean;\n}\n\nexport function InteractiveChatBox({\n  onSubmit,\n  disabled = false,\n  hasStartedConversation,\n}: InteractiveChatBoxProps) {\n  const {\n    images,\n    files,\n    imagesMarkedUploadAsFile,\n    clearAllFiles,\n    subConversationTaskId,\n  } = useConversationStore();\n  const { curAgentState } = useAgentState();\n  const { data: conversation } = useActiveConversation();\n  const { conversationId: routeConversationId } = useOptionalConversationId();\n  const conversationId = routeConversationId ?? conversation?.id ?? null;\n\n  const { taskStatus: subConversationTaskStatus } =\n    useSubConversationTaskPolling(\n      subConversationTaskId,\n      conversation?.id || null,\n    );\n\n  const { handleUpload } = useChatAttachmentUpload();\n\n  const handleAfterGoal = useBtwInterceptor(conversationId, (message) => {\n    const { imagesToEmbed, imagesAsFiles } = partitionImagesForUpload(\n      images,\n      imagesMarkedUploadAsFile,\n    );\n    onSubmit(message, imagesToEmbed, [...files, ...imagesAsFiles]);\n    clearAllFiles();\n  });\n  const handleAfterPlanMode = usePlanModeInterceptor(\n    conversationId,\n    curAgentState,\n    handleAfterGoal,\n  );\n  const handleAfterModel = useGoalInterceptor(\n    conversationId,\n    handleAfterPlanMode,\n  );\n  const handleSubmit = useModelInterceptor(conversationId, handleAfterModel);\n\n  const handleSuggestionsClick = (suggestion: string) => {\n    handleSubmit(suggestion);\n  };\n\n  const isDisabled =\n    disabled ||\n    curAgentState === AgentState.AWAITING_USER_CONFIRMATION ||\n    isTaskPolling(subConversationTaskStatus);\n\n  return (\n    <div data-testid=\"interactive-chat-box\">\n      <CustomChatInput\n        disabled={isDisabled}\n        isNewConversationPending={disabled}\n        hasStartedConversation={hasStartedConversation}\n        onSubmit={handleSubmit}\n        onFilesPaste={handleUpload}\n      />\n      <div className=\"mt-3 pb-3\">\n        <GitControlBar onSuggestionsClick={handleSuggestionsClick} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,EAAmB,EACjC,aACA,cAAW,IACX,6BAC0B;CAC1B,IAAM,EACJ,WACA,UACA,6BACA,kBACA,6BACE,EAAqB,GACnB,EAAE,qBAAkB,EAAc,GAClC,EAAE,MAAM,MAAiB,EAAsB,GAC/C,EAAE,gBAAgB,MAAwB,EAA0B,GACpE,IAAiB,KAAuB,GAAc,MAAM,MAE5D,EAAE,YAAY,MAClB,EACE,GACA,GAAc,MAAM,IACtB,GAEI,EAAE,oBAAiB,EAAwB,GAmB3C,IAAe,EAAoB,GAJhB,EACvB,GAN0B,EAC1B,GACA,GAVsB,EAAkB,IAAiB,MAAY;EACrE,IAAM,EAAE,kBAAe,qBAAkB,EACvC,GACA,CACF;EAEA,AADA,EAAS,GAAS,GAAe,CAAC,GAAG,GAAO,GAAG,CAAa,CAAC,GAC7D,EAAc;CAChB,CAIE,CAIA,CAEuD,CAAgB;CAWzE,OACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,GAAD;GACE,UAPJ,KACA,MAAkB,EAAW,8BAC7B,EAAc,CAAyB;GAMnC,0BAA0B;GACF;GACxB,UAAU;GACV,cAAc;EACf,CAAA,GACD,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAe,qBAnBW,MAAuB;IACrD,EAAa,CAAU;GACzB,EAiBkE,CAAA;EACzD,CAAA,CACF;;AAET"}

package/dist/components/features/chat/model-messages.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../stores/model-store.cjs"),o=require("./generic-event-message.cjs"),s=require("../../../icons/info-circle.cjs"),c=require("../../../utils/format-model-name.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d({profile:e}){let[t,n]=l.default.useState(!1),a=c.formatModelNameForDisplay(e.model);return(0,u.jsxs)(`div`,{className:`border border-neutral-700 rounded-md overflow-hidden`,children:[(0,u.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),"aria-expanded":t,"aria-label":`Toggle details for ${e.name}`,className:`w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer`,children:[(0,u.jsx)(`span`,{className:`text-neutral-300`,children:t?(0,u.jsx)(r.ChevronDown,{size:14}):(0,u.jsx)(i.ChevronRight,{size:14})}),(0,u.jsx)(`span`,{className:`font-normal text-neutral-200 text-sm`,children:e.name})]}),t&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`hr`,{className:`border-neutral-700`}),(0,u.jsx)(`div`,{className:`px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap`,children:`model:    ${a??`—`}\nbase_url: ${e.base_url??`—`}\napi_key:  ${e.api_key_set?`set`:`not set`}`})]})]})}function f({conversationId:e,anchorEventId:r}){let i=a.useModelStore(e=>e.entriesByConversation),c=(e?i[e]??[]:[]).filter(e=>e.anchorEventId===r);return!e||c.length===0?null:(0,u.jsx)(`div`,{"data-testid":`model-messages`,className:`flex flex-col w-full`,children:c.map(e=>{if(e.switchedTo)return(0,u.jsx)(o.GenericEventMessage,{title:(0,u.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,u.jsx)(s.default,{width:14,height:14,className:`shrink-0 text-neutral-400`,"aria-hidden":!0}),(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$SWITCHED_TO_PROFILE,values:{name:e.switchedTo},components:{cmd:(0,u.jsx)(`span`,{className:`font-mono text-neutral-200 bg-neutral-800 px-1 rounded`})}})]}),details:``},e.id);let r=e.profiles.length===0;return(0,u.jsx)(o.GenericEventMessage,{title:(0,u.jsx)(`span`,{children:r?(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_SAVED_PROFILES}):(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$AVAILABLE_PROFILES,values:{count:e.profiles.length}})}),details:r?(0,u.jsx)(`span`,{className:`text-neutral-300 text-sm px-2 py-1 block`,children:(0,u.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_PROFILES_HINT})}):(0,u.jsx)(`div`,{className:`flex flex-col gap-1 mt-1`,children:e.profiles.map(e=>(0,u.jsx)(d,{profile:e},e.name))}),initiallyExpanded:r},e.id)})})}exports.ModelMessages=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/Trans.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-down.cjs"),i=require("../../../node_modules/lucide-react/dist/esm/icons/chevron-right.cjs"),a=require("../../../stores/model-store.cjs"),o=require("./generic-event-message.cjs"),s=require("../../../icons/info-circle.cjs"),c=require("../../../hooks/query/use-free-models.cjs"),l=require("../../../utils/format-model-name.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime");function f({profile:e}){let[t,n]=u.default.useState(!1),a=c.useFreeModels(),o=l.formatModelNameForDisplay(e.model,a);return(0,d.jsxs)(`div`,{className:`border border-neutral-700 rounded-md overflow-hidden`,children:[(0,d.jsxs)(`button`,{type:`button`,onClick:()=>n(e=>!e),"aria-expanded":t,"aria-label":`Toggle details for ${e.name}`,className:`w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer`,children:[(0,d.jsx)(`span`,{className:`text-neutral-300`,children:t?(0,d.jsx)(r.ChevronDown,{size:14}):(0,d.jsx)(i.ChevronRight,{size:14})}),(0,d.jsx)(`span`,{className:`font-normal text-neutral-200 text-sm`,children:e.name})]}),t&&(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`hr`,{className:`border-neutral-700`}),(0,d.jsx)(`div`,{className:`px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap`,children:`model:    ${o??`—`}\nbase_url: ${e.base_url??`—`}\napi_key:  ${e.api_key_set?`set`:`not set`}`})]})]})}function p({conversationId:e,anchorEventId:r}){let i=a.useModelStore(e=>e.entriesByConversation),c=(e?i[e]??[]:[]).filter(e=>e.anchorEventId===r);return!e||c.length===0?null:(0,d.jsx)(`div`,{"data-testid":`model-messages`,className:`flex flex-col w-full`,children:c.map(e=>{if(e.switchedTo)return(0,d.jsx)(o.GenericEventMessage,{title:(0,d.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,d.jsx)(s.default,{width:14,height:14,className:`shrink-0 text-neutral-400`,"aria-hidden":!0}),(0,d.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$SWITCHED_TO_PROFILE,values:{name:e.switchedTo},components:{cmd:(0,d.jsx)(`span`,{className:`font-mono text-neutral-200 bg-neutral-800 px-1 rounded`})}})]}),details:``},e.id);let r=e.profiles.length===0;return(0,d.jsx)(o.GenericEventMessage,{title:(0,d.jsx)(`span`,{children:r?(0,d.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_SAVED_PROFILES}):(0,d.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$AVAILABLE_PROFILES,values:{count:e.profiles.length}})}),details:r?(0,d.jsx)(`span`,{className:`text-neutral-300 text-sm px-2 py-1 block`,children:(0,d.jsx)(t.Trans,{i18nKey:n.I18nKey.MODEL$NO_PROFILES_HINT})}):(0,d.jsx)(`div`,{className:`flex flex-col gap-1 mt-1`,children:e.profiles.map(e=>(0,d.jsx)(f,{profile:e},e.name))}),initiallyExpanded:r},e.id)})})}exports.ModelMessages=p;
 //# sourceMappingURL=model-messages.cjs.map

package/dist/components/features/chat/model-messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"model-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n  const displayModel = formatModelNameForDisplay(profile.model);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${displayModel ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"ykBAcA,SAAS,EAAW,CAAE,WAA4B,CAChD,GAAM,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,EAAe,EAAA,0BAA0B,EAAQ,KAAK,EAE5D,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gEAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAa,GAAM,CAAC,CAAC,EACpC,gBAAe,EACf,aAAY,sBAAsB,EAAQ,OAC1C,UAAU,sHALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BACb,GAAW,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,EAAK,CAAA,GAAI,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,EAAK,CAAA,CAC7D,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDACb,EAAQ,IACL,CAAA,CACA,IACP,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,oBAAsB,CAAA,GACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4EACZ,aAAa,GAAgB,IAAI,cACnB,EAAQ,UAAY,IAAI,cAExB,EAAQ,YAAc,MAAQ,WAC1C,CAAA,CACL,CAAA,CAAA,CAED,GAET,CAWA,SAAgB,EAAc,CAC5B,iBACA,iBACqB,CACrB,IAAM,EAAc,EAAA,cAAe,GAAM,EAAE,qBAAqB,EAE1D,GADa,EAAkB,EAAY,IAAmB,CAAC,EAAK,CAAC,GAChD,OAAQ,GAAM,EAAE,gBAAkB,CAAa,EAI1E,MAFI,CAAC,GAAkB,EAAQ,SAAW,EAAU,MAGlD,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,iBAAiB,UAAU,gCACzC,EAAQ,IAAK,GAAU,CACtB,GAAI,EAAM,WACR,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4CAAhB,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,GACP,OAAQ,GACR,UAAU,4BACV,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,0BACjB,OAAQ,CAAE,KAAM,EAAM,UAAW,EACjC,WAAY,CACV,KACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAA0D,CAAA,CAE9E,CACD,CAAA,CACG,IAER,QAAQ,EACT,EArBM,EAAM,EAqBZ,EAIL,IAAM,EAAU,EAAM,SAAS,SAAW,EAC1C,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,uBAA0B,CAAA,GAElD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,yBACjB,OAAQ,CAAE,MAAO,EAAM,SAAS,MAAO,CACxC,CAAA,CAEC,CAAA,EAER,QACE,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACd,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,sBAAyB,CAAA,CAC7C,CAAA,GAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACZ,EAAM,SAAS,IAAK,IACnB,EAAA,EAAA,KAAC,EAAD,CAAyB,QAAS,CAAI,EAArB,EAAE,IAAmB,CACvC,CACE,CAAA,EAGT,kBAAmB,CACpB,EA3BM,EAAM,EA2BZ,CAEL,CAAC,CACE,CAAA,CAET"}
+{"version":3,"file":"model-messages.cjs","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { useFreeModels } from \"#/hooks/query/use-free-models\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n  const freeModels = useFreeModels();\n  const displayModel = formatModelNameForDisplay(profile.model, freeModels);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${displayModel ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"+nBAeA,SAAS,EAAW,CAAE,WAA4B,CAChD,GAAM,CAAC,EAAU,GAAe,EAAA,QAAM,SAAS,EAAK,EAC9C,EAAa,EAAA,cAAc,EAC3B,EAAe,EAAA,0BAA0B,EAAQ,MAAO,CAAU,EAExE,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gEAAf,EACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,SACL,YAAe,EAAa,GAAM,CAAC,CAAC,EACpC,gBAAe,EACf,aAAY,sBAAsB,EAAQ,OAC1C,UAAU,sHALZ,EAOE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BACb,GAAW,EAAA,EAAA,KAAC,EAAA,YAAD,CAAa,KAAM,EAAK,CAAA,GAAI,EAAA,EAAA,KAAC,EAAA,aAAD,CAAc,KAAM,EAAK,CAAA,CAC7D,CAAA,GACN,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,gDACb,EAAQ,IACL,CAAA,CACA,IACP,IACC,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,KAAD,CAAI,UAAU,oBAAsB,CAAA,GACpC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,4EACZ,aAAa,GAAgB,IAAI,cACnB,EAAQ,UAAY,IAAI,cAExB,EAAQ,YAAc,MAAQ,WAC1C,CAAA,CACL,CAAA,CAAA,CAED,GAET,CAWA,SAAgB,EAAc,CAC5B,iBACA,iBACqB,CACrB,IAAM,EAAc,EAAA,cAAe,GAAM,EAAE,qBAAqB,EAE1D,GADa,EAAkB,EAAY,IAAmB,CAAC,EAAK,CAAC,GAChD,OAAQ,GAAM,EAAE,gBAAkB,CAAa,EAI1E,MAFI,CAAC,GAAkB,EAAQ,SAAW,EAAU,MAGlD,EAAA,EAAA,KAAC,MAAD,CAAK,cAAY,iBAAiB,UAAU,gCACzC,EAAQ,IAAK,GAAU,CACtB,GAAI,EAAM,WACR,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,4CAAhB,EACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,MAAO,GACP,OAAQ,GACR,UAAU,4BACV,cAAA,EACD,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,0BACjB,OAAQ,CAAE,KAAM,EAAM,UAAW,EACjC,WAAY,CACV,KACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,wDAA0D,CAAA,CAE9E,CACD,CAAA,CACG,IAER,QAAQ,EACT,EArBM,EAAM,EAqBZ,EAIL,IAAM,EAAU,EAAM,SAAS,SAAW,EAC1C,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAEE,OACE,EAAA,EAAA,KAAC,OAAD,CAAA,SACG,GACC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,uBAA0B,CAAA,GAElD,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,QAAS,EAAA,QAAQ,yBACjB,OAAQ,CAAE,MAAO,EAAM,SAAS,MAAO,CACxC,CAAA,CAEC,CAAA,EAER,QACE,GACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,qDACd,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAA,QAAQ,sBAAyB,CAAA,CAC7C,CAAA,GAEN,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oCACZ,EAAM,SAAS,IAAK,IACnB,EAAA,EAAA,KAAC,EAAD,CAAyB,QAAS,CAAI,EAArB,EAAE,IAAmB,CACvC,CACE,CAAA,EAGT,kBAAmB,CACpB,EA3BM,EAAM,EA2BZ,CAEL,CAAC,CACE,CAAA,CAET"}

package/dist/components/features/chat/model-messages.js

@@ -5,67 +5,68 @@ import { ChevronRight as r } from "../../../node_modules/lucide-react/dist/esm/i
 import { useModelStore as i } from "../../../stores/model-store.js";
 import { GenericEventMessage as a } from "./generic-event-message.js";
 import o from "../../../icons/info-circle.js";
-import { formatModelNameForDisplay as s } from "../../../utils/format-model-name.js";
-import c from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useFreeModels as s } from "../../../hooks/query/use-free-models.js";
+import { formatModelNameForDisplay as c } from "../../../utils/format-model-name.js";
+import l from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/features/chat/model-messages.tsx
-function f({ profile: e }) {
-	let [t, i] = c.useState(!1), a = s(e.model);
-	return /* @__PURE__ */ d("div", {
+function p({ profile: e }) {
+	let [t, i] = l.useState(!1), a = s(), o = c(e.model, a);
+	return /* @__PURE__ */ f("div", {
 		className: "border border-neutral-700 rounded-md overflow-hidden",
-		children: [/* @__PURE__ */ d("button", {
+		children: [/* @__PURE__ */ f("button", {
 			type: "button",
 			onClick: () => i((e) => !e),
 			"aria-expanded": t,
 			"aria-label": `Toggle details for ${e.name}`,
 			className: "w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer",
-			children: [/* @__PURE__ */ u("span", {
+			children: [/* @__PURE__ */ d("span", {
 				className: "text-neutral-300",
-				children: u(t ? n : r, { size: 14 })
-			}), /* @__PURE__ */ u("span", {
+				children: d(t ? n : r, { size: 14 })
+			}), /* @__PURE__ */ d("span", {
 				className: "font-normal text-neutral-200 text-sm",
 				children: e.name
 			})]
-		}), t && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("hr", { className: "border-neutral-700" }), /* @__PURE__ */ u("div", {
+		}), t && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("hr", { className: "border-neutral-700" }), /* @__PURE__ */ d("div", {
 			className: "px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap",
-			children: `model:    ${a ?? "—"}\nbase_url: ${e.base_url ?? "—"}\napi_key:  ${e.api_key_set ? "set" : "not set"}`
+			children: `model:    ${o ?? "—"}\nbase_url: ${e.base_url ?? "—"}\napi_key:  ${e.api_key_set ? "set" : "not set"}`
 		})] })]
 	});
 }
-function p({ conversationId: n, anchorEventId: r }) {
+function m({ conversationId: n, anchorEventId: r }) {
 	let s = i((e) => e.entriesByConversation), c = (n ? s[n] ?? [] : []).filter((e) => e.anchorEventId === r);
-	return !n || c.length === 0 ? null : /* @__PURE__ */ u("div", {
+	return !n || c.length === 0 ? null : /* @__PURE__ */ d("div", {
 		"data-testid": "model-messages",
 		className: "flex flex-col w-full",
 		children: c.map((n) => {
-			if (n.switchedTo) return /* @__PURE__ */ u(a, {
-				title: /* @__PURE__ */ d("span", {
+			if (n.switchedTo) return /* @__PURE__ */ d(a, {
+				title: /* @__PURE__ */ f("span", {
 					className: "inline-flex items-center gap-1.5",
-					children: [/* @__PURE__ */ u(o, {
+					children: [/* @__PURE__ */ d(o, {
 						width: 14,
 						height: 14,
 						className: "shrink-0 text-neutral-400",
 						"aria-hidden": !0
-					}), /* @__PURE__ */ u(e, {
+					}), /* @__PURE__ */ d(e, {
 						i18nKey: t.MODEL$SWITCHED_TO_PROFILE,
 						values: { name: n.switchedTo },
-						components: { cmd: /* @__PURE__ */ u("span", { className: "font-mono text-neutral-200 bg-neutral-800 px-1 rounded" }) }
+						components: { cmd: /* @__PURE__ */ d("span", { className: "font-mono text-neutral-200 bg-neutral-800 px-1 rounded" }) }
 					})]
 				}),
 				details: ""
 			}, n.id);
 			let r = n.profiles.length === 0;
-			return /* @__PURE__ */ u(a, {
-				title: /* @__PURE__ */ u("span", { children: r ? /* @__PURE__ */ u(e, { i18nKey: t.MODEL$NO_SAVED_PROFILES }) : /* @__PURE__ */ u(e, {
+			return /* @__PURE__ */ d(a, {
+				title: /* @__PURE__ */ d("span", { children: r ? /* @__PURE__ */ d(e, { i18nKey: t.MODEL$NO_SAVED_PROFILES }) : /* @__PURE__ */ d(e, {
 					i18nKey: t.MODEL$AVAILABLE_PROFILES,
 					values: { count: n.profiles.length }
 				}) }),
-				details: r ? /* @__PURE__ */ u("span", {
+				details: r ? /* @__PURE__ */ d("span", {
 					className: "text-neutral-300 text-sm px-2 py-1 block",
-					children: /* @__PURE__ */ u(e, { i18nKey: t.MODEL$NO_PROFILES_HINT })
-				}) : /* @__PURE__ */ u("div", {
+					children: /* @__PURE__ */ d(e, { i18nKey: t.MODEL$NO_PROFILES_HINT })
+				}) : /* @__PURE__ */ d("div", {
 					className: "flex flex-col gap-1 mt-1",
-					children: n.profiles.map((e) => /* @__PURE__ */ u(f, { profile: e }, e.name))
+					children: n.profiles.map((e) => /* @__PURE__ */ d(p, { profile: e }, e.name))
 				}),
 				initiallyExpanded: r
 			}, n.id);
@@ -73,6 +74,6 @@ function p({ conversationId: n, anchorEventId: r }) {
 	});
 }
 //#endregion
-export { p as ModelMessages };
+export { m as ModelMessages };
 
 //# sourceMappingURL=model-messages.js.map

package/dist/components/features/chat/model-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"model-messages.js","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n  const displayModel = formatModelNameForDisplay(profile.model);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${displayModel ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAS,EAAW,EAAE,cAA4B;CAChD,IAAM,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAe,EAA0B,EAAQ,KAAK;CAE5D,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAa,MAAM,CAAC,CAAC;GACpC,iBAAe;GACf,cAAY,sBAAsB,EAAQ;GAC1C,WAAU;aALZ,CAOE,kBAAC,QAAD;IAAM,WAAU;cACF,EAAX,IAAY,IAA4B,GAA7B,EAAa,MAAM,GAAK,CAA6B;GAC7D,CAAA,GACN,kBAAC,QAAD;IAAM,WAAU;cACb,EAAQ;GACL,CAAA,CACA;MACP,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAI,WAAU,qBAAsB,CAAA,GACpC,kBAAC,OAAD;GAAK,WAAU;aACZ,aAAa,KAAgB,IAAI,cACnB,EAAQ,YAAY,IAAI,cAExB,EAAQ,cAAc,QAAQ;EAC1C,CAAA,CACL,EAAA,CAAA,CAED;;AAET;AAWA,SAAgB,EAAc,EAC5B,mBACA,oBACqB;CACrB,IAAM,IAAc,GAAe,MAAM,EAAE,qBAAqB,GAE1D,KADa,IAAkB,EAAY,MAAmB,CAAC,IAAK,CAAC,GAChD,QAAQ,MAAM,EAAE,kBAAkB,CAAa;CAI1E,OAFI,CAAC,KAAkB,EAAQ,WAAW,IAAU,OAGlD,kBAAC,OAAD;EAAK,eAAY;EAAiB,WAAU;YACzC,EAAQ,KAAK,MAAU;GACtB,IAAI,EAAM,YACR,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAU;MACV,eAAA;KACD,CAAA,GACD,kBAAC,GAAD;MACE,SAAS,EAAQ;MACjB,QAAQ,EAAE,MAAM,EAAM,WAAW;MACjC,YAAY,EACV,KACE,kBAAC,QAAD,EAAM,WAAU,yDAA0D,CAAA,EAE9E;KACD,CAAA,CACG;;IAER,SAAQ;GACT,GArBM,EAAM,EAqBZ;GAIL,IAAM,IAAU,EAAM,SAAS,WAAW;GAC1C,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EAAO,SAAS,EAAQ,wBAA0B,CAAA,IAElD,kBAAC,GAAD;KACE,SAAS,EAAQ;KACjB,QAAQ,EAAE,OAAO,EAAM,SAAS,OAAO;IACxC,CAAA,EAEC,CAAA;IAER,SACE,IACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAO,SAAS,EAAQ,uBAAyB,CAAA;IAC7C,CAAA,IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,SAAS,KAAK,MACnB,kBAAC,GAAD,EAAyB,SAAS,EAAI,GAArB,EAAE,IAAmB,CACvC;IACE,CAAA;IAGT,mBAAmB;GACpB,GA3BM,EAAM,EA2BZ;EAEL,CAAC;CACE,CAAA;AAET"}
+{"version":3,"file":"model-messages.js","names":[],"sources":["../../../../src/components/features/chat/model-messages.tsx"],"sourcesContent":["import React from \"react\";\nimport { Trans } from \"react-i18next\";\nimport { ChevronDown, ChevronRight } from \"lucide-react\";\nimport { useModelStore } from \"#/stores/model-store\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport InfoCircleIcon from \"#/icons/info-circle.svg?react\";\nimport type { ProfileInfo } from \"#/api/profiles-service/profiles-service.api\";\nimport { useFreeModels } from \"#/hooks/query/use-free-models\";\nimport { formatModelNameForDisplay } from \"#/utils/format-model-name\";\nimport { GenericEventMessage } from \"./generic-event-message\";\n\ninterface ProfileRowProps {\n  profile: ProfileInfo;\n}\n\nfunction ProfileRow({ profile }: ProfileRowProps) {\n  const [expanded, setExpanded] = React.useState(false);\n  const freeModels = useFreeModels();\n  const displayModel = formatModelNameForDisplay(profile.model, freeModels);\n\n  return (\n    <div className=\"border border-neutral-700 rounded-md overflow-hidden\">\n      <button\n        type=\"button\"\n        onClick={() => setExpanded((v) => !v)}\n        aria-expanded={expanded}\n        aria-label={`Toggle details for ${profile.name}`}\n        className=\"w-full py-1.5 px-2 text-left flex items-center gap-2 hover:bg-neutral-700 transition-colors cursor-pointer\"\n      >\n        <span className=\"text-neutral-300\">\n          {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        </span>\n        <span className=\"font-normal text-neutral-200 text-sm\">\n          {profile.name}\n        </span>\n      </button>\n      {expanded && (\n        <>\n          <hr className=\"border-neutral-700\" />\n          <div className=\"px-3 py-2 text-xs text-neutral-300 font-mono whitespace-pre-wrap\">\n            {`model:    ${displayModel ?? \"—\"}\\n` +\n              `base_url: ${profile.base_url ?? \"—\"}\\n` +\n              // eslint-disable-next-line i18next/no-literal-string -- diagnostic readout; field labels are intentionally untranslated\n              `api_key:  ${profile.api_key_set ? \"set\" : \"not set\"}`}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport interface ModelMessagesProps {\n  conversationId: string | null | undefined;\n  /**\n   * Render only entries anchored to this event id. Use `null` to render the\n   * \"no events at the time of /model\" entries (top of the chat history).\n   */\n  anchorEventId: string | null;\n}\n\nexport function ModelMessages({\n  conversationId,\n  anchorEventId,\n}: ModelMessagesProps) {\n  const entriesById = useModelStore((s) => s.entriesByConversation);\n  const allEntries = conversationId ? (entriesById[conversationId] ?? []) : [];\n  const entries = allEntries.filter((e) => e.anchorEventId === anchorEventId);\n\n  if (!conversationId || entries.length === 0) return null;\n\n  return (\n    <div data-testid=\"model-messages\" className=\"flex flex-col w-full\">\n      {entries.map((entry) => {\n        if (entry.switchedTo) {\n          return (\n            <GenericEventMessage\n              key={entry.id}\n              title={\n                <span className=\"inline-flex items-center gap-1.5\">\n                  <InfoCircleIcon\n                    width={14}\n                    height={14}\n                    className=\"shrink-0 text-neutral-400\"\n                    aria-hidden\n                  />\n                  <Trans\n                    i18nKey={I18nKey.MODEL$SWITCHED_TO_PROFILE}\n                    values={{ name: entry.switchedTo }}\n                    components={{\n                      cmd: (\n                        <span className=\"font-mono text-neutral-200 bg-neutral-800 px-1 rounded\" />\n                      ),\n                    }}\n                  />\n                </span>\n              }\n              details=\"\"\n            />\n          );\n        }\n\n        const isEmpty = entry.profiles.length === 0;\n        return (\n          <GenericEventMessage\n            key={entry.id}\n            title={\n              <span>\n                {isEmpty ? (\n                  <Trans i18nKey={I18nKey.MODEL$NO_SAVED_PROFILES} />\n                ) : (\n                  <Trans\n                    i18nKey={I18nKey.MODEL$AVAILABLE_PROFILES}\n                    values={{ count: entry.profiles.length }}\n                  />\n                )}\n              </span>\n            }\n            details={\n              isEmpty ? (\n                <span className=\"text-neutral-300 text-sm px-2 py-1 block\">\n                  <Trans i18nKey={I18nKey.MODEL$NO_PROFILES_HINT} />\n                </span>\n              ) : (\n                <div className=\"flex flex-col gap-1 mt-1\">\n                  {entry.profiles.map((p) => (\n                    <ProfileRow key={p.name} profile={p} />\n                  ))}\n                </div>\n              )\n            }\n            initiallyExpanded={isEmpty}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAeA,SAAS,EAAW,EAAE,cAA4B;CAChD,IAAM,CAAC,GAAU,KAAe,EAAM,SAAS,EAAK,GAC9C,IAAa,EAAc,GAC3B,IAAe,EAA0B,EAAQ,OAAO,CAAU;CAExE,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,UAAD;GACE,MAAK;GACL,eAAe,GAAa,MAAM,CAAC,CAAC;GACpC,iBAAe;GACf,cAAY,sBAAsB,EAAQ;GAC1C,WAAU;aALZ,CAOE,kBAAC,QAAD;IAAM,WAAU;cACF,EAAX,IAAY,IAA4B,GAA7B,EAAa,MAAM,GAAK,CAA6B;GAC7D,CAAA,GACN,kBAAC,QAAD;IAAM,WAAU;cACb,EAAQ;GACL,CAAA,CACA;MACP,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAI,WAAU,qBAAsB,CAAA,GACpC,kBAAC,OAAD;GAAK,WAAU;aACZ,aAAa,KAAgB,IAAI,cACnB,EAAQ,YAAY,IAAI,cAExB,EAAQ,cAAc,QAAQ;EAC1C,CAAA,CACL,EAAA,CAAA,CAED;;AAET;AAWA,SAAgB,EAAc,EAC5B,mBACA,oBACqB;CACrB,IAAM,IAAc,GAAe,MAAM,EAAE,qBAAqB,GAE1D,KADa,IAAkB,EAAY,MAAmB,CAAC,IAAK,CAAC,GAChD,QAAQ,MAAM,EAAE,kBAAkB,CAAa;CAI1E,OAFI,CAAC,KAAkB,EAAQ,WAAW,IAAU,OAGlD,kBAAC,OAAD;EAAK,eAAY;EAAiB,WAAU;YACzC,EAAQ,KAAK,MAAU;GACtB,IAAI,EAAM,YACR,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD;MACE,OAAO;MACP,QAAQ;MACR,WAAU;MACV,eAAA;KACD,CAAA,GACD,kBAAC,GAAD;MACE,SAAS,EAAQ;MACjB,QAAQ,EAAE,MAAM,EAAM,WAAW;MACjC,YAAY,EACV,KACE,kBAAC,QAAD,EAAM,WAAU,yDAA0D,CAAA,EAE9E;KACD,CAAA,CACG;;IAER,SAAQ;GACT,GArBM,EAAM,EAqBZ;GAIL,IAAM,IAAU,EAAM,SAAS,WAAW;GAC1C,OACE,kBAAC,GAAD;IAEE,OACE,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EAAO,SAAS,EAAQ,wBAA0B,CAAA,IAElD,kBAAC,GAAD;KACE,SAAS,EAAQ;KACjB,QAAQ,EAAE,OAAO,EAAM,SAAS,OAAO;IACxC,CAAA,EAEC,CAAA;IAER,SACE,IACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAO,SAAS,EAAQ,uBAAyB,CAAA;IAC7C,CAAA,IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,SAAS,KAAK,MACnB,kBAAC,GAAD,EAAyB,SAAS,EAAI,GAArB,EAAE,IAAmB,CACvC;IACE,CAAA;IAGT,mBAAmB;GACpB,GA3BM,EAAM,EA2BZ;EAEL,CAAC;CACE,CAAA;AAET"}

package/dist/components/features/conversation/conversation-overview-git-section.cjs

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

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

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

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

@@ -1,2 +1,2 @@
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../hooks/query/use-active-conversation.cjs"),a=require("../../../hooks/query/use-conversation-skills.cjs"),o=require("../../../hooks/query/use-settings.cjs"),s=require("../../../hooks/use-skill-enablement.cjs"),c=require("./conversation-overview-drawer-context.cjs"),l=require("../../../utils/extension-module-card-classes.cjs"),u=require("../skills/skill-card.cjs"),d=require("../skills/skill-detail-modal.cjs"),f=require("../skills/add-skill-modal.cjs"),p=require("../skills/skills-toolbar.cjs"),m=require("../skills/skill-filters-modal.cjs"),h=require("../skills/skill-filter.cjs"),g=require("../../../utils/conversation-overview-project-scope.cjs"),_=require("./conversation-overview-project-scope-toggle.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({openAdd:e}){let{t:b}=t.useTranslation(`openhands`),{isLoading:x}=o.useSettings(),{data:S}=i.useActiveConversation(),{data:C,isLoading:w}=a.useConversationSkills(),{isEnabled:T,setEnabled:E}=s.useSkillEnablement(),D=c.useConversationOverviewDrawerOptional()?.addRequestKey??0,O=S?.selected_workspace??null,[k,A]=(0,v.useState)(g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[j,M]=(0,v.useState)(h.EMPTY_SKILL_FILTER_STATE),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(null),[L,R]=(0,v.useState)(!1);(0,v.useEffect)(()=>{e&&R(!0)},[e]),(0,v.useEffect)(()=>{D!==0&&R(!0)},[D]);let z=(0,v.useMemo)(()=>{if(!C)return[];let e=g.filterSkillsByProjectScope(C,k,O);return k===g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?g.sortSkillsByProjectRelevance(e,O):e},[C,k,O]),B=(0,v.useMemo)(()=>h.applySkillFilters(z,T,j),[z,T,j]);return w||x?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!C||C.length===0?(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null]}):(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(_.ConversationOverviewProjectScopeToggle,{value:k,onChange:A,testId:`conversation-overview-skills-scope`}),(0,y.jsx)(p.SkillsToolbar,{search:j.query,onSearchChange:e=>M(t=>({...t,query:e})),activeFilterCount:h.countActiveFilters(j),onOpenFilters:()=>P(!0)}),z.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):B.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,y.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,l.extensionModuleCardGridContainerClassName),children:(0,y.jsx)(`div`,{className:r.cn(l.extensionModuleCardGridClassName,`grid-cols-1`),children:B.map(e=>(0,y.jsx)(u.SkillCard,{skill:e,enabled:T(e),onOpen:()=>I(e),onToggle:t=>E(e.name,t)},e.name))})}),F?(0,y.jsx)(d.SkillDetailModal,{skill:F,enabled:T(F),onToggle:e=>E(F.name,e),onClose:()=>I(null)}):null,L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null,N?(0,y.jsx)(m.SkillFiltersModal,{groups:h.buildSkillFacetGroups(z,T,j),activeCount:h.countActiveFilters(j),onToggle:(e,t)=>M(n=>h.toggleSkillFilterValue(n,e,t)),onClearAll:()=>M(e=>h.clearSkillFilterFacets(e)),onClose:()=>P(!1)}):null]})}exports.ConversationOverviewSkillsPanel=b;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../i18n/declaration.cjs"),r=require("../../../utils/utils.cjs"),i=require("../../../hooks/query/use-settings.cjs"),a=require("../../../hooks/query/use-active-conversation.cjs"),o=require("../../../hooks/query/use-conversation-skills.cjs"),s=require("../../../hooks/use-skill-enablement.cjs"),c=require("./conversation-overview-drawer-context.cjs"),l=require("../../../utils/extension-module-card-classes.cjs"),u=require("../skills/skill-card.cjs"),d=require("../skills/skill-detail-modal.cjs"),f=require("../skills/add-skill-modal.cjs"),p=require("../skills/skills-toolbar.cjs"),m=require("../skills/skill-filters-modal.cjs"),h=require("../skills/skill-filter.cjs"),g=require("../../../utils/conversation-overview-project-scope.cjs"),_=require("./conversation-overview-project-scope-toggle.cjs");let v=require("react");v=e.__toESM(v,1);let y=require("react/jsx-runtime");function b({openAdd:e}){let{t:b}=t.useTranslation(`openhands`),{isLoading:x}=i.useSettings(),{data:S}=a.useActiveConversation(),{data:C,isLoading:w}=o.useConversationSkills(),{isEnabled:T,setEnabled:E}=s.useSkillEnablement(),D=c.useConversationOverviewDrawerOptional()?.addRequestKey??0,O=S?.selected_workspace??null,[k,A]=(0,v.useState)(g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.project),[j,M]=(0,v.useState)(h.EMPTY_SKILL_FILTER_STATE),[N,P]=(0,v.useState)(!1),[F,I]=(0,v.useState)(null),[L,R]=(0,v.useState)(!1);(0,v.useEffect)(()=>{e&&R(!0)},[e]),(0,v.useEffect)(()=>{D!==0&&R(!0)},[D]);let z=(0,v.useMemo)(()=>{if(!C)return[];let e=g.filterSkillsByProjectScope(C,k,O);return k===g.CONVERSATION_OVERVIEW_PROJECT_SCOPE.all?g.sortSkillsByProjectRelevance(e,O):e},[C,k,O]),B=(0,v.useMemo)(()=>h.applySkillFilters(z,T,j),[z,T,j]);return w||x?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`text-sm text-muted`,children:`…`}):!C||C.length===0?(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_SKILLS)})}),L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null]}):(0,y.jsxs)(`div`,{"data-testid":`conversation-overview-skills-panel`,className:`flex flex-col gap-4`,children:[(0,y.jsx)(_.ConversationOverviewProjectScopeToggle,{value:k,onChange:A,testId:`conversation-overview-skills-scope`}),(0,y.jsx)(p.SkillsToolbar,{search:j.query,onSearchChange:e=>M(t=>({...t,query:e})),activeFilterCount:h.countActiveFilters(j),onOpenFilters:()=>P(!0)}),z.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-project-empty`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.CONVERSATION$OVERVIEW_SCOPE_PROJECT_EMPTY_SKILLS)})}):B.length===0?(0,y.jsx)(`div`,{"data-testid":`conversation-overview-skills-no-match`,className:l.extensionModuleEmptyStateClassName,children:(0,y.jsx)(`p`,{className:`text-sm text-tertiary-light`,children:b(n.I18nKey.SETTINGS$SKILLS_NO_MATCH)})}):(0,y.jsx)(`section`,{className:r.cn(`flex min-w-0 flex-col gap-3`,l.extensionModuleCardGridContainerClassName),children:(0,y.jsx)(`div`,{className:r.cn(l.extensionModuleCardGridClassName,`grid-cols-1`),children:B.map(e=>(0,y.jsx)(u.SkillCard,{skill:e,enabled:T(e),onOpen:()=>I(e),onToggle:t=>E(e.name,t)},e.name))})}),F?(0,y.jsx)(d.SkillDetailModal,{skill:F,enabled:T(F),onToggle:e=>E(F.name,e),onClose:()=>I(null)}):null,L?(0,y.jsx)(f.AddSkillModal,{onClose:()=>R(!1)}):null,N?(0,y.jsx)(m.SkillFiltersModal,{groups:h.buildSkillFacetGroups(z,T,j),activeCount:h.countActiveFilters(j),onToggle:(e,t)=>M(n=>h.toggleSkillFilterValue(n,e,t)),onClearAll:()=>M(e=>h.clearSkillFilterFacets(e)),onClose:()=>P(!1)}):null]})}exports.ConversationOverviewSkillsPanel=b;
 //# sourceMappingURL=conversation-overview-skills-panel.cjs.map

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

@@ -1,9 +1,9 @@
 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 { useActiveConversation as r } from "../../../hooks/query/use-active-conversation.js";
-import { useConversationSkills as i } from "../../../hooks/query/use-conversation-skills.js";
-import { useSettings as a } from "../../../hooks/query/use-settings.js";
+import { useSettings as r } from "../../../hooks/query/use-settings.js";
+import { useActiveConversation as i } from "../../../hooks/query/use-active-conversation.js";
+import { useConversationSkills as a } from "../../../hooks/query/use-conversation-skills.js";
 import { useSkillEnablement as o } from "../../../hooks/use-skill-enablement.js";
 import { useConversationOverviewDrawerOptional as s } from "./conversation-overview-drawer-context.js";
 import { extensionModuleCardGridClassName as c, extensionModuleCardGridContainerClassName as l, extensionModuleEmptyStateClassName as u } from "../../../utils/extension-module-card-classes.js";
@@ -19,7 +19,7 @@ import { useEffect as E, useMemo as D, useState as O } from "react";
 import { jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/features/conversation/conversation-overview-skills-panel.tsx
 function j({ openAdd: j }) {
-	let { t: M } = e("openhands"), { isLoading: N } = a(), { data: P } = r(), { data: F, isLoading: I } = i(), { isEnabled: L, setEnabled: R } = o(), z = s()?.addRequestKey ?? 0, B = P?.selected_workspace ?? null, [V, H] = O(S.project), [U, W] = O(g), [G, K] = O(!1), [q, J] = O(null), [Y, X] = O(!1);
+	let { t: M } = e("openhands"), { isLoading: N } = r(), { data: P } = i(), { data: F, isLoading: I } = a(), { isEnabled: L, setEnabled: R } = o(), z = s()?.addRequestKey ?? 0, B = P?.selected_workspace ?? null, [V, H] = O(S.project), [U, W] = O(g), [G, K] = O(!1), [q, J] = O(null), [Y, X] = O(!1);
 	E(() => {
 		j && X(!0);
 	}, [j]), E(() => {

package/dist/components/features/conversation/conversation-tabs/conversation-tabs-context-menu.cjs

@@ -1,2 +1,2 @@
-const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),n=require("../../../../i18n/declaration.cjs"),r=require("../../../../node_modules/lucide-react/dist/esm/icons/gauge.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/globe.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/list-todo.cjs"),o=require("../../../../node_modules/lucide-react/dist/esm/icons/square-chevron-right.cjs"),s=require("../../../../utils/utils.cjs"),c=require("../../../../hooks/use-conversation-id.cjs"),l=require("../../../../utils/conversation-local-storage.cjs"),u=require("../../../../stores/conversation-store.cjs"),d=require("../../../../contexts/active-backend-context.cjs"),f=require("../../../../utils/dropdown-classes.cjs"),p=require("../../../../ui/context-menu.cjs"),m=require("../../../../hooks/use-click-outside-element.cjs"),h=require("../../../../hooks/use-select-conversation-tab.cjs"),g=require("../../../../icons/document.cjs"),_=require("../../context-menu/archived-disabled-tooltip.cjs"),v=require("../../../../hooks/use-is-archived-conversation.cjs"),y=require("../../../../node_modules/react-icons/lu/index.cjs"),b=require("../../../../icons/pill.cjs"),x=require("../../../../icons/pill-fill.cjs"),S=require("../../../../icons/double-check.cjs"),C=require("../../../../hooks/use-task-list.cjs");let w=require("react");w=e.__toESM(w,1);let T=require("react/jsx-runtime"),E=require("react-dom");E=e.__toESM(E,1);function D({isOpen:e,onClose:D,ignoreOutsideClickRef:O,anchorRef:k}){let A=m.useClickOutsideElement(D,O),[j,M]=(0,w.useState)();(0,w.useLayoutEffect)(()=>{if(!e||!k?.current){M(void 0);return}let t=()=>{let e=k.current?.getBoundingClientRect();e&&M({position:`fixed`,zIndex:9999,top:e.bottom+8,left:e.left})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[e,k]);let{t:N}=t.useTranslation(`openhands`),{conversationId:P}=c.useConversationId(),{state:F,setUnpinnedTabs:I,setSelectedTab:L}=l.useConversationLocalStorageState(P),{selectedTab:R,isRightPanelShown:z,setSelectedTab:B}=u.useConversationStore(),{navigateToTab:V}=h.useSelectConversationTab(),{hasTaskList:H}=C.useTaskList(),{backend:U}=d.useActiveBackend(),W=v.useIsArchivedConversation(),G=[{tab:`planner`,icon:a.ListTodo,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:g.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`commits`,icon:y.LuFileDiff,i18nKey:n.I18nKey.DIFF_VIEWER$COMMITS},{tab:`terminal`,icon:o.SquareChevronRight,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:i.Globe,i18nKey:n.I18nKey.COMMON$BROWSER},{tab:`usage`,icon:r.Gauge,i18nKey:n.I18nKey.COMMON$USAGE}];H&&G.unshift({tab:`tasklist`,icon:S.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let K=G.filter(({tab:e})=>e!==`planner`||U.kind===`cloud`),q=e=>{W||(V(e),D())},J=(e,t)=>{if(W){t.preventDefault(),t.stopPropagation();return}if(t.preventDefault(),t.stopPropagation(),F.unpinnedTabs.includes(e))I(F.unpinnedTabs.filter(t=>t!==e));else{let t=[...F.unpinnedTabs,e];if(I(t),R===e&&z){let n=K.find(({tab:n})=>n!==e&&!t.includes(n));n&&(B(n.tab),L(n.tab))}}};if(!e)return null;let Y=!!(k?.current&&j),X=(0,T.jsx)(p.ContextMenu,{ref:A,theme:Y?`popover`:`default`,position:Y?`none`:`bottom`,alignment:Y?`none`:`left`,spacing:Y?`none`:`default`,className:s.cn(`z-[9999] w-fit`,Y?`mt-0`:`mt-2`),children:K.map(({tab:e,icon:t,i18nKey:r})=>{let i=!F.unpinnedTabs.includes(e);return(0,T.jsx)(`li`,{className:`list-none`,children:(0,T.jsx)(_.ArchivedDisabledTooltip,{isDisabled:W,children:(0,T.jsxs)(`div`,{className:s.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded`,!W&&`hover:bg-[var(--oh-interactive-hover)]`,W&&`opacity-50`),children:[(0,T.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,disabled:W,className:s.cn(`flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white`,f.dropdownInstantColorClassName,W?`cursor-not-allowed`:`cursor-pointer`),onClick:()=>q(e),children:[(0,T.jsx)(`span`,{className:f.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,T.jsx)(t,{className:`h-4 w-4`})}),(0,T.jsx)(`span`,{className:`text-sm`,children:N(r)})]}),(0,T.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,disabled:W,className:s.cn(`flex shrink-0 items-center justify-center rounded-r px-2 text-white`,f.dropdownInstantColorClassName,W?`cursor-not-allowed`:`cursor-pointer hover:bg-white/10`),"aria-pressed":i,"aria-label":N(i?n.I18nKey.CONVERSATION$UNPIN_TAB:n.I18nKey.CONVERSATION$PIN_TAB),onClick:t=>J(e,t),children:i?(0,T.jsx)(`span`,{className:s.cn(`-mr-[5px] ml-auto`,f.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,T.jsx)(x.default,{className:`h-7 w-7`})}):(0,T.jsx)(`span`,{className:s.cn(`ml-auto`,f.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,T.jsx)(b.default,{className:`h-4.5 w-4.5`})})})]})})},e)})});return Y&&j&&typeof document<`u`?E.default.createPortal((0,T.jsx)(`div`,{style:j,children:X}),document.body):X}exports.ConversationTabsContextMenu=D;
+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/gauge.cjs"),i=require("../../../../node_modules/lucide-react/dist/esm/icons/globe.cjs"),a=require("../../../../node_modules/lucide-react/dist/esm/icons/list-todo.cjs"),o=require("../../../../node_modules/lucide-react/dist/esm/icons/square-chevron-right.cjs"),s=require("../../../../utils/utils.cjs"),c=require("../../../../hooks/use-conversation-id.cjs"),l=require("../../../../utils/conversation-local-storage.cjs"),u=require("../../../../stores/conversation-store.cjs"),d=require("../../../../utils/dropdown-classes.cjs"),f=require("../../../../ui/context-menu.cjs"),p=require("../../../../hooks/use-click-outside-element.cjs"),m=require("../../../../hooks/use-select-conversation-tab.cjs"),h=require("../../../../icons/document.cjs"),g=require("../../context-menu/archived-disabled-tooltip.cjs"),_=require("../../../../hooks/use-is-archived-conversation.cjs"),v=require("../../../../node_modules/react-icons/lu/index.cjs"),y=require("../../../../icons/pill.cjs"),b=require("../../../../icons/pill-fill.cjs"),x=require("../../../../icons/double-check.cjs"),S=require("../../../../hooks/use-task-list.cjs");let C=require("react");C=e.__toESM(C,1);let w=require("react/jsx-runtime"),T=require("react-dom");T=e.__toESM(T,1);function E({isOpen:e,onClose:E,ignoreOutsideClickRef:D,anchorRef:O}){let k=p.useClickOutsideElement(E,D),[A,j]=(0,C.useState)();(0,C.useLayoutEffect)(()=>{if(!e||!O?.current){j(void 0);return}let t=()=>{let e=O.current?.getBoundingClientRect();e&&j({position:`fixed`,zIndex:9999,top:e.bottom+8,left:e.left})};return t(),window.addEventListener(`resize`,t),window.addEventListener(`scroll`,t,!0),()=>{window.removeEventListener(`resize`,t),window.removeEventListener(`scroll`,t,!0)}},[e,O]);let{t:M}=t.useTranslation(`openhands`),{conversationId:N}=c.useConversationId(),{state:P,setUnpinnedTabs:F,setSelectedTab:I}=l.useConversationLocalStorageState(N),{selectedTab:L,isRightPanelShown:R,setSelectedTab:z}=u.useConversationStore(),{navigateToTab:B}=m.useSelectConversationTab(),{hasTaskList:V}=S.useTaskList(),H=_.useIsArchivedConversation(),U=[{tab:`planner`,icon:a.ListTodo,i18nKey:n.I18nKey.COMMON$PLANNER},{tab:`files`,icon:h.default,i18nKey:n.I18nKey.COMMON$FILES},{tab:`commits`,icon:v.LuFileDiff,i18nKey:n.I18nKey.DIFF_VIEWER$COMMITS},{tab:`terminal`,icon:o.SquareChevronRight,i18nKey:n.I18nKey.COMMON$TERMINAL},{tab:`browser`,icon:i.Globe,i18nKey:n.I18nKey.COMMON$BROWSER},{tab:`usage`,icon:r.Gauge,i18nKey:n.I18nKey.COMMON$USAGE}];V&&U.unshift({tab:`tasklist`,icon:x.default,i18nKey:n.I18nKey.COMMON$TASK_LIST});let W=e=>{H||(B(e),E())},G=(e,t)=>{if(H){t.preventDefault(),t.stopPropagation();return}if(t.preventDefault(),t.stopPropagation(),P.unpinnedTabs.includes(e))F(P.unpinnedTabs.filter(t=>t!==e));else{let t=[...P.unpinnedTabs,e];if(F(t),L===e&&R){let n=U.find(({tab:n})=>n!==e&&!t.includes(n));n&&(z(n.tab),I(n.tab))}}};if(!e)return null;let K=!!(O?.current&&A),q=(0,w.jsx)(f.ContextMenu,{ref:k,theme:K?`popover`:`default`,position:K?`none`:`bottom`,alignment:K?`none`:`left`,spacing:K?`none`:`default`,className:s.cn(`z-[9999] w-fit`,K?`mt-0`:`mt-2`),children:U.map(({tab:e,icon:t,i18nKey:r})=>{let i=!P.unpinnedTabs.includes(e);return(0,w.jsx)(`li`,{className:`list-none`,children:(0,w.jsx)(g.ArchivedDisabledTooltip,{isDisabled:H,children:(0,w.jsxs)(`div`,{className:s.cn(`group flex h-[30px] w-full min-w-0 items-stretch rounded`,!H&&`hover:bg-[var(--oh-interactive-hover)]`,H&&`opacity-50`),children:[(0,w.jsxs)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-open-${e}`,disabled:H,className:s.cn(`flex min-w-0 flex-1 items-center gap-2 rounded-l p-2 text-start text-white`,d.dropdownInstantColorClassName,H?`cursor-not-allowed`:`cursor-pointer`),onClick:()=>W(e),children:[(0,w.jsx)(`span`,{className:d.dropdownMenuRowIconWrapperClassName,"aria-hidden":!0,children:(0,w.jsx)(t,{className:`h-4 w-4`})}),(0,w.jsx)(`span`,{className:`text-sm`,children:M(r)})]}),(0,w.jsx)(`button`,{type:`button`,"data-testid":`conversation-tabs-menu-pin-${e}`,disabled:H,className:s.cn(`flex shrink-0 items-center justify-center rounded-r px-2 text-white`,d.dropdownInstantColorClassName,H?`cursor-not-allowed`:`cursor-pointer hover:bg-white/10`),"aria-pressed":i,"aria-label":M(i?n.I18nKey.CONVERSATION$UNPIN_TAB:n.I18nKey.CONVERSATION$PIN_TAB),onClick:t=>G(e,t),children:i?(0,w.jsx)(`span`,{className:s.cn(`-mr-[5px] ml-auto`,d.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,w.jsx)(b.default,{className:`h-7 w-7`})}):(0,w.jsx)(`span`,{className:s.cn(`ml-auto`,d.dropdownMenuRowIconWrapperClassName),"aria-hidden":!0,children:(0,w.jsx)(y.default,{className:`h-4.5 w-4.5`})})})]})})},e)})});return K&&A&&typeof document<`u`?T.default.createPortal((0,w.jsx)(`div`,{style:A,children:q}),document.body):q}exports.ConversationTabsContextMenu=E;
 //# sourceMappingURL=conversation-tabs-context-menu.cjs.map