🌱 refactor: simplify scroll management and add useContainerWidth hook

agentic/src/nodes/analysisIssueFix.ts

@@ -325,7 +325,10 @@ If you have any additional details or steps that need to be performed, put it he
     );
 
     if (!response) {
-      this.logger.silly("AnalysisIssueFix returned undefined response");
+      this.logger.warn(
+        `AnalysisIssueFix: LLM returned no response for file "${fileName}". ` +
+          `This may indicate a model provider configuration issue.`,
+      );
       return {
         outputAdditionalInfo: undefined,
         outputUpdatedFile: undefined,
@@ -460,6 +463,9 @@ ${state.inputAllReasoning}`,
     );
 
     if (!response) {
+      this.logger.warn(
+        "SummarizeHistory: LLM returned no response. This may indicate a model provider configuration issue.",
+      );
       return {
         summarizedHistory: "",
         iterationCount: state.iterationCount,

agentic/src/nodes/diagnosticsIssueFix.ts

@@ -343,7 +343,9 @@ Instructions for Agent B to solve Issue 3, Issue 4, etc. (mention specific issue
     );
 
     if (!response) {
-      this.logger.silly("PlanFixes returned undefined response");
+      this.logger.warn(
+        "PlanFixes: LLM returned no response. This may indicate a model provider configuration issue.",
+      );
       return {
         plannerOutputNominatedAgents: [],
         iterationCount: state.iterationCount,
@@ -401,7 +403,9 @@ ${
     );
 
     if (!response) {
-      this.logger.silly("FixGeneralIssues returned undefined response");
+      this.logger.warn(
+        "FixGeneralIssues: LLM returned no response. This may indicate a model provider configuration issue.",
+      );
       return {
         messages: [new AIMessage(`DONE`)],
         outputModifiedFilesFromGeneralFix: [],
@@ -471,7 +475,9 @@ ${state.inputInstructionsForGeneralFix}
     );
 
     if (!response) {
-      this.logger.silly("FixJavaDependencyIssues returned undefined response");
+      this.logger.warn(
+        "FixJavaDependencyIssues: LLM returned no response. This may indicate a model provider configuration issue.",
+      );
       return {
         messages: [new AIMessage(`DONE`)],
         outputModifiedFilesFromGeneralFix: [],

webview-ui/src/hooks/useContainerWidth.ts

@@ -0,0 +1,37 @@
+import { useState, useEffect, useRef, type RefObject } from "react";
+
+const DEFAULT_MIN_WIDTH = 350;
+
+/**
+ * Monitors the width of a container element via ResizeObserver and reports
+ * whether the container is narrower than the given minimum.
+ */
+export function useContainerWidth(minWidth = DEFAULT_MIN_WIDTH): {
+  containerRef: RefObject<HTMLDivElement>;
+  isTooNarrow: boolean;
+  width: number;
+} {
+  const containerRef = useRef<HTMLDivElement>(null);
+  const [width, setWidth] = useState(0);
+
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) {
+      return;
+    }
+
+    const observer = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        const w = entry.contentBoxSize?.[0]?.inlineSize ?? entry.contentRect.width;
+        setWidth(w);
+      }
+    });
+
+    observer.observe(el);
+    setWidth(el.clientWidth);
+
+    return () => observer.disconnect();
+  }, []);
+
+  return { containerRef, isTooNarrow: width > 0 && width < minWidth, width };
+}