@openhands/agent-canvas 1.1.0 → 1.2.0

package/dist/hooks/use-auto-resize.js

@@ -25,117 +25,121 @@ var s = 20, c = 120, l = 20, u = 50, d = () => ({
 }, g = (e, t) => {
 	t && t(e);
 }, _ = (u, _ = {}) => {
-	let v = o(null), { minHeight: y = s, maxHeight: b = c, enableManualResize: x = !1, value: S, onGripDragStart: C, onGripDragEnd: w, onHeightChange: T } = _, E = {
+	let v = o(null), { minHeight: y = s, maxHeight: b = c, enableManualResize: x = !1, value: S, onValueApplied: C, onGripDragStart: w, onGripDragEnd: T, onHeightChange: E } = _, D = {
 		minHeight: y,
 		maxHeight: b
-	}, { hasUserResizedRef: D, manualHeightRef: O } = d(), k = () => {
-		D.current = !1, O.current = null;
-	}, A = i((e) => {
-		T?.(e), D.current && (O.current = e);
-	}, [T]), j = i(() => {
-		D.current = !0, C?.();
-	}, [C]), M = i(() => {
+	}, { hasUserResizedRef: O, manualHeightRef: k } = d(), A = () => {
+		O.current = !1, k.current = null;
+	}, j = i((e) => {
+		E?.(e), O.current && (k.current = e);
+	}, [E]), M = i(() => {
+		O.current = !0, w?.();
+	}, [w]), N = i(() => {
 		let t = u.current;
 		if (t) {
 			let n = e(t, y);
-			Math.abs(n - y) <= 1.5 && (D.current = !1, O.current = null);
+			Math.abs(n - y) <= 1.5 && (O.current = !1, k.current = null);
 		}
-		w?.();
-	}, [y, w]), { handleGripMouseDown: N, handleGripTouchStart: P } = r({
+		T?.();
+	}, [y, T]), { handleGripMouseDown: P, handleGripTouchStart: F } = r({
 		elementRef: u,
 		minHeight: y,
 		maxHeight: b,
-		onGripDragStart: x ? j : void 0,
-		onGripDragEnd: x ? M : void 0,
-		onHeightChange: A
-	}), F = i((e, t, n) => {
-		if (D.current && t > y) {
+		onGripDragStart: x ? M : void 0,
+		onGripDragEnd: x ? N : void 0,
+		onHeightChange: j
+	}), I = i((e, t, n) => {
+		if (O.current && t > y) {
 			h(e, {
 				finalHeight: t,
 				overflowY: "hidden"
-			}), g(t, T);
+			}), g(t, E);
 			return;
 		}
 		let r = Math.max(n, y);
 		h(e, {
 			finalHeight: r,
 			overflowY: "hidden"
-		}), g(r, T);
-	}, [y, T]), I = i((e, t, n) => {
+		}), g(r, E);
+	}, [y, E]), L = i((e, t, n) => {
 		if (!p(t, n)) {
 			let t = Math.max(n, y);
 			h(e, {
 				finalHeight: t,
 				overflowY: "hidden"
-			}), g(t, T);
+			}), g(t, E);
 			return;
 		}
 		h(e, {
 			finalHeight: t,
 			overflowY: "auto"
-		}), g(t, T);
-	}, [y, T]), L = i((e) => {
+		}), g(t, E);
+	}, [y, E]), R = i((e) => {
 		h(e, {
 			finalHeight: b,
 			overflowY: "auto"
-		}), g(b, T);
-	}, [b, T]), R = i(() => {
+		}), g(b, E);
+	}, [b, E]), z = i(() => {
 		let e = u.current;
 		if (!e) return;
-		if ((e.textContent ?? "").trim().length === 0 && D.current && O.current && O.current > y + 1.5) {
-			t(e, O.current), e.style.overflowY = "hidden", g(O.current, T);
+		if ((e.textContent ?? "").trim().length === 0 && O.current && k.current && k.current > y + 1.5) {
+			t(e, k.current), e.style.overflowY = "hidden", g(k.current, E);
 			return;
 		}
 		let { currentHeight: n, contentHeight: r } = m(e, y);
 		if (r <= n) {
-			F(e, n, r);
+			I(e, n, r);
 			return;
 		}
 		if (r <= b) {
-			I(e, n, r);
+			L(e, n, r);
 			return;
 		}
-		L(e);
+		R(e);
 	}, [
 		u,
 		y,
 		b,
-		T,
-		F,
+		E,
 		I,
-		L
-	]), z = i(() => {
+		L,
+		R
+	]), B = i(() => {
 		v.current && cancelAnimationFrame(v.current), v.current = requestAnimationFrame(() => {
-			v.current = null, R();
+			v.current = null, z();
 		});
-	}, [R]);
+	}, [z]);
 	return a(() => {
 		if (S === void 0) return;
 		let e = 0, t = () => {
 			let e = u.current;
-			return e ? (e.textContent = S.text, z(), n(e), !0) : !1;
+			return e ? (e.textContent = S.text, B(), n(e), C?.(), !0) : !1;
 		};
 		return t() || (e = requestAnimationFrame(() => {
 			t();
 		})), () => {
 			e && cancelAnimationFrame(e);
 		};
-	}, [S, z]), a(() => {
-		z();
-	}, [z]), {
-		smartResize: z,
-		handleGripMouseDown: N,
-		handleGripTouchStart: P,
+	}, [
+		S,
+		B,
+		C
+	]), a(() => {
+		B();
+	}, [B]), {
+		smartResize: B,
+		handleGripMouseDown: P,
+		handleGripTouchStart: F,
 		increaseHeightForEmptyContent: () => {
 			let t = u.current;
 			if (!t) return;
 			let n = e(t, y), r = Math.min(n + l, b);
 			if (r > n) {
-				let e = f(t, r, E);
-				g(e, T), D.current = !0, O.current = e;
+				let e = f(t, r, D);
+				g(e, E), O.current = !0, k.current = e;
 			}
 		},
-		resetManualResize: k
+		resetManualResize: A
 	};
 };
 //#endregion

package/dist/hooks/use-auto-resize.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-auto-resize.js","names":[],"sources":["../../src/hooks/use-auto-resize.ts"],"sourcesContent":["import { useCallback, useEffect, RefObject, useRef } from \"react\";\nimport { IMessageToSend } from \"#/stores/conversation-store\";\nimport { EPS } from \"#/utils/constants\";\nimport { getStyleHeightPx, setStyleHeightPx } from \"#/utils/utils\";\nimport { focusContentEditableAtEnd } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { useDragResize } from \"./use-drag-resize\";\n\n// Constants\nconst DEFAULT_MIN_HEIGHT = 20;\nconst DEFAULT_MAX_HEIGHT = 120;\nconst HEIGHT_INCREMENT = 20;\nconst MANUAL_OVERSIZE_THRESHOLD = 50;\n\n// Manual height tracking utilities\nconst useManualHeight = () => {\n  const hasUserResizedRef = useRef(false);\n  const manualHeightRef = useRef<number | null>(null);\n  return { hasUserResizedRef, manualHeightRef };\n};\n\ninterface UseAutoResizeOptions {\n  minHeight?: number;\n  maxHeight?: number;\n  enableManualResize?: boolean;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void; // New callback for height changes\n  value?: IMessageToSend;\n}\n\ninterface UseAutoResizeReturn {\n  smartResize: () => void;\n  handleGripMouseDown: (e: React.MouseEvent) => void;\n  handleGripTouchStart: (e: React.TouchEvent) => void;\n  increaseHeightForEmptyContent: () => void;\n  resetManualResize: () => void;\n}\n\n// Height management utilities\ninterface HeightConstraints {\n  minHeight: number;\n  maxHeight: number;\n}\n\ninterface HeightMeasurements {\n  currentHeight: number;\n  currentStyleHeight: number;\n  contentHeight: number;\n}\n\ninterface ResizeStrategy {\n  finalHeight: number;\n  overflowY: \"hidden\" | \"auto\";\n}\n\nconst applyHeightToElement = (\n  element: HTMLElement,\n  height: number,\n  constraints: HeightConstraints,\n): number => {\n  const { minHeight, maxHeight } = constraints;\n  const finalHeight = Math.max(minHeight, Math.min(height, maxHeight));\n\n  element.style.setProperty(\"height\", `${finalHeight}px`);\n  element.style.setProperty(\n    \"overflow-y\",\n    finalHeight >= maxHeight ? \"auto\" : \"hidden\",\n  );\n\n  return finalHeight;\n};\n\nconst isManuallyOversized = (\n  currentHeight: number,\n  contentHeight: number,\n  threshold = MANUAL_OVERSIZE_THRESHOLD,\n): boolean => currentHeight > contentHeight + threshold;\n\nconst measureElementHeights = (\n  element: HTMLElement,\n  minHeight: number,\n): HeightMeasurements => {\n  // Use the previous explicit style height as the \"current\" for restore, not offsetHeight\n  const currentStyleHeight = getStyleHeightPx(element, minHeight);\n  const currentHeight = currentStyleHeight;\n\n  // Temporarily reset to measure content\n  element.style.setProperty(\"height\", \"auto\");\n  const contentHeight = element.scrollHeight;\n\n  // Restore height\n  setStyleHeightPx(element, currentStyleHeight);\n\n  return {\n    currentHeight,\n    currentStyleHeight,\n    contentHeight,\n  };\n};\n\nconst applyResizeStrategy = (\n  element: HTMLElement,\n  strategy: ResizeStrategy,\n): void => {\n  const { finalHeight, overflowY } = strategy;\n  const elementRef = element;\n  elementRef.style.height = `${finalHeight}px`;\n  elementRef.style.overflowY = overflowY;\n};\n\nconst executeHeightCallback = (\n  height: number,\n  onHeightChange?: (height: number) => void,\n): void => {\n  if (onHeightChange) {\n    onHeightChange(height);\n  }\n};\n\n// DOM manipulation utilities\nexport const useAutoResize = (\n  elementRef: RefObject<HTMLElement | null>,\n  options: UseAutoResizeOptions = {},\n): UseAutoResizeReturn => {\n  const pendingSmartRef = useRef<number | null>(null);\n\n  const {\n    minHeight = DEFAULT_MIN_HEIGHT,\n    maxHeight = DEFAULT_MAX_HEIGHT,\n    enableManualResize = false,\n    value,\n    onGripDragStart,\n    onGripDragEnd,\n    onHeightChange,\n  } = options;\n\n  const constraints: HeightConstraints = { minHeight, maxHeight };\n  const { hasUserResizedRef, manualHeightRef } = useManualHeight();\n\n  const resetManualResize = () => {\n    hasUserResizedRef.current = false;\n    manualHeightRef.current = null;\n  };\n\n  // Wrap onHeightChange to track manual height during drag\n  const handleExternalHeightChange = useCallback(\n    (elementHeight: number) => {\n      onHeightChange?.(elementHeight);\n      if (hasUserResizedRef.current) {\n        manualHeightRef.current = elementHeight;\n      }\n    },\n    [onHeightChange],\n  );\n\n  // Handle drag start - set manual mode flag\n  const handleDragStart = useCallback(() => {\n    hasUserResizedRef.current = true;\n    onGripDragStart?.();\n  }, [onGripDragStart]);\n\n  // Handle drag end - clear manual mode if at minimum height\n  const handleDragEnd = useCallback(() => {\n    const textareaElement = elementRef.current;\n    if (textareaElement) {\n      const currentHeight = getStyleHeightPx(textareaElement, minHeight);\n      if (Math.abs(currentHeight - minHeight) <= EPS) {\n        hasUserResizedRef.current = false;\n        manualHeightRef.current = null;\n      }\n    }\n    onGripDragEnd?.();\n  }, [minHeight, onGripDragEnd]);\n\n  // Use the drag resize hook for manual resizing functionality\n  const { handleGripMouseDown, handleGripTouchStart } = useDragResize({\n    elementRef,\n    minHeight,\n    maxHeight,\n    onGripDragStart: enableManualResize ? handleDragStart : undefined,\n    onGripDragEnd: enableManualResize ? handleDragEnd : undefined,\n    onHeightChange: handleExternalHeightChange,\n  });\n\n  // Handle content that fits within current height\n  const handleContentFitsInCurrentHeight = useCallback(\n    (\n      element: HTMLElement,\n      currentHeight: number,\n      contentHeight: number,\n    ): void => {\n      // If user manually resized and we're above min height, preserve their chosen height\n      if (hasUserResizedRef.current && currentHeight > minHeight) {\n        applyResizeStrategy(element, {\n          finalHeight: currentHeight,\n          overflowY: \"hidden\",\n        });\n        executeHeightCallback(currentHeight, onHeightChange);\n        return;\n      }\n\n      // Otherwise allow shrinking towards content (respect minHeight)\n      const finalHeight = Math.max(contentHeight, minHeight);\n      applyResizeStrategy(element, {\n        finalHeight,\n        overflowY: \"hidden\",\n      });\n      executeHeightCallback(finalHeight, onHeightChange);\n    },\n    [minHeight, onHeightChange],\n  );\n\n  // Handle content that exceeds current height but within max height\n  const handleContentExceedsCurrentHeight = useCallback(\n    (\n      element: HTMLElement,\n      currentHeight: number,\n      contentHeight: number,\n    ): void => {\n      // Grow unless the element is manually oversized beyond content significantly\n      if (!isManuallyOversized(currentHeight, contentHeight)) {\n        const finalHeight = Math.max(contentHeight, minHeight);\n        applyResizeStrategy(element, {\n          finalHeight,\n          overflowY: \"hidden\",\n        });\n        executeHeightCallback(finalHeight, onHeightChange);\n        return;\n      }\n\n      // Keep manual height and allow scrolling as needed\n      applyResizeStrategy(element, {\n        finalHeight: currentHeight,\n        overflowY: \"auto\",\n      });\n      executeHeightCallback(currentHeight, onHeightChange);\n    },\n    [minHeight, onHeightChange],\n  );\n\n  // Handle content that exceeds max height\n  const handleContentExceedsMaxHeight = useCallback(\n    (element: HTMLElement) => {\n      applyResizeStrategy(element, {\n        finalHeight: maxHeight,\n        overflowY: \"auto\",\n      });\n      executeHeightCallback(maxHeight, onHeightChange);\n    },\n    [maxHeight, onHeightChange],\n  );\n\n  // Debounced smartResize body\n  const smartResizeBody = useCallback(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    const textIsEmpty = (element.textContent ?? \"\").trim().length === 0;\n\n    // If empty content and we have a manual height above min, preserve it\n    if (\n      textIsEmpty &&\n      hasUserResizedRef.current &&\n      manualHeightRef.current &&\n      manualHeightRef.current > minHeight + EPS\n    ) {\n      setStyleHeightPx(element, manualHeightRef.current);\n      element.style.overflowY = \"hidden\";\n      executeHeightCallback(manualHeightRef.current, onHeightChange);\n      return;\n    }\n\n    // Measure element heights\n    const measurements = measureElementHeights(element, minHeight);\n    const { currentHeight, contentHeight } = measurements;\n\n    // If content fits within current height\n    if (contentHeight <= currentHeight) {\n      handleContentFitsInCurrentHeight(element, currentHeight, contentHeight);\n      return;\n    }\n\n    // If content exceeds current height but within max\n    if (contentHeight <= maxHeight) {\n      handleContentExceedsCurrentHeight(element, currentHeight, contentHeight);\n      return;\n    }\n\n    // Content exceeds max height\n    handleContentExceedsMaxHeight(element);\n  }, [\n    elementRef,\n    minHeight,\n    maxHeight,\n    onHeightChange,\n    handleContentFitsInCurrentHeight,\n    handleContentExceedsCurrentHeight,\n    handleContentExceedsMaxHeight,\n  ]);\n\n  // rAF-debounced smartResize wrapper to collapse bursts\n  const smartResize = useCallback(() => {\n    if (pendingSmartRef.current) cancelAnimationFrame(pendingSmartRef.current);\n    pendingSmartRef.current = requestAnimationFrame(() => {\n      pendingSmartRef.current = null;\n      smartResizeBody();\n    });\n  }, [smartResizeBody]);\n\n  // Function to increase height when content is empty\n  const increaseHeightForEmptyContent = () => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    const currentHeight = getStyleHeightPx(element, minHeight);\n    const newHeight = Math.min(currentHeight + HEIGHT_INCREMENT, maxHeight);\n\n    if (newHeight > currentHeight) {\n      const finalHeight = applyHeightToElement(element, newHeight, constraints);\n\n      // Execute height change callback\n      executeHeightCallback(finalHeight, onHeightChange);\n\n      // Set manual mode for Shift+Enter height increases\n      hasUserResizedRef.current = true;\n      manualHeightRef.current = finalHeight;\n    }\n  };\n\n  // Update content and resize when value prop changes\n  useEffect(() => {\n    if (value === undefined) {\n      return undefined;\n    }\n\n    let rafId = 0;\n\n    const applyValue = () => {\n      const element = elementRef.current;\n      if (!element) {\n        return false;\n      }\n\n      element.textContent = value.text;\n      smartResize();\n      focusContentEditableAtEnd(element);\n      return true;\n    };\n\n    if (!applyValue()) {\n      rafId = requestAnimationFrame(() => {\n        applyValue();\n      });\n    }\n\n    return () => {\n      if (rafId) {\n        cancelAnimationFrame(rafId);\n      }\n    };\n  }, [value, smartResize]);\n\n  // Initialize auto-resize on mount\n  useEffect(() => {\n    smartResize();\n  }, [smartResize]);\n\n  return {\n    smartResize,\n    handleGripMouseDown,\n    handleGripTouchStart,\n    increaseHeightForEmptyContent,\n    resetManualResize,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-auto-resize.js","names":[],"sources":["../../src/hooks/use-auto-resize.ts"],"sourcesContent":["import { useCallback, useEffect, RefObject, useRef } from \"react\";\nimport { IMessageToSend } from \"#/stores/conversation-store\";\nimport { EPS } from \"#/utils/constants\";\nimport { getStyleHeightPx, setStyleHeightPx } from \"#/utils/utils\";\nimport { focusContentEditableAtEnd } from \"#/components/features/chat/utils/chat-input.utils\";\nimport { useDragResize } from \"./use-drag-resize\";\n\n// Constants\nconst DEFAULT_MIN_HEIGHT = 20;\nconst DEFAULT_MAX_HEIGHT = 120;\nconst HEIGHT_INCREMENT = 20;\nconst MANUAL_OVERSIZE_THRESHOLD = 50;\n\n// Manual height tracking utilities\nconst useManualHeight = () => {\n  const hasUserResizedRef = useRef(false);\n  const manualHeightRef = useRef<number | null>(null);\n  return { hasUserResizedRef, manualHeightRef };\n};\n\ninterface UseAutoResizeOptions {\n  minHeight?: number;\n  maxHeight?: number;\n  enableManualResize?: boolean;\n  onGripDragStart?: () => void;\n  onGripDragEnd?: () => void;\n  onHeightChange?: (height: number) => void; // New callback for height changes\n  value?: IMessageToSend;\n  /** Called once `value` has been applied to the element (one-shot consume). */\n  onValueApplied?: () => void;\n}\n\ninterface UseAutoResizeReturn {\n  smartResize: () => void;\n  handleGripMouseDown: (e: React.MouseEvent) => void;\n  handleGripTouchStart: (e: React.TouchEvent) => void;\n  increaseHeightForEmptyContent: () => void;\n  resetManualResize: () => void;\n}\n\n// Height management utilities\ninterface HeightConstraints {\n  minHeight: number;\n  maxHeight: number;\n}\n\ninterface HeightMeasurements {\n  currentHeight: number;\n  currentStyleHeight: number;\n  contentHeight: number;\n}\n\ninterface ResizeStrategy {\n  finalHeight: number;\n  overflowY: \"hidden\" | \"auto\";\n}\n\nconst applyHeightToElement = (\n  element: HTMLElement,\n  height: number,\n  constraints: HeightConstraints,\n): number => {\n  const { minHeight, maxHeight } = constraints;\n  const finalHeight = Math.max(minHeight, Math.min(height, maxHeight));\n\n  element.style.setProperty(\"height\", `${finalHeight}px`);\n  element.style.setProperty(\n    \"overflow-y\",\n    finalHeight >= maxHeight ? \"auto\" : \"hidden\",\n  );\n\n  return finalHeight;\n};\n\nconst isManuallyOversized = (\n  currentHeight: number,\n  contentHeight: number,\n  threshold = MANUAL_OVERSIZE_THRESHOLD,\n): boolean => currentHeight > contentHeight + threshold;\n\nconst measureElementHeights = (\n  element: HTMLElement,\n  minHeight: number,\n): HeightMeasurements => {\n  // Use the previous explicit style height as the \"current\" for restore, not offsetHeight\n  const currentStyleHeight = getStyleHeightPx(element, minHeight);\n  const currentHeight = currentStyleHeight;\n\n  // Temporarily reset to measure content\n  element.style.setProperty(\"height\", \"auto\");\n  const contentHeight = element.scrollHeight;\n\n  // Restore height\n  setStyleHeightPx(element, currentStyleHeight);\n\n  return {\n    currentHeight,\n    currentStyleHeight,\n    contentHeight,\n  };\n};\n\nconst applyResizeStrategy = (\n  element: HTMLElement,\n  strategy: ResizeStrategy,\n): void => {\n  const { finalHeight, overflowY } = strategy;\n  const elementRef = element;\n  elementRef.style.height = `${finalHeight}px`;\n  elementRef.style.overflowY = overflowY;\n};\n\nconst executeHeightCallback = (\n  height: number,\n  onHeightChange?: (height: number) => void,\n): void => {\n  if (onHeightChange) {\n    onHeightChange(height);\n  }\n};\n\n// DOM manipulation utilities\nexport const useAutoResize = (\n  elementRef: RefObject<HTMLElement | null>,\n  options: UseAutoResizeOptions = {},\n): UseAutoResizeReturn => {\n  const pendingSmartRef = useRef<number | null>(null);\n\n  const {\n    minHeight = DEFAULT_MIN_HEIGHT,\n    maxHeight = DEFAULT_MAX_HEIGHT,\n    enableManualResize = false,\n    value,\n    onValueApplied,\n    onGripDragStart,\n    onGripDragEnd,\n    onHeightChange,\n  } = options;\n\n  const constraints: HeightConstraints = { minHeight, maxHeight };\n  const { hasUserResizedRef, manualHeightRef } = useManualHeight();\n\n  const resetManualResize = () => {\n    hasUserResizedRef.current = false;\n    manualHeightRef.current = null;\n  };\n\n  // Wrap onHeightChange to track manual height during drag\n  const handleExternalHeightChange = useCallback(\n    (elementHeight: number) => {\n      onHeightChange?.(elementHeight);\n      if (hasUserResizedRef.current) {\n        manualHeightRef.current = elementHeight;\n      }\n    },\n    [onHeightChange],\n  );\n\n  // Handle drag start - set manual mode flag\n  const handleDragStart = useCallback(() => {\n    hasUserResizedRef.current = true;\n    onGripDragStart?.();\n  }, [onGripDragStart]);\n\n  // Handle drag end - clear manual mode if at minimum height\n  const handleDragEnd = useCallback(() => {\n    const textareaElement = elementRef.current;\n    if (textareaElement) {\n      const currentHeight = getStyleHeightPx(textareaElement, minHeight);\n      if (Math.abs(currentHeight - minHeight) <= EPS) {\n        hasUserResizedRef.current = false;\n        manualHeightRef.current = null;\n      }\n    }\n    onGripDragEnd?.();\n  }, [minHeight, onGripDragEnd]);\n\n  // Use the drag resize hook for manual resizing functionality\n  const { handleGripMouseDown, handleGripTouchStart } = useDragResize({\n    elementRef,\n    minHeight,\n    maxHeight,\n    onGripDragStart: enableManualResize ? handleDragStart : undefined,\n    onGripDragEnd: enableManualResize ? handleDragEnd : undefined,\n    onHeightChange: handleExternalHeightChange,\n  });\n\n  // Handle content that fits within current height\n  const handleContentFitsInCurrentHeight = useCallback(\n    (\n      element: HTMLElement,\n      currentHeight: number,\n      contentHeight: number,\n    ): void => {\n      // If user manually resized and we're above min height, preserve their chosen height\n      if (hasUserResizedRef.current && currentHeight > minHeight) {\n        applyResizeStrategy(element, {\n          finalHeight: currentHeight,\n          overflowY: \"hidden\",\n        });\n        executeHeightCallback(currentHeight, onHeightChange);\n        return;\n      }\n\n      // Otherwise allow shrinking towards content (respect minHeight)\n      const finalHeight = Math.max(contentHeight, minHeight);\n      applyResizeStrategy(element, {\n        finalHeight,\n        overflowY: \"hidden\",\n      });\n      executeHeightCallback(finalHeight, onHeightChange);\n    },\n    [minHeight, onHeightChange],\n  );\n\n  // Handle content that exceeds current height but within max height\n  const handleContentExceedsCurrentHeight = useCallback(\n    (\n      element: HTMLElement,\n      currentHeight: number,\n      contentHeight: number,\n    ): void => {\n      // Grow unless the element is manually oversized beyond content significantly\n      if (!isManuallyOversized(currentHeight, contentHeight)) {\n        const finalHeight = Math.max(contentHeight, minHeight);\n        applyResizeStrategy(element, {\n          finalHeight,\n          overflowY: \"hidden\",\n        });\n        executeHeightCallback(finalHeight, onHeightChange);\n        return;\n      }\n\n      // Keep manual height and allow scrolling as needed\n      applyResizeStrategy(element, {\n        finalHeight: currentHeight,\n        overflowY: \"auto\",\n      });\n      executeHeightCallback(currentHeight, onHeightChange);\n    },\n    [minHeight, onHeightChange],\n  );\n\n  // Handle content that exceeds max height\n  const handleContentExceedsMaxHeight = useCallback(\n    (element: HTMLElement) => {\n      applyResizeStrategy(element, {\n        finalHeight: maxHeight,\n        overflowY: \"auto\",\n      });\n      executeHeightCallback(maxHeight, onHeightChange);\n    },\n    [maxHeight, onHeightChange],\n  );\n\n  // Debounced smartResize body\n  const smartResizeBody = useCallback(() => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    const textIsEmpty = (element.textContent ?? \"\").trim().length === 0;\n\n    // If empty content and we have a manual height above min, preserve it\n    if (\n      textIsEmpty &&\n      hasUserResizedRef.current &&\n      manualHeightRef.current &&\n      manualHeightRef.current > minHeight + EPS\n    ) {\n      setStyleHeightPx(element, manualHeightRef.current);\n      element.style.overflowY = \"hidden\";\n      executeHeightCallback(manualHeightRef.current, onHeightChange);\n      return;\n    }\n\n    // Measure element heights\n    const measurements = measureElementHeights(element, minHeight);\n    const { currentHeight, contentHeight } = measurements;\n\n    // If content fits within current height\n    if (contentHeight <= currentHeight) {\n      handleContentFitsInCurrentHeight(element, currentHeight, contentHeight);\n      return;\n    }\n\n    // If content exceeds current height but within max\n    if (contentHeight <= maxHeight) {\n      handleContentExceedsCurrentHeight(element, currentHeight, contentHeight);\n      return;\n    }\n\n    // Content exceeds max height\n    handleContentExceedsMaxHeight(element);\n  }, [\n    elementRef,\n    minHeight,\n    maxHeight,\n    onHeightChange,\n    handleContentFitsInCurrentHeight,\n    handleContentExceedsCurrentHeight,\n    handleContentExceedsMaxHeight,\n  ]);\n\n  // rAF-debounced smartResize wrapper to collapse bursts\n  const smartResize = useCallback(() => {\n    if (pendingSmartRef.current) cancelAnimationFrame(pendingSmartRef.current);\n    pendingSmartRef.current = requestAnimationFrame(() => {\n      pendingSmartRef.current = null;\n      smartResizeBody();\n    });\n  }, [smartResizeBody]);\n\n  // Function to increase height when content is empty\n  const increaseHeightForEmptyContent = () => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    const currentHeight = getStyleHeightPx(element, minHeight);\n    const newHeight = Math.min(currentHeight + HEIGHT_INCREMENT, maxHeight);\n\n    if (newHeight > currentHeight) {\n      const finalHeight = applyHeightToElement(element, newHeight, constraints);\n\n      // Execute height change callback\n      executeHeightCallback(finalHeight, onHeightChange);\n\n      // Set manual mode for Shift+Enter height increases\n      hasUserResizedRef.current = true;\n      manualHeightRef.current = finalHeight;\n    }\n  };\n\n  // Update content and resize when value prop changes\n  useEffect(() => {\n    if (value === undefined) {\n      return undefined;\n    }\n\n    let rafId = 0;\n\n    const applyValue = () => {\n      const element = elementRef.current;\n      if (!element) {\n        return false;\n      }\n\n      element.textContent = value.text;\n      smartResize();\n      focusContentEditableAtEnd(element);\n      onValueApplied?.(); // one-shot: let the caller clear the value\n      return true;\n    };\n\n    if (!applyValue()) {\n      rafId = requestAnimationFrame(() => {\n        applyValue();\n      });\n    }\n\n    return () => {\n      if (rafId) {\n        cancelAnimationFrame(rafId);\n      }\n    };\n  }, [value, smartResize, onValueApplied]);\n\n  // Initialize auto-resize on mount\n  useEffect(() => {\n    smartResize();\n  }, [smartResize]);\n\n  return {\n    smartResize,\n    handleGripMouseDown,\n    handleGripTouchStart,\n    increaseHeightForEmptyContent,\n    resetManualResize,\n  };\n};\n"],"mappings":"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"}

package/dist/hooks/use-can-manage-org-profiles.cjs

@@ -0,0 +1 @@
+require(`../_virtual/_rolldown/runtime.cjs`),require(`../contexts/active-backend-context.cjs`),require(`../api/cloud/organization-service.api.cjs`);

package/dist/hooks/use-can-manage-org-profiles.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Whether the current user may MUTATE org-scoped profiles — LLM profiles and
+ * agent profiles alike — on the active backend: create, edit, rename, delete,
+ * duplicate, or activate/switch.
+ *
+ * - Local agent-server (OSS): always `true`; the user owns their own profiles.
+ * - Cloud: profiles are org-scoped. The app-server grants every mutating
+ *   profile action (save/delete/rename/activate) only to the `owner`/`admin`
+ *   roles via the `edit_org_settings` permission; a `member` is view-only. We
+ *   read the caller's server-defined permissions from
+ *   `GET /api/organizations/{orgId}/me` — the same call `useCloudCurrentUserId`
+ *   makes, reusing its query key so no extra request is issued — and fall back
+ *   to a role check when an older app-server doesn't return `permissions`.
+ *
+ * Returns `false` while the role/permissions are still loading or unknown on
+ * cloud, so mutating controls never flash for a member before they resolve.
+ */
+export declare function useCanManageOrgProfiles(): boolean;

package/dist/hooks/use-can-manage-org-profiles.js

@@ -0,0 +1,2 @@
+import "../contexts/active-backend-context.js";
+import "../api/cloud/organization-service.api.js";

package/dist/hooks/use-chat-input-llm-profile-state.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./use-conversation-id.cjs`),t=require(`../node_modules/@tanstack/react-query/build/modern/useMutationState.cjs`),n=require(`../stores/model-store.cjs`),r=require(`./query/use-active-conversation.cjs`),i=require(`./query/use-llm-profiles.cjs`),a=require(`./mutation/use-switch-llm-profile.cjs`),o=require(`./mutation/use-switch-llm-profile-and-log.cjs`);let s=require(`react`);function c(){let{conversationId:c}=e.useOptionalConversationId(),{data:l}=r.useActiveConversation(),{data:u,isLoading:d}=i.useLlmProfiles(),{switchAndLog:f}=o.useSwitchLlmProfileAndLog(),p=t.useIsMutating({mutationKey:a.SWITCH_LLM_PROFILE_MUTATION_KEY})>0,m=n.useModelStore(e=>c?e.activeProfileByConversation[c]:void 0),h=u?.profiles??[],g=l?.llm_model??null,_=l?.active_profile??null,v=_&&h.some(e=>e.name===_)?_:null,y=m??v??(g?h.find(e=>e.model===g)?.name??null:u?.active_profile??null);return{profiles:h,currentProfileName:y,currentProfileModel:h.find(e=>e.name===y)?.model??g??null,isLoading:d,isSwitching:p,selectProfile:(0,s.useCallback)(e=>{e!==y&&f(c,e)},[c,y,f])}}exports.useChatInputLlmProfileState=c;
+//# sourceMappingURL=use-chat-input-llm-profile-state.cjs.map

package/dist/hooks/use-chat-input-llm-profile-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-input-llm-profile-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-llm-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { ProfileInfo } from \"@openhands/typescript-client\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useSwitchLlmProfileAndLog } from \"#/hooks/mutation/use-switch-llm-profile-and-log\";\nimport { SWITCH_LLM_PROFILE_MUTATION_KEY } from \"#/hooks/mutation/use-switch-llm-profile\";\nimport { useModelStore } from \"#/stores/model-store\";\n\nexport interface ChatInputLlmProfileState {\n  profiles: ProfileInfo[];\n  /** The LLM profile the running conversation is currently using. */\n  currentProfileName: string | null;\n  /** That profile's model id (for the tooltip / subtitle). */\n  currentProfileModel: string | null;\n  isLoading: boolean;\n  isSwitching: boolean;\n  /**\n   * Live-switch the running conversation's LLM profile via `/switch_profile`.\n   * This surface is only mounted inside a conversation, so a switch always\n   * targets that conversation (no home-page activate path here).\n   */\n  selectProfile: (profileName: string) => void;\n}\n\n/**\n * Backs the in-conversation OpenHands LLM-profile switcher (the ACP analog is\n * {@link useChatInputModelState}). Resolves which profile the conversation is\n * running and live-swaps it, mirroring the former SwitchProfileButton's\n * resolution priority so a switch is reflected instantly.\n */\nexport function useChatInputLlmProfileState(): ChatInputLlmProfileState {\n  const { conversationId } = useOptionalConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { data, isLoading } = useLlmProfiles();\n  const { switchAndLog } = useSwitchLlmProfileAndLog();\n  // Read the switch's pending state globally by mutation key: the pill button\n  // and the menu that fires the switch are separate hook instances, so a\n  // per-observer `isPending` would never light up on the button (#1571).\n  const isSwitching =\n    useIsMutating({ mutationKey: SWITCH_LLM_PROFILE_MUTATION_KEY }) > 0;\n  // Written by useSwitchLlmProfile's onSuccess -> recordModelSwitchMessage ->\n  // recordSwitch on a successful switch, so the label/check update before the\n  // conversation refetch lands the new llm_model.\n  const optimisticActiveProfile = useModelStore((s) =>\n    conversationId ? s.activeProfileByConversation[conversationId] : undefined,\n  );\n\n  const profiles = data?.profiles ?? [];\n  const conversationModel = conversation?.llm_model ?? null;\n\n  // Resolution priority (mirrors the former SwitchProfileButton):\n  //   1. Optimistic (just-clicked) — instant feedback before the refetch.\n  //   2. Profile stamped on the conversation, validated against the live list\n  //      so a since-deleted/renamed profile falls through.\n  //   3. Profile whose model matches the running llm_model.\n  //   4. User-level active_profile (fallback before the first message).\n  const stampedProfile = conversation?.active_profile ?? null;\n  const conversationProfile =\n    stampedProfile && profiles.some((p) => p.name === stampedProfile)\n      ? stampedProfile\n      : null;\n  const currentProfileName =\n    optimisticActiveProfile ??\n    conversationProfile ??\n    (conversationModel\n      ? (profiles.find((p) => p.model === conversationModel)?.name ?? null)\n      : (data?.active_profile ?? null));\n  const currentProfileModel =\n    profiles.find((p) => p.name === currentProfileName)?.model ??\n    conversationModel ??\n    null;\n\n  const selectProfile = useCallback(\n    (profileName: string) => {\n      if (profileName === currentProfileName) return;\n      switchAndLog(conversationId, profileName);\n    },\n    [conversationId, currentProfileName, switchAndLog],\n  );\n\n  return {\n    profiles,\n    currentProfileName,\n    currentProfileModel,\n    isLoading,\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":"sbAgCA,SAAgB,GAAwD,CACtE,GAAM,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,OAAM,aAAc,EAAA,gBAAgB,CACtC,CAAE,gBAAiB,EAAA,2BAA2B,CAI9C,EACJ,EAAA,cAAc,CAAE,YAAa,EAAA,gCAAiC,CAAC,CAAG,EAI9D,EAA0B,EAAA,cAAe,GAC7C,EAAiB,EAAE,4BAA4B,GAAkB,IAAA,GAClE,CAEK,EAAW,GAAM,UAAY,EAAE,CAC/B,EAAoB,GAAc,WAAa,KAQ/C,EAAiB,GAAc,gBAAkB,KACjD,EACJ,GAAkB,EAAS,KAAM,GAAM,EAAE,OAAS,EAAe,CAC7D,EACA,KACA,EACJ,GACA,IACC,EACI,EAAS,KAAM,GAAM,EAAE,QAAU,EAAkB,EAAE,MAAQ,KAC7D,GAAM,gBAAkB,MAc/B,MAAO,CACL,WACA,qBACA,oBAfA,EAAS,KAAM,GAAM,EAAE,OAAS,EAAmB,EAAE,OACrD,GACA,KAcA,YACA,cACA,eAAA,EAAA,EAAA,aAbC,GAAwB,CACnB,IAAgB,GACpB,EAAa,EAAgB,EAAY,EAE3C,CAAC,EAAgB,EAAoB,EAAa,CASlD,CACD"}

package/dist/hooks/use-chat-input-llm-profile-state.d.ts

@@ -0,0 +1,23 @@
+import type { ProfileInfo } from "@openhands/typescript-client";
+export interface ChatInputLlmProfileState {
+    profiles: ProfileInfo[];
+    /** The LLM profile the running conversation is currently using. */
+    currentProfileName: string | null;
+    /** That profile's model id (for the tooltip / subtitle). */
+    currentProfileModel: string | null;
+    isLoading: boolean;
+    isSwitching: boolean;
+    /**
+     * Live-switch the running conversation's LLM profile via `/switch_profile`.
+     * This surface is only mounted inside a conversation, so a switch always
+     * targets that conversation (no home-page activate path here).
+     */
+    selectProfile: (profileName: string) => void;
+}
+/**
+ * Backs the in-conversation OpenHands LLM-profile switcher (the ACP analog is
+ * {@link useChatInputModelState}). Resolves which profile the conversation is
+ * running and live-swaps it, mirroring the former SwitchProfileButton's
+ * resolution priority so a switch is reflected instantly.
+ */
+export declare function useChatInputLlmProfileState(): ChatInputLlmProfileState;

package/dist/hooks/use-chat-input-llm-profile-state.js

@@ -0,0 +1,30 @@
+import { useOptionalConversationId as e } from "./use-conversation-id.js";
+import { useIsMutating as t } from "../node_modules/@tanstack/react-query/build/modern/useMutationState.js";
+import { useModelStore as n } from "../stores/model-store.js";
+import { useActiveConversation as r } from "./query/use-active-conversation.js";
+import { useLlmProfiles as i } from "./query/use-llm-profiles.js";
+import { SWITCH_LLM_PROFILE_MUTATION_KEY as a } from "./mutation/use-switch-llm-profile.js";
+import { useSwitchLlmProfileAndLog as o } from "./mutation/use-switch-llm-profile-and-log.js";
+import { useCallback as s } from "react";
+//#region src/hooks/use-chat-input-llm-profile-state.ts
+function c() {
+	let { conversationId: c } = e(), { data: l } = r(), { data: u, isLoading: d } = i(), { switchAndLog: f } = o(), p = t({ mutationKey: a }) > 0, m = n((e) => c ? e.activeProfileByConversation[c] : void 0), h = u?.profiles ?? [], g = l?.llm_model ?? null, _ = l?.active_profile ?? null, v = _ && h.some((e) => e.name === _) ? _ : null, y = m ?? v ?? (g ? h.find((e) => e.model === g)?.name ?? null : u?.active_profile ?? null);
+	return {
+		profiles: h,
+		currentProfileName: y,
+		currentProfileModel: h.find((e) => e.name === y)?.model ?? g ?? null,
+		isLoading: d,
+		isSwitching: p,
+		selectProfile: s((e) => {
+			e !== y && f(c, e);
+		}, [
+			c,
+			y,
+			f
+		])
+	};
+}
+//#endregion
+export { c as useChatInputLlmProfileState };
+
+//# sourceMappingURL=use-chat-input-llm-profile-state.js.map

package/dist/hooks/use-chat-input-llm-profile-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-input-llm-profile-state.js","names":[],"sources":["../../src/hooks/use-chat-input-llm-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { ProfileInfo } from \"@openhands/typescript-client\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useLlmProfiles } from \"#/hooks/query/use-llm-profiles\";\nimport { useSwitchLlmProfileAndLog } from \"#/hooks/mutation/use-switch-llm-profile-and-log\";\nimport { SWITCH_LLM_PROFILE_MUTATION_KEY } from \"#/hooks/mutation/use-switch-llm-profile\";\nimport { useModelStore } from \"#/stores/model-store\";\n\nexport interface ChatInputLlmProfileState {\n  profiles: ProfileInfo[];\n  /** The LLM profile the running conversation is currently using. */\n  currentProfileName: string | null;\n  /** That profile's model id (for the tooltip / subtitle). */\n  currentProfileModel: string | null;\n  isLoading: boolean;\n  isSwitching: boolean;\n  /**\n   * Live-switch the running conversation's LLM profile via `/switch_profile`.\n   * This surface is only mounted inside a conversation, so a switch always\n   * targets that conversation (no home-page activate path here).\n   */\n  selectProfile: (profileName: string) => void;\n}\n\n/**\n * Backs the in-conversation OpenHands LLM-profile switcher (the ACP analog is\n * {@link useChatInputModelState}). Resolves which profile the conversation is\n * running and live-swaps it, mirroring the former SwitchProfileButton's\n * resolution priority so a switch is reflected instantly.\n */\nexport function useChatInputLlmProfileState(): ChatInputLlmProfileState {\n  const { conversationId } = useOptionalConversationId();\n  const { data: conversation } = useActiveConversation();\n  const { data, isLoading } = useLlmProfiles();\n  const { switchAndLog } = useSwitchLlmProfileAndLog();\n  // Read the switch's pending state globally by mutation key: the pill button\n  // and the menu that fires the switch are separate hook instances, so a\n  // per-observer `isPending` would never light up on the button (#1571).\n  const isSwitching =\n    useIsMutating({ mutationKey: SWITCH_LLM_PROFILE_MUTATION_KEY }) > 0;\n  // Written by useSwitchLlmProfile's onSuccess -> recordModelSwitchMessage ->\n  // recordSwitch on a successful switch, so the label/check update before the\n  // conversation refetch lands the new llm_model.\n  const optimisticActiveProfile = useModelStore((s) =>\n    conversationId ? s.activeProfileByConversation[conversationId] : undefined,\n  );\n\n  const profiles = data?.profiles ?? [];\n  const conversationModel = conversation?.llm_model ?? null;\n\n  // Resolution priority (mirrors the former SwitchProfileButton):\n  //   1. Optimistic (just-clicked) — instant feedback before the refetch.\n  //   2. Profile stamped on the conversation, validated against the live list\n  //      so a since-deleted/renamed profile falls through.\n  //   3. Profile whose model matches the running llm_model.\n  //   4. User-level active_profile (fallback before the first message).\n  const stampedProfile = conversation?.active_profile ?? null;\n  const conversationProfile =\n    stampedProfile && profiles.some((p) => p.name === stampedProfile)\n      ? stampedProfile\n      : null;\n  const currentProfileName =\n    optimisticActiveProfile ??\n    conversationProfile ??\n    (conversationModel\n      ? (profiles.find((p) => p.model === conversationModel)?.name ?? null)\n      : (data?.active_profile ?? null));\n  const currentProfileModel =\n    profiles.find((p) => p.name === currentProfileName)?.model ??\n    conversationModel ??\n    null;\n\n  const selectProfile = useCallback(\n    (profileName: string) => {\n      if (profileName === currentProfileName) return;\n      switchAndLog(conversationId, profileName);\n    },\n    [conversationId, currentProfileName, switchAndLog],\n  );\n\n  return {\n    profiles,\n    currentProfileName,\n    currentProfileModel,\n    isLoading,\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAgB,IAAwD;CACtE,IAAM,EAAE,sBAAmB,GAA2B,EAChD,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,SAAM,iBAAc,GAAgB,EACtC,EAAE,oBAAiB,GAA2B,EAI9C,IACJ,EAAc,EAAE,aAAa,GAAiC,CAAC,GAAG,GAI9D,IAA0B,GAAe,MAC7C,IAAiB,EAAE,4BAA4B,KAAkB,KAAA,EAClE,EAEK,IAAW,GAAM,YAAY,EAAE,EAC/B,IAAoB,GAAc,aAAa,MAQ/C,IAAiB,GAAc,kBAAkB,MACjD,IACJ,KAAkB,EAAS,MAAM,MAAM,EAAE,SAAS,EAAe,GAC7D,IACA,MACA,IACJ,KACA,MACC,IACI,EAAS,MAAM,MAAM,EAAE,UAAU,EAAkB,EAAE,QAAQ,OAC7D,GAAM,kBAAkB;AAc/B,QAAO;EACL;EACA;EACA,qBAfA,EAAS,MAAM,MAAM,EAAE,SAAS,EAAmB,EAAE,SACrD,KACA;EAcA;EACA;EACA,eAdoB,GACnB,MAAwB;AACnB,SAAgB,KACpB,EAAa,GAAgB,EAAY;KAE3C;GAAC;GAAgB;GAAoB;GAAa,CASlD;EACD"}

package/dist/hooks/use-chat-input-model-state.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-input-model-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useAcpModelContext } from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: \"/settings/agent\" | \"/settings\";\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":"sQAuBA,SAAgB,GAA8C,CAC5D,GAAM,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,KAAM,GAAa,EAAA,aAAa,CAClC,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CACJ,0BACA,YACA,eACA,kBACA,oBACE,EAAA,oBAAoB,CAElB,EAAe,EACjB,GAAc,WACd,GACE,OAAO,GAAU,gBAAgB,YAAe,SAC9C,EAAS,eAAe,WACxB,KAEF,EAAc,EAAe,EAAA,eAAe,EAAa,CAAG,IAAA,GAE5D,EACJ,OAAO,GAAU,gBAAgB,WAAc,SAC3C,EAAS,eAAe,UACxB,KAEF,EAAgC,KACpC,AAkBE,EAlBE,EAKA,GAAc,WACd,EAAA,yBAAyB,CACvB,WAAY,EACZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CACK,EACQ,EAAA,yBAAyB,CACxC,WAAY,EAGZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CAEe,GAAc,WAAa,GAAU,WAAa,KAGrE,IAAM,EACJ,GAAkB,EACb,EAAA,iBAAiB,EAAc,EAAe,EAAI,EACnD,EACA,EAAqB,GAAa,kBAAoB,EAAE,CACxD,EAAgB,GAAgB,EAAmB,OAAS,EAKlE,MAAO,CACL,eACA,eACA,iBACA,qBACA,gBACA,qBAV2B,EACxB,GAAkB,KACnB,KASF,kBACA,mBACD"}
+{"version":3,"file":"use-chat-input-model-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useAcpModelContext } from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: \"/settings/agents\" | \"/settings\";\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":"sQAuBA,SAAgB,GAA8C,CAC5D,GAAM,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,CAAE,KAAM,GAAa,EAAA,aAAa,CAClC,CAAE,kBAAmB,EAAA,2BAA2B,CAChD,CACJ,0BACA,YACA,eACA,kBACA,oBACE,EAAA,oBAAoB,CAElB,EAAe,EACjB,GAAc,WACd,GACE,OAAO,GAAU,gBAAgB,YAAe,SAC9C,EAAS,eAAe,WACxB,KAEF,EAAc,EAAe,EAAA,eAAe,EAAa,CAAG,IAAA,GAE5D,EACJ,OAAO,GAAU,gBAAgB,WAAc,SAC3C,EAAS,eAAe,UACxB,KAEF,EAAgC,KACpC,AAkBE,EAlBE,EAKA,GAAc,WACd,EAAA,yBAAyB,CACvB,WAAY,EACZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CACK,EACQ,EAAA,yBAAyB,CACxC,WAAY,EAGZ,gBAAiB,EAAA,4BAA4B,EAAa,CAC3D,CAAC,CAEe,GAAc,WAAa,GAAU,WAAa,KAGrE,IAAM,EACJ,GAAkB,EACb,EAAA,iBAAiB,EAAc,EAAe,EAAI,EACnD,EACA,EAAqB,GAAa,kBAAoB,EAAE,CACxD,EAAgB,GAAgB,EAAmB,OAAS,EAKlE,MAAO,CACL,eACA,eACA,iBACA,qBACA,gBACA,qBAV2B,EACxB,GAAkB,KACnB,KASF,kBACA,mBACD"}

package/dist/hooks/use-chat-input-model-state.d.ts

@@ -6,7 +6,7 @@ export interface ChatInputModelState {
     availableAcpModels: ACPModelOption[];
     showAcpPicker: boolean;
     switchConversationId: string | null;
-    destinationPath: "/settings/agent" | "/settings";
+    destinationPath: "/settings/agents" | "/settings";
     destinationLabel: string;
 }
 export declare function useChatInputModelState(): ChatInputModelState;

package/dist/hooks/use-chat-input-model-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-input-model-state.js","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useAcpModelContext } from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: \"/settings/agent\" | \"/settings\";\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,IAA8C;CAC5D,IAAM,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,sBAAmB,GAA2B,EAChD,EACJ,4BACA,cACA,iBACA,oBACA,wBACE,GAAoB,EAElB,IAAe,IACjB,GAAc,aACd,KACE,OAAO,GAAU,gBAAgB,cAAe,WAC9C,EAAS,eAAe,aACxB,MAEF,IAAc,IAAe,EAAe,EAAa,GAAG,KAAA,GAE5D,IACJ,OAAO,GAAU,gBAAgB,aAAc,WAC3C,EAAS,eAAe,YACxB,MAEF,IAAgC;AACpC,CAkBE,IAlBE,IAKA,GAAc,aACd,EAAyB;EACvB,YAAY;EACZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GACK,IACQ,EAAyB;EACxC,YAAY;EAGZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GAEe,GAAc,aAAa,GAAU,aAAa;CAGrE,IAAM,IACJ,KAAkB,IACb,EAAiB,GAAc,EAAe,IAAI,IACnD,GACA,IAAqB,GAAa,oBAAoB,EAAE,EACxD,IAAgB,KAAgB,EAAmB,SAAS;AAKlE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,sBAV2B,IACxB,KAAkB,OACnB;EASF;EACA;EACD"}
+{"version":3,"file":"use-chat-input-model-state.js","names":[],"sources":["../../src/hooks/use-chat-input-model-state.ts"],"sourcesContent":["import { useActiveConversation } from \"#/hooks/query/use-active-conversation\";\nimport { useSettings } from \"#/hooks/query/use-settings\";\nimport { useAcpModelContext } from \"#/hooks/use-acp-model-context\";\nimport { useOptionalConversationId } from \"#/hooks/use-conversation-id\";\nimport {\n  getAcpPreferredDefaultModel,\n  getAcpProvider,\n  labelForAcpModel,\n  resolveEffectiveAcpModel,\n  type ACPModelOption,\n} from \"#/constants/acp-providers\";\n\nexport interface ChatInputModelState {\n  isAcpContext: boolean;\n  displayModel: string | null;\n  currentModelId: string | null;\n  availableAcpModels: ACPModelOption[];\n  showAcpPicker: boolean;\n  switchConversationId: string | null;\n  destinationPath: \"/settings/agents\" | \"/settings\";\n  destinationLabel: string;\n}\n\nexport function useChatInputModelState(): ChatInputModelState {\n  const { data: conversation } = useActiveConversation();\n  const { data: settings } = useSettings();\n  const { conversationId } = useOptionalConversationId();\n  const {\n    isActiveAcpConversation,\n    isHomeAcp,\n    isAcpContext,\n    destinationPath,\n    destinationLabel,\n  } = useAcpModelContext();\n\n  const acpServerKey = isActiveAcpConversation\n    ? conversation?.acp_server\n    : isHomeAcp\n      ? typeof settings?.agent_settings?.acp_server === \"string\"\n        ? settings.agent_settings.acp_server\n        : null\n      : null;\n  const acpProvider = isAcpContext ? getAcpProvider(acpServerKey) : undefined;\n\n  const acpConfiguredModel =\n    typeof settings?.agent_settings?.acp_model === \"string\"\n      ? settings.agent_settings.acp_model\n      : null;\n\n  let currentModelId: string | null = null;\n  if (isActiveAcpConversation) {\n    // ACP conversations store llm_model as the acp_model (persisted at\n    // creation time). Use it directly if available; fall back to the\n    // settings-configured model or provider default so the chip stays visible.\n    currentModelId =\n      conversation?.llm_model ??\n      resolveEffectiveAcpModel({\n        configured: acpConfiguredModel,\n        providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n      });\n  } else if (isHomeAcp) {\n    currentModelId = resolveEffectiveAcpModel({\n      configured: acpConfiguredModel,\n      // Preferred default (Vertex-safe for Gemini) — must match what the\n      // start request would substitute for an unconfigured model.\n      providerDefault: getAcpPreferredDefaultModel(acpServerKey),\n    });\n  } else {\n    currentModelId = conversation?.llm_model ?? settings?.llm_model ?? null;\n  }\n\n  const displayModel =\n    currentModelId && isAcpContext\n      ? (labelForAcpModel(acpServerKey, currentModelId) ?? currentModelId)\n      : currentModelId;\n  const availableAcpModels = acpProvider?.available_models ?? [];\n  const showAcpPicker = isAcpContext && availableAcpModels.length > 0;\n  const switchConversationId = isActiveAcpConversation\n    ? (conversationId ?? null)\n    : null;\n\n  return {\n    isAcpContext,\n    displayModel,\n    currentModelId,\n    availableAcpModels,\n    showAcpPicker,\n    switchConversationId,\n    destinationPath,\n    destinationLabel,\n  };\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,IAA8C;CAC5D,IAAM,EAAE,MAAM,MAAiB,GAAuB,EAChD,EAAE,MAAM,MAAa,GAAa,EAClC,EAAE,sBAAmB,GAA2B,EAChD,EACJ,4BACA,cACA,iBACA,oBACA,wBACE,GAAoB,EAElB,IAAe,IACjB,GAAc,aACd,KACE,OAAO,GAAU,gBAAgB,cAAe,WAC9C,EAAS,eAAe,aACxB,MAEF,IAAc,IAAe,EAAe,EAAa,GAAG,KAAA,GAE5D,IACJ,OAAO,GAAU,gBAAgB,aAAc,WAC3C,EAAS,eAAe,YACxB,MAEF,IAAgC;AACpC,CAkBE,IAlBE,IAKA,GAAc,aACd,EAAyB;EACvB,YAAY;EACZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GACK,IACQ,EAAyB;EACxC,YAAY;EAGZ,iBAAiB,EAA4B,EAAa;EAC3D,CAAC,GAEe,GAAc,aAAa,GAAU,aAAa;CAGrE,IAAM,IACJ,KAAkB,IACb,EAAiB,GAAc,EAAe,IAAI,IACnD,GACA,IAAqB,GAAa,oBAAoB,EAAE,EACxD,IAAgB,KAAgB,EAAmB,SAAS;AAKlE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA,sBAV2B,IACxB,KAAkB,OACnB;EASF;EACA;EACD"}

package/dist/hooks/use-chat-input-profile-state.cjs

@@ -0,0 +1,2 @@
+require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`../node_modules/@tanstack/react-query/build/modern/useMutationState.cjs`),t=require(`./query/use-agent-profiles.cjs`),n=require(`./mutation/use-activate-agent-profile.cjs`);let r=require(`react`);function i(){let{data:i,isLoading:a}=t.useAgentProfiles(),o=n.useActivateAgentProfile(),s=e.useIsMutating({mutationKey:n.ACTIVATE_AGENT_PROFILE_MUTATION_KEY})>0,c=i?.profiles??[],l=i?.active_agent_profile_id??null;return{profiles:c,currentProfileId:l,currentProfileName:c.find(e=>e.id!=null&&e.id===l)?.name??null,isLoading:a,isSwitching:s,selectProfile:(0,r.useCallback)(e=>{!e.id||e.id===l||o.mutate(e.id)},[l,o])}}exports.useChatInputProfileState=i;
+//# sourceMappingURL=use-chat-input-profile-state.cjs.map

package/dist/hooks/use-chat-input-profile-state.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-input-profile-state.cjs","names":[],"sources":["../../src/hooks/use-chat-input-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { AgentProfileSummary } from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport {\n  useActivateAgentProfile,\n  ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n} from \"#/hooks/mutation/use-activate-agent-profile\";\n\nexport interface ChatInputProfileState {\n  profiles: AgentProfileSummary[];\n  /** id of the active profile the next conversation will launch from. */\n  currentProfileId: string | null;\n  currentProfileName: string | null;\n  isLoading: boolean;\n  isSwitching: boolean;\n  /** Activate a profile so the next conversation launches from it. */\n  selectProfile: (profile: AgentProfileSummary) => void;\n}\n\n/**\n * Backs the home chat-input AgentProfile picker. This picker is only rendered\n * on the home screen — inside a conversation the chat input shows the\n * in-conversation LLM-profile picker (OpenHands) or model picker (ACP) instead\n * (see `chat-input-actions.tsx` `pickerKind`). So selecting a profile here\n * simply activates it as the launch default; `useCreateConversation` reads the\n * active profile when the next conversation starts.\n */\nexport function useChatInputProfileState(): ChatInputProfileState {\n  const { data: agentProfiles, isLoading } = useAgentProfiles();\n  const activateProfile = useActivateAgentProfile();\n  // Observe the activation globally by mutation key so the picker button (a\n  // separate hook instance from the menu that fires it) disables correctly\n  // while a switch is in flight (#1571).\n  const isSwitching =\n    useIsMutating({ mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY }) > 0;\n\n  const profiles = agentProfiles?.profiles ?? [];\n  const currentProfileId = agentProfiles?.active_agent_profile_id ?? null;\n  const currentProfileName =\n    profiles.find((p) => p.id != null && p.id === currentProfileId)?.name ??\n    null;\n\n  const selectProfile = useCallback(\n    (profile: AgentProfileSummary) => {\n      if (!profile.id || profile.id === currentProfileId) return;\n      activateProfile.mutate(profile.id);\n    },\n    [currentProfileId, activateProfile],\n  );\n\n  return {\n    profiles,\n    currentProfileId,\n    currentProfileName,\n    isLoading,\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":"kQA4BA,SAAgB,GAAkD,CAChE,GAAM,CAAE,KAAM,EAAe,aAAc,EAAA,kBAAkB,CACvD,EAAkB,EAAA,yBAAyB,CAI3C,EACJ,EAAA,cAAc,CAAE,YAAa,EAAA,oCAAqC,CAAC,CAAG,EAElE,EAAW,GAAe,UAAY,EAAE,CACxC,EAAmB,GAAe,yBAA2B,KAanE,MAAO,CACL,WACA,mBACA,mBAdA,EAAS,KAAM,GAAM,EAAE,IAAM,MAAQ,EAAE,KAAO,EAAiB,EAAE,MACjE,KAcA,YACA,cACA,eAAA,EAAA,EAAA,aAbC,GAAiC,CAC5B,CAAC,EAAQ,IAAM,EAAQ,KAAO,GAClC,EAAgB,OAAO,EAAQ,GAAG,EAEpC,CAAC,EAAkB,EAAgB,CASnC,CACD"}

package/dist/hooks/use-chat-input-profile-state.d.ts

@@ -0,0 +1,20 @@
+import type { AgentProfileSummary } from "#/api/agent-profiles-service/agent-profiles-service.api";
+export interface ChatInputProfileState {
+    profiles: AgentProfileSummary[];
+    /** id of the active profile the next conversation will launch from. */
+    currentProfileId: string | null;
+    currentProfileName: string | null;
+    isLoading: boolean;
+    isSwitching: boolean;
+    /** Activate a profile so the next conversation launches from it. */
+    selectProfile: (profile: AgentProfileSummary) => void;
+}
+/**
+ * Backs the home chat-input AgentProfile picker. This picker is only rendered
+ * on the home screen — inside a conversation the chat input shows the
+ * in-conversation LLM-profile picker (OpenHands) or model picker (ACP) instead
+ * (see `chat-input-actions.tsx` `pickerKind`). So selecting a profile here
+ * simply activates it as the launch default; `useCreateConversation` reads the
+ * active profile when the next conversation starts.
+ */
+export declare function useChatInputProfileState(): ChatInputProfileState;

package/dist/hooks/use-chat-input-profile-state.js

@@ -0,0 +1,22 @@
+import { useIsMutating as e } from "../node_modules/@tanstack/react-query/build/modern/useMutationState.js";
+import { useAgentProfiles as t } from "./query/use-agent-profiles.js";
+import { ACTIVATE_AGENT_PROFILE_MUTATION_KEY as n, useActivateAgentProfile as r } from "./mutation/use-activate-agent-profile.js";
+import { useCallback as i } from "react";
+//#region src/hooks/use-chat-input-profile-state.ts
+function a() {
+	let { data: a, isLoading: o } = t(), s = r(), c = e({ mutationKey: n }) > 0, l = a?.profiles ?? [], u = a?.active_agent_profile_id ?? null;
+	return {
+		profiles: l,
+		currentProfileId: u,
+		currentProfileName: l.find((e) => e.id != null && e.id === u)?.name ?? null,
+		isLoading: o,
+		isSwitching: c,
+		selectProfile: i((e) => {
+			!e.id || e.id === u || s.mutate(e.id);
+		}, [u, s])
+	};
+}
+//#endregion
+export { a as useChatInputProfileState };
+
+//# sourceMappingURL=use-chat-input-profile-state.js.map

package/dist/hooks/use-chat-input-profile-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-input-profile-state.js","names":[],"sources":["../../src/hooks/use-chat-input-profile-state.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useIsMutating } from \"@tanstack/react-query\";\nimport type { AgentProfileSummary } from \"#/api/agent-profiles-service/agent-profiles-service.api\";\nimport { useAgentProfiles } from \"#/hooks/query/use-agent-profiles\";\nimport {\n  useActivateAgentProfile,\n  ACTIVATE_AGENT_PROFILE_MUTATION_KEY,\n} from \"#/hooks/mutation/use-activate-agent-profile\";\n\nexport interface ChatInputProfileState {\n  profiles: AgentProfileSummary[];\n  /** id of the active profile the next conversation will launch from. */\n  currentProfileId: string | null;\n  currentProfileName: string | null;\n  isLoading: boolean;\n  isSwitching: boolean;\n  /** Activate a profile so the next conversation launches from it. */\n  selectProfile: (profile: AgentProfileSummary) => void;\n}\n\n/**\n * Backs the home chat-input AgentProfile picker. This picker is only rendered\n * on the home screen — inside a conversation the chat input shows the\n * in-conversation LLM-profile picker (OpenHands) or model picker (ACP) instead\n * (see `chat-input-actions.tsx` `pickerKind`). So selecting a profile here\n * simply activates it as the launch default; `useCreateConversation` reads the\n * active profile when the next conversation starts.\n */\nexport function useChatInputProfileState(): ChatInputProfileState {\n  const { data: agentProfiles, isLoading } = useAgentProfiles();\n  const activateProfile = useActivateAgentProfile();\n  // Observe the activation globally by mutation key so the picker button (a\n  // separate hook instance from the menu that fires it) disables correctly\n  // while a switch is in flight (#1571).\n  const isSwitching =\n    useIsMutating({ mutationKey: ACTIVATE_AGENT_PROFILE_MUTATION_KEY }) > 0;\n\n  const profiles = agentProfiles?.profiles ?? [];\n  const currentProfileId = agentProfiles?.active_agent_profile_id ?? null;\n  const currentProfileName =\n    profiles.find((p) => p.id != null && p.id === currentProfileId)?.name ??\n    null;\n\n  const selectProfile = useCallback(\n    (profile: AgentProfileSummary) => {\n      if (!profile.id || profile.id === currentProfileId) return;\n      activateProfile.mutate(profile.id);\n    },\n    [currentProfileId, activateProfile],\n  );\n\n  return {\n    profiles,\n    currentProfileId,\n    currentProfileName,\n    isLoading,\n    isSwitching,\n    selectProfile,\n  };\n}\n"],"mappings":";;;;;AA4BA,SAAgB,IAAkD;CAChE,IAAM,EAAE,MAAM,GAAe,iBAAc,GAAkB,EACvD,IAAkB,GAAyB,EAI3C,IACJ,EAAc,EAAE,aAAa,GAAqC,CAAC,GAAG,GAElE,IAAW,GAAe,YAAY,EAAE,EACxC,IAAmB,GAAe,2BAA2B;AAanE,QAAO;EACL;EACA;EACA,oBAdA,EAAS,MAAM,MAAM,EAAE,MAAM,QAAQ,EAAE,OAAO,EAAiB,EAAE,QACjE;EAcA;EACA;EACA,eAdoB,GACnB,MAAiC;AAC5B,IAAC,EAAQ,MAAM,EAAQ,OAAO,KAClC,EAAgB,OAAO,EAAQ,GAAG;KAEpC,CAAC,GAAkB,EAAgB,CASnC;EACD"}

package/dist/hooks/use-conversation-name-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(`../utils/status.cjs`),ee=require(`../context/navigation-context.cjs`),i=require(`../utils/custom-toast-handlers.cjs`),a=require(`../contexts/active-backend-context.cjs`),o=require(`../stores/use-event-store.cjs`),s=require(`../stores/metrics-store.cjs`),c=require(`./query/use-active-conversation.cjs`),l=require(`./mutation/use-delete-conversation.cjs`),u=require(`./mutation/use-unified-stop-conversation.cjs`),d=require(`./mutation/use-update-conversation-public-flag.cjs`),f=require(`./use-download-conversation.cjs`),p=require(`../utils/system-message-adapter.cjs`);let m=require(`react`);m=e.__toESM(m,1);function h({conversationId:e,executionStatus:h,showOptions:g=!1,onContextMenuToggle:_}){let{t:v}=t.useTranslation(),{conversationId:y,navigate:b}=ee.useNavigation(),{backend:x}=a.useActiveBackend(),S=o.useEventStore(e=>e.events),{mutate:C}=l.useDeleteConversation(),{mutate:w}=u.useUnifiedPauseConversation(),{mutate:T}=d.useUpdateConversationPublicFlag(),{data:E}=c.useActiveConversation(),D=s.default(),[O,k]=m.default.useState(!1),[A,j]=m.default.useState(!1),[M,N]=m.default.useState(!1),[P,F]=m.default.useState(!1),[I,L]=m.default.useState(!1),[R,z]=m.default.useState(!1),{mutateAsync:B}=f.useDownloadConversation(),V=p.adaptSystemMessage(S),H=e=>{e.preventDefault(),e.stopPropagation(),L(!0),_?.(!1)},U=e=>{e.preventDefault(),e.stopPropagation(),z(!0),_?.(!1)},W=()=>{e&&C({conversationId:e},{onSuccess:()=>{e===y&&b(`/conversations`)}}),L(!1)},G=()=>{e&&w({conversationId:e}),z(!1)},K=e=>{e.preventDefault(),e.stopPropagation(),_?.(!1)},q=async t=>{t.preventDefault(),t.stopPropagation(),e&&await B(e),_?.(!1)},J=e=>{e.stopPropagation(),k(!0),_?.(!1)},Y=e=>{e.stopPropagation(),j(!0),_?.(!1)},X=e=>{e.stopPropagation(),N(!0),_?.(!1)},Z=e=>{e.stopPropagation(),F(!0),_?.(!1)},Q=t=>{e&&E&&T({conversationId:e,isPublic:t??!E.public})},$=m.default.useMemo(()=>e?`${x.kind===`cloud`?x.host.replace(/\/+$/,``):window.location.origin}/shared/conversations/${e}`:``,[e,x.kind,x.host]);return{handleDelete:H,handleStop:U,handleEdit:K,handleDownloadConversation:q,handleDisplayCost:J,handleShowAgentTools:Y,handleShowSkills:X,handleShowHooks:Z,handleTogglePublic:Q,handleCopyShareLink:e=>{if(e.preventDefault(),e.stopPropagation(),!$){_?.(!1);return}navigator.clipboard.writeText($),i.displaySuccessToast(v(n.I18nKey.CONVERSATION$LINK_COPIED))},shareUrl:$,handleConfirmDelete:W,handleConfirmStop:G,metricsModalVisible:O,setMetricsModalVisible:k,systemModalVisible:A,setSystemModalVisible:j,skillsModalVisible:M,setSkillsModalVisible:N,hooksModalVisible:P,setHooksModalVisible:F,confirmDeleteModalVisible:I,setConfirmDeleteModalVisible:L,confirmStopModalVisible:R,setConfirmStopModalVisible:z,metrics:D,systemMessage:V,shouldShowStop:r.isExecutionActive(h),shouldShowDownloadConversation:!!(e&&g),shouldShowDisplayCost:g,shouldShowAgentTools:!!(g&&V),shouldShowSkills:!!(g&&e),shouldShowHooks:!!(g&&e&&r.isExecutionActive(h))}}exports.useConversationNameContextMenu=h;
+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/status.cjs`),ee=require(`../context/navigation-context.cjs`),i=require(`../utils/custom-toast-handlers.cjs`),a=require(`../contexts/active-backend-context.cjs`),o=require(`../stores/use-event-store.cjs`),s=require(`../api/conversation-metadata-store.cjs`),c=require(`../stores/metrics-store.cjs`),te=require(`./query/use-active-conversation.cjs`),l=require(`./mutation/use-delete-conversation.cjs`),u=require(`./mutation/use-unified-stop-conversation.cjs`),d=require(`./mutation/use-update-conversation-public-flag.cjs`),f=require(`./use-download-conversation.cjs`),p=require(`../utils/system-message-adapter.cjs`);let m=require(`react`);m=e.__toESM(m,1);function h({conversationId:e,executionStatus:h,showOptions:g=!1,onContextMenuToggle:_}){let{t:v}=t.useTranslation(),{conversationId:y,navigate:b}=ee.useNavigation(),{backend:x}=a.useActiveBackend(),S=o.useEventStore(e=>e.events),{mutate:C}=l.useDeleteConversation(),{mutate:w}=u.useUnifiedPauseConversation(),{mutate:T}=d.useUpdateConversationPublicFlag(),{data:E}=te.useActiveConversation(),D=c.default(),[O,k]=m.default.useState(!1),[A,j]=m.default.useState(!1),[M,N]=m.default.useState(!1),[P,F]=m.default.useState(!1),[I,L]=m.default.useState(!1),[R,z]=m.default.useState(!1),[B,V]=m.default.useState(!1),{mutateAsync:H}=f.useDownloadConversation(),U=p.adaptSystemMessage(S),W=e=>{e.preventDefault(),e.stopPropagation(),z(!0),_?.(!1)},G=e=>{e.preventDefault(),e.stopPropagation(),V(!0),_?.(!1)},K=()=>{e&&C({conversationId:e},{onSuccess:()=>{e===y&&b(`/conversations`)}}),z(!1)},q=()=>{e&&w({conversationId:e}),V(!1)},J=e=>{e.preventDefault(),e.stopPropagation(),_?.(!1)},Y=async t=>{t.preventDefault(),t.stopPropagation(),e&&await H(e),_?.(!1)},X=e=>{e.stopPropagation(),k(!0),_?.(!1)},Z=e=>{e.stopPropagation(),j(!0),_?.(!1)},Q=e=>{e.stopPropagation(),N(!0),_?.(!1)},ne=e=>{e.stopPropagation(),F(!0),_?.(!1)},re=e=>{e.stopPropagation(),L(!0),_?.(!1)},ie=t=>{e&&E&&T({conversationId:e,isPublic:t??!E.public})},$=m.default.useMemo(()=>e?`${x.kind===`cloud`?x.host.replace(/\/+$/,``):window.location.origin}/shared/conversations/${e}`:``,[e,x.kind,x.host]);return{handleDelete:W,handleStop:G,handleEdit:J,handleDownloadConversation:Y,handleDisplayCost:X,handleShowAgentTools:Z,handleShowSkills:Q,handleShowPlugins:ne,handleShowHooks:re,handleTogglePublic:ie,handleCopyShareLink:e=>{if(e.preventDefault(),e.stopPropagation(),!$){_?.(!1);return}navigator.clipboard.writeText($),i.displaySuccessToast(v(n.I18nKey.CONVERSATION$LINK_COPIED))},shareUrl:$,handleConfirmDelete:K,handleConfirmStop:q,metricsModalVisible:O,setMetricsModalVisible:k,systemModalVisible:A,setSystemModalVisible:j,skillsModalVisible:M,setSkillsModalVisible:N,pluginsModalVisible:P,setPluginsModalVisible:F,hooksModalVisible:I,setHooksModalVisible:L,confirmDeleteModalVisible:R,setConfirmDeleteModalVisible:z,confirmStopModalVisible:B,setConfirmStopModalVisible:V,metrics:D,systemMessage:U,shouldShowStop:r.isExecutionActive(h),shouldShowDownloadConversation:!!(e&&g),shouldShowDisplayCost:g,shouldShowAgentTools:!!(g&&U),shouldShowSkills:!!(g&&e),shouldShowPlugins:!!(g&&e&&(s.getStoredConversationMetadata(e)?.plugins?.length??0)>0),shouldShowHooks:!!(g&&e&&r.isExecutionActive(h))}}exports.useConversationNameContextMenu=h;
 //# sourceMappingURL=use-conversation-name-context-menu.cjs.map

package/dist/hooks/use-conversation-name-context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-conversation-name-context-menu.cjs","names":[],"sources":["../../src/hooks/use-conversation-name-context-menu.ts"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useDeleteConversation } from \"./mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"./mutation/use-unified-stop-conversation\";\nimport { useUpdateConversationPublicFlag } from \"./mutation/use-update-conversation-public-flag\";\nimport { useActiveConversation } from \"./query/use-active-conversation\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\n\nimport { useDownloadConversation } from \"./use-download-conversation\";\nimport {\n  adaptSystemMessage,\n  SystemMessageForModal,\n} from \"#/utils/system-message-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive } from \"#/utils/status\";\n\ninterface UseConversationNameContextMenuProps {\n  conversationId?: string;\n  executionStatus?: ExecutionStatus | null;\n  showOptions?: boolean;\n  onContextMenuToggle?: (isOpen: boolean) => void;\n}\n\nexport function useConversationNameContextMenu({\n  conversationId,\n  executionStatus,\n  showOptions = false,\n  onContextMenuToggle,\n}: UseConversationNameContextMenuProps) {\n  const { t } = useTranslation();\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend } = useActiveBackend();\n  const events = useEventStore((state) => state.events);\n  const { mutate: deleteConversation } = useDeleteConversation();\n  const { mutate: stopConversation } = useUnifiedPauseConversation();\n  const { mutate: updatePublicFlag } = useUpdateConversationPublicFlag();\n  const { data: conversation } = useActiveConversation();\n  const metrics = useMetricsStore();\n\n  const [metricsModalVisible, setMetricsModalVisible] = React.useState(false);\n  const [systemModalVisible, setSystemModalVisible] = React.useState(false);\n  const [skillsModalVisible, setSkillsModalVisible] = React.useState(false);\n  const [hooksModalVisible, setHooksModalVisible] = React.useState(false);\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const { mutateAsync: downloadConversation } = useDownloadConversation();\n\n  const systemMessage: SystemMessageForModal | null =\n    adaptSystemMessage(events);\n\n  const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setConfirmDeleteModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setConfirmStopModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleConfirmDelete = () => {\n    if (conversationId) {\n      deleteConversation(\n        { conversationId },\n        {\n          onSuccess: () => {\n            if (conversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n    setConfirmDeleteModalVisible(false);\n  };\n\n  const handleConfirmStop = () => {\n    if (conversationId) {\n      stopConversation({ conversationId });\n    }\n    setConfirmStopModalVisible(false);\n  };\n\n  const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    // This will be handled by the parent component to switch to edit mode\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDownloadConversation = async (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      await downloadConversation(conversationId);\n    }\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDisplayCost = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setMetricsModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowAgentTools = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setSystemModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowSkills = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setSkillsModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowHooks = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setHooksModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleTogglePublic = (nextIsPublic?: boolean) => {\n    if (conversationId && conversation) {\n      updatePublicFlag({\n        conversationId,\n        isPublic: nextIsPublic ?? !conversation.public,\n      });\n    }\n    // Intentionally don't close the menu — let the user see the toggle flip.\n  };\n\n  const shareUrl = React.useMemo(() => {\n    if (!conversationId) return \"\";\n    // On cloud backends, the shareable URL must point at the cloud\n    // environment's host (e.g. the cloud app domain) rather than the local\n    // dev origin so the link works for anyone the user shares it with.\n    const origin =\n      backend.kind === \"cloud\"\n        ? backend.host.replace(/\\/+$/, \"\")\n        : window.location.origin;\n    return `${origin}/shared/conversations/${conversationId}`;\n  }, [conversationId, backend.kind, backend.host]);\n\n  const handleCopyShareLink = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!shareUrl) {\n      onContextMenuToggle?.(false);\n      return;\n    }\n\n    navigator.clipboard.writeText(shareUrl);\n    displaySuccessToast(t(I18nKey.CONVERSATION$LINK_COPIED));\n  };\n\n  return {\n    // Handlers\n    handleDelete,\n    handleStop,\n    handleEdit,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n\n    // Modal states\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n\n    // Data\n    metrics,\n    systemMessage,\n\n    shouldShowStop: isExecutionActive(executionStatus),\n    shouldShowDownloadConversation: Boolean(conversationId && showOptions),\n    shouldShowDisplayCost: showOptions,\n    shouldShowAgentTools: Boolean(showOptions && systemMessage),\n    shouldShowSkills: Boolean(showOptions && conversationId),\n    shouldShowHooks: Boolean(\n      showOptions && conversationId && isExecutionActive(executionStatus),\n    ),\n  };\n}\n"],"mappings":"8wBA4BA,SAAgB,EAA+B,CAC7C,iBACA,kBACA,cAAc,GACd,uBACsC,CACtC,GAAM,CAAE,KAAM,EAAA,gBAAgB,CACxB,CAAE,eAAgB,EAAuB,YAAa,GAAA,eAAe,CACrE,CAAE,WAAY,EAAA,kBAAkB,CAChC,EAAS,EAAA,cAAe,GAAU,EAAM,OAAO,CAC/C,CAAE,OAAQ,GAAuB,EAAA,uBAAuB,CACxD,CAAE,OAAQ,GAAqB,EAAA,6BAA6B,CAC5D,CAAE,OAAQ,GAAqB,EAAA,iCAAiC,CAChE,CAAE,KAAM,GAAiB,EAAA,uBAAuB,CAChD,EAAU,EAAA,SAAiB,CAE3B,CAAC,EAAqB,GAA0B,EAAA,QAAM,SAAS,GAAM,CACrE,CAAC,EAAoB,GAAyB,EAAA,QAAM,SAAS,GAAM,CACnE,CAAC,EAAoB,GAAyB,EAAA,QAAM,SAAS,GAAM,CACnE,CAAC,EAAmB,GAAwB,EAAA,QAAM,SAAS,GAAM,CACjE,CAAC,EAA2B,GAChC,EAAA,QAAM,SAAS,GAAM,CACjB,CAAC,EAAyB,GAC9B,EAAA,QAAM,SAAS,GAAM,CACjB,CAAE,YAAa,GAAyB,EAAA,yBAAyB,CAEjE,EACJ,EAAA,mBAAmB,EAAO,CAEtB,EAAgB,GAA+C,CACnE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAA6B,GAAK,CAClC,IAAsB,GAAM,EAGxB,EAAc,GAA+C,CACjE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACvB,EAA2B,GAAK,CAChC,IAAsB,GAAM,EAGxB,MAA4B,CAC5B,GACF,EACE,CAAE,iBAAgB,CAClB,CACE,cAAiB,CACX,IAAmB,GACrB,EAAS,iBAAiB,EAG/B,CACF,CAEH,EAA6B,GAAM,EAG/B,MAA0B,CAC1B,GACF,EAAiB,CAAE,iBAAgB,CAAC,CAEtC,EAA2B,GAAM,EAG7B,EAAc,GAA+C,CACjE,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEvB,IAAsB,GAAM,EAGxB,EAA6B,KACjC,IACG,CACH,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CACnB,GACF,MAAM,EAAqB,EAAe,CAE5C,IAAsB,GAAM,EAGxB,EAAqB,GAA+C,CACxE,EAAM,iBAAiB,CACvB,EAAuB,GAAK,CAC5B,IAAsB,GAAM,EAGxB,EAAwB,GAA+C,CAC3E,EAAM,iBAAiB,CACvB,EAAsB,GAAK,CAC3B,IAAsB,GAAM,EAGxB,EAAoB,GAA+C,CACvE,EAAM,iBAAiB,CACvB,EAAsB,GAAK,CAC3B,IAAsB,GAAM,EAGxB,EAAmB,GAA+C,CACtE,EAAM,iBAAiB,CACvB,EAAqB,GAAK,CAC1B,IAAsB,GAAM,EAGxB,EAAsB,GAA2B,CACjD,GAAkB,GACpB,EAAiB,CACf,iBACA,SAAU,GAAgB,CAAC,EAAa,OACzC,CAAC,EAKA,EAAW,EAAA,QAAM,YAChB,EAQE,GAHL,EAAQ,OAAS,QACb,EAAQ,KAAK,QAAQ,OAAQ,GAAG,CAChC,OAAO,SAAS,OACL,wBAAwB,IARb,GAS3B,CAAC,EAAgB,EAAQ,KAAM,EAAQ,KAAK,CAAC,CAehD,MAAO,CAEL,eACA,aACA,aACA,6BACA,oBACA,uBACA,mBACA,kBACA,qBACA,oBAxB2B,GAA+C,CAI1E,GAHA,EAAM,gBAAgB,CACtB,EAAM,iBAAiB,CAEnB,CAAC,EAAU,CACb,IAAsB,GAAM,CAC5B,OAGF,UAAU,UAAU,UAAU,EAAS,CACvC,EAAA,oBAAoB,EAAE,EAAA,QAAQ,yBAAyB,CAAC,EAexD,WACA,sBACA,oBAGA,sBACA,yBACA,qBACA,wBACA,qBACA,wBACA,oBACA,uBACA,4BACA,+BACA,0BACA,6BAGA,UACA,gBAEA,eAAgB,EAAA,kBAAkB,EAAgB,CAClD,+BAAgC,GAAQ,GAAkB,GAC1D,sBAAuB,EACvB,qBAAsB,GAAQ,GAAe,GAC7C,iBAAkB,GAAQ,GAAe,GACzC,gBAAiB,GACf,GAAe,GAAkB,EAAA,kBAAkB,EAAgB,EAEtE"}
+{"version":3,"file":"use-conversation-name-context-menu.cjs","names":[],"sources":["../../src/hooks/use-conversation-name-context-menu.ts"],"sourcesContent":["import React from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { useNavigation } from \"#/context/navigation-context\";\nimport { useActiveBackend } from \"#/contexts/active-backend-context\";\nimport useMetricsStore from \"#/stores/metrics-store\";\nimport { useDeleteConversation } from \"./mutation/use-delete-conversation\";\nimport { useUnifiedPauseConversation } from \"./mutation/use-unified-stop-conversation\";\nimport { useUpdateConversationPublicFlag } from \"./mutation/use-update-conversation-public-flag\";\nimport { useActiveConversation } from \"./query/use-active-conversation\";\nimport { useEventStore } from \"#/stores/use-event-store\";\nimport { displaySuccessToast } from \"#/utils/custom-toast-handlers\";\nimport { I18nKey } from \"#/i18n/declaration\";\nimport { getStoredConversationMetadata } from \"#/api/conversation-metadata-store\";\n\nimport { useDownloadConversation } from \"./use-download-conversation\";\nimport {\n  adaptSystemMessage,\n  SystemMessageForModal,\n} from \"#/utils/system-message-adapter\";\nimport { ExecutionStatus } from \"#/types/agent-server/core/base/common\";\nimport { isExecutionActive } from \"#/utils/status\";\n\ninterface UseConversationNameContextMenuProps {\n  conversationId?: string;\n  executionStatus?: ExecutionStatus | null;\n  showOptions?: boolean;\n  onContextMenuToggle?: (isOpen: boolean) => void;\n}\n\nexport function useConversationNameContextMenu({\n  conversationId,\n  executionStatus,\n  showOptions = false,\n  onContextMenuToggle,\n}: UseConversationNameContextMenuProps) {\n  const { t } = useTranslation();\n  const { conversationId: currentConversationId, navigate } = useNavigation();\n  const { backend } = useActiveBackend();\n  const events = useEventStore((state) => state.events);\n  const { mutate: deleteConversation } = useDeleteConversation();\n  const { mutate: stopConversation } = useUnifiedPauseConversation();\n  const { mutate: updatePublicFlag } = useUpdateConversationPublicFlag();\n  const { data: conversation } = useActiveConversation();\n  const metrics = useMetricsStore();\n\n  const [metricsModalVisible, setMetricsModalVisible] = React.useState(false);\n  const [systemModalVisible, setSystemModalVisible] = React.useState(false);\n  const [skillsModalVisible, setSkillsModalVisible] = React.useState(false);\n  const [pluginsModalVisible, setPluginsModalVisible] = React.useState(false);\n  const [hooksModalVisible, setHooksModalVisible] = React.useState(false);\n  const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =\n    React.useState(false);\n  const [confirmStopModalVisible, setConfirmStopModalVisible] =\n    React.useState(false);\n  const { mutateAsync: downloadConversation } = useDownloadConversation();\n\n  const systemMessage: SystemMessageForModal | null =\n    adaptSystemMessage(events);\n\n  const handleDelete = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setConfirmDeleteModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    setConfirmStopModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleConfirmDelete = () => {\n    if (conversationId) {\n      deleteConversation(\n        { conversationId },\n        {\n          onSuccess: () => {\n            if (conversationId === currentConversationId) {\n              navigate(\"/conversations\");\n            }\n          },\n        },\n      );\n    }\n    setConfirmDeleteModalVisible(false);\n  };\n\n  const handleConfirmStop = () => {\n    if (conversationId) {\n      stopConversation({ conversationId });\n    }\n    setConfirmStopModalVisible(false);\n  };\n\n  const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    // This will be handled by the parent component to switch to edit mode\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDownloadConversation = async (\n    event: React.MouseEvent<HTMLButtonElement>,\n  ) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (conversationId) {\n      await downloadConversation(conversationId);\n    }\n    onContextMenuToggle?.(false);\n  };\n\n  const handleDisplayCost = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setMetricsModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowAgentTools = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setSystemModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowSkills = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setSkillsModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowPlugins = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setPluginsModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleShowHooks = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.stopPropagation();\n    setHooksModalVisible(true);\n    onContextMenuToggle?.(false);\n  };\n\n  const handleTogglePublic = (nextIsPublic?: boolean) => {\n    if (conversationId && conversation) {\n      updatePublicFlag({\n        conversationId,\n        isPublic: nextIsPublic ?? !conversation.public,\n      });\n    }\n    // Intentionally don't close the menu — let the user see the toggle flip.\n  };\n\n  const shareUrl = React.useMemo(() => {\n    if (!conversationId) return \"\";\n    // On cloud backends, the shareable URL must point at the cloud\n    // environment's host (e.g. the cloud app domain) rather than the local\n    // dev origin so the link works for anyone the user shares it with.\n    const origin =\n      backend.kind === \"cloud\"\n        ? backend.host.replace(/\\/+$/, \"\")\n        : window.location.origin;\n    return `${origin}/shared/conversations/${conversationId}`;\n  }, [conversationId, backend.kind, backend.host]);\n\n  const handleCopyShareLink = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (!shareUrl) {\n      onContextMenuToggle?.(false);\n      return;\n    }\n\n    navigator.clipboard.writeText(shareUrl);\n    displaySuccessToast(t(I18nKey.CONVERSATION$LINK_COPIED));\n  };\n\n  return {\n    // Handlers\n    handleDelete,\n    handleStop,\n    handleEdit,\n    handleDownloadConversation,\n    handleDisplayCost,\n    handleShowAgentTools,\n    handleShowSkills,\n    handleShowPlugins,\n    handleShowHooks,\n    handleTogglePublic,\n    handleCopyShareLink,\n    shareUrl,\n    handleConfirmDelete,\n    handleConfirmStop,\n\n    // Modal states\n    metricsModalVisible,\n    setMetricsModalVisible,\n    systemModalVisible,\n    setSystemModalVisible,\n    skillsModalVisible,\n    setSkillsModalVisible,\n    pluginsModalVisible,\n    setPluginsModalVisible,\n    hooksModalVisible,\n    setHooksModalVisible,\n    confirmDeleteModalVisible,\n    setConfirmDeleteModalVisible,\n    confirmStopModalVisible,\n    setConfirmStopModalVisible,\n\n    // Data\n    metrics,\n    systemMessage,\n\n    shouldShowStop: isExecutionActive(executionStatus),\n    shouldShowDownloadConversation: Boolean(conversationId && showOptions),\n    shouldShowDisplayCost: showOptions,\n    shouldShowAgentTools: Boolean(showOptions && systemMessage),\n    shouldShowSkills: Boolean(showOptions && conversationId),\n    shouldShowPlugins: Boolean(\n      showOptions &&\n      conversationId &&\n      (getStoredConversationMetadata(conversationId)?.plugins?.length ?? 0) > 0,\n    ),\n    shouldShowHooks: Boolean(\n      showOptions && conversationId && isExecutionActive(executionStatus),\n    ),\n  };\n}\n"],"mappings":"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"}

package/dist/hooks/use-conversation-name-context-menu.d.ts

@@ -15,6 +15,7 @@ export declare function useConversationNameContextMenu({ conversationId, executi
     handleDisplayCost: (event: React.MouseEvent<HTMLButtonElement>) => void;
     handleShowAgentTools: (event: React.MouseEvent<HTMLButtonElement>) => void;
     handleShowSkills: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    handleShowPlugins: (event: React.MouseEvent<HTMLButtonElement>) => void;
     handleShowHooks: (event: React.MouseEvent<HTMLButtonElement>) => void;
     handleTogglePublic: (nextIsPublic?: boolean) => void;
     handleCopyShareLink: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -27,6 +28,8 @@ export declare function useConversationNameContextMenu({ conversationId, executi
     setSystemModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
     skillsModalVisible: boolean;
     setSkillsModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    pluginsModalVisible: boolean;
+    setPluginsModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
     hooksModalVisible: boolean;
     setHooksModalVisible: React.Dispatch<React.SetStateAction<boolean>>;
     confirmDeleteModalVisible: boolean;
@@ -40,6 +43,7 @@ export declare function useConversationNameContextMenu({ conversationId, executi
     shouldShowDisplayCost: boolean;
     shouldShowAgentTools: boolean;
     shouldShowSkills: boolean;
+    shouldShowPlugins: boolean;
     shouldShowHooks: boolean;
 };
 export {};