@hef2024/llmasaservice-ui 0.25.2 → 0.26.0

package/dist/index.mjs

@@ -4153,6 +4153,58 @@ var ToolInfoModal2 = ({
 var ToolInfoModal_default2 = ToolInfoModal2;
 
 // src/AIChatPanel.tsx
+var USER_INPUT_TOOL_NAMES = /* @__PURE__ */ new Set(["request_user_input", "ff_request_user_input"]);
+var MAX_USER_INPUT_QUESTIONS = 5;
+var MAX_USER_INPUT_OPTIONS = 8;
+var MAX_USER_INPUT_WRITE_IN_CHARS = 1e3;
+var DEFAULT_USER_INPUT_TITLE = "Need your input";
+var DEFAULT_USER_INPUT_INSTRUCTIONS = "Answer these quick questions to continue.";
+var DEFAULT_CONTEXT_WARN_RATIO = 0.7;
+var DEFAULT_CONTEXT_COMPACT_RATIO = 0.9;
+var DEFAULT_CONTEXT_TARGET_RATIO = 0.65;
+var DEFAULT_COMPACTION_PRESERVE_TURNS = 8;
+function toBoundedRatio(value, fallback) {
+  if (!Number.isFinite(value)) return fallback;
+  if (value <= 0) return fallback;
+  if (value >= 1) return 1;
+  return value;
+}
+function estimateTokensFromText(text) {
+  const normalized = typeof text === "string" ? text : "";
+  if (!normalized) return 0;
+  return Math.ceil(normalized.length / 4);
+}
+function estimateTokensFromMessages(messages) {
+  if (!Array.isArray(messages) || messages.length === 0) return 0;
+  return messages.reduce((sum, message) => {
+    const role = typeof (message == null ? void 0 : message.role) === "string" ? message.role : "";
+    const content = typeof (message == null ? void 0 : message.content) === "string" ? message.content : "";
+    return sum + estimateTokensFromText(role) + estimateTokensFromText(content);
+  }, 0);
+}
+function estimateTokensFromData(data) {
+  if (!Array.isArray(data) || data.length === 0) return 0;
+  return data.reduce((sum, entry) => {
+    const key = typeof (entry == null ? void 0 : entry.key) === "string" ? entry.key : "";
+    const value = typeof (entry == null ? void 0 : entry.data) === "string" ? entry.data : "";
+    return sum + estimateTokensFromText(key) + estimateTokensFromText(value);
+  }, 0);
+}
+function formatTokenCount(tokens) {
+  const safeTokens = Number.isFinite(tokens) ? Math.max(0, Math.floor(tokens)) : 0;
+  if (safeTokens >= 1e3) {
+    return `${(safeTokens / 1e3).toFixed(1)}K`;
+  }
+  return safeTokens.toString();
+}
+function buildFallbackWindowMessages(messages, preserveTurns) {
+  if (!Array.isArray(messages) || messages.length === 0) return [];
+  const keepMessageCount = Math.max(2, Math.floor(preserveTurns) * 2);
+  if (messages.length <= keepMessageCount) {
+    return messages;
+  }
+  return messages.slice(messages.length - keepMessageCount);
+}
 var areToolRequestListsEqual = (a, b) => {
   if (a.length !== b.length) return false;
   for (let index = 0; index < a.length; index += 1) {
@@ -4226,6 +4278,106 @@ var shouldPreserveBoundaryDroppedStreamText = (existingContent, incomingContent)
   return isBoundarySubsetByLines(existingLines, incomingLines);
 };
 var isObjectRecord = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+var toTrimmedString = (value) => typeof value === "string" ? value.trim() : "";
+var toBooleanWithDefault = (value, fallback) => typeof value === "boolean" ? value : fallback;
+var parseMaybeJsonString = (value) => {
+  if (typeof value !== "string") return value;
+  const trimmed = value.trim();
+  if (!trimmed) return value;
+  if (!(trimmed.startsWith("{") || trimmed.startsWith("["))) return value;
+  try {
+    return JSON.parse(trimmed);
+  } catch (_error) {
+    return value;
+  }
+};
+var toArrayFromUnknown = (value) => {
+  const parsed = parseMaybeJsonString(value);
+  return Array.isArray(parsed) ? parsed : [];
+};
+var toSlugValue = (value, fallback) => {
+  const normalized = value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return normalized || fallback;
+};
+var normalizeUserInputOptionEntry = (value, optionIndex, questionId) => {
+  const normalizedValue = parseMaybeJsonString(value);
+  if (typeof normalizedValue === "string") {
+    const label2 = normalizedValue.trim();
+    if (!label2) return null;
+    return {
+      label: label2,
+      value: toSlugValue(label2, `${questionId}-option-${optionIndex + 1}`),
+      description: ""
+    };
+  }
+  if (!isObjectRecord(normalizedValue)) return null;
+  const label = toTrimmedString(normalizedValue.label) || toTrimmedString(normalizedValue.title) || toTrimmedString(normalizedValue.value);
+  if (!label) return null;
+  const explicitValue = toTrimmedString(normalizedValue.value);
+  return {
+    label,
+    value: explicitValue || toSlugValue(label, `${questionId}-option-${optionIndex + 1}`),
+    description: toTrimmedString(normalizedValue.description)
+  };
+};
+var normalizeUserInputQuestionEntry = (value, questionIndex) => {
+  const normalizedValue = parseMaybeJsonString(value);
+  if (!isObjectRecord(normalizedValue)) return null;
+  const fallbackId = `question_${questionIndex + 1}`;
+  const id = toSlugValue(
+    toTrimmedString(normalizedValue.id) || toTrimmedString(normalizedValue.key) || fallbackId,
+    fallbackId
+  );
+  const header = toTrimmedString(normalizedValue.header) || `Question ${questionIndex + 1}`;
+  const question = toTrimmedString(normalizedValue.question) || toTrimmedString(normalizedValue.prompt) || toTrimmedString(normalizedValue.text);
+  if (!question) return null;
+  const rawOptions = toArrayFromUnknown(normalizedValue.options);
+  const normalizedOptions = rawOptions.map((entry, optionIndex) => normalizeUserInputOptionEntry(entry, optionIndex, id)).filter((entry) => Boolean(entry)).slice(0, MAX_USER_INPUT_OPTIONS);
+  if (normalizedOptions.length === 0) {
+    return null;
+  }
+  const parsedWriteInConfig = parseMaybeJsonString(normalizedValue.writeIn);
+  const writeInConfig = isObjectRecord(parsedWriteInConfig) ? parsedWriteInConfig : null;
+  const allowWriteIn = toBooleanWithDefault(normalizedValue.allowWriteIn, false) || toBooleanWithDefault(writeInConfig == null ? void 0 : writeInConfig.enabled, false);
+  const writeInPlaceholder = toTrimmedString(normalizedValue.writeInPlaceholder) || toTrimmedString(writeInConfig == null ? void 0 : writeInConfig.placeholder) || "Add details";
+  return {
+    id,
+    header,
+    question,
+    required: toBooleanWithDefault(normalizedValue.required, true),
+    allowWriteIn,
+    writeInPlaceholder,
+    options: normalizedOptions
+  };
+};
+var normalizeUserInputRequest = (args, callId) => {
+  const rawQuestions = toArrayFromUnknown(args.questions);
+  const fallbackQuestion = toTrimmedString(args.question) || toTrimmedString(args.prompt) || toTrimmedString(args.text);
+  const fallbackOptions = toArrayFromUnknown(args.options);
+  const baseQuestions = rawQuestions.length > 0 ? rawQuestions : fallbackQuestion ? [
+    {
+      id: "question_1",
+      header: "Question 1",
+      question: fallbackQuestion,
+      options: fallbackOptions,
+      allowWriteIn: toBooleanWithDefault(args.allowWriteIn, false),
+      writeInPlaceholder: toTrimmedString(args.writeInPlaceholder)
+    }
+  ] : [];
+  const questions = baseQuestions.map((entry, index) => normalizeUserInputQuestionEntry(entry, index)).filter((entry) => Boolean(entry)).slice(0, MAX_USER_INPUT_QUESTIONS);
+  if (questions.length === 0) {
+    throw new Error("request_user_input requires at least one valid question with options.");
+  }
+  return {
+    requestId: toTrimmedString(args.requestId) || toTrimmedString(args.id) || callId,
+    title: toTrimmedString(args.title) || DEFAULT_USER_INPUT_TITLE,
+    instructions: toTrimmedString(args.instructions) || DEFAULT_USER_INPUT_INSTRUCTIONS,
+    submitLabel: toTrimmedString(args.submitLabel) || "Submit",
+    cancelLabel: toTrimmedString(args.cancelLabel) || "Cancel",
+    allowCancel: toBooleanWithDefault(args.allowCancel, true),
+    questions
+  };
+};
 var stringifyToolArgs = (value) => {
   if (typeof value === "string") return value;
   try {
@@ -4962,6 +5114,8 @@ var ChatInput = React14.memo(({
   onSubmit,
   onQueueSubmit,
   onStop,
+  userInputRequest = null,
+  onCompleteUserInputRequest,
   queuedPrompts = [],
   onClearQueuedPrompt,
   agentOptions,
@@ -4975,7 +5129,8 @@ var ChatInput = React14.memo(({
   maxContextTokens = 8e3,
   enableContextDetailView = false,
   disabledSectionIds = /* @__PURE__ */ new Set(),
-  onToggleSection
+  onToggleSection,
+  composerAgentModeControl
 }) => {
   const [inputValue, setInputValue] = useState7("");
   const [dropdownOpen, setDropdownOpen] = useState7(false);
@@ -4985,6 +5140,59 @@ var ChatInput = React14.memo(({
   const textareaRef = useRef6(null);
   const containerRef = useRef6(null);
   const contextPopoverRef = useRef6(null);
+  const [userInputSelections, setUserInputSelections] = useState7({});
+  const [userInputWriteIns, setUserInputWriteIns] = useState7({});
+  const [userInputValidationError, setUserInputValidationError] = useState7("");
+  const [userInputQuestionIndex, setUserInputQuestionIndex] = useState7(0);
+  const [agentModeChipExpanded, setAgentModeChipExpanded] = useState7(false);
+  const isAgentModeActionVisible = composerAgentModeControl !== void 0;
+  const isAgentModeActive = Boolean(composerAgentModeControl == null ? void 0 : composerAgentModeControl.active);
+  const isAgentModeActionDisabled = Boolean(composerAgentModeControl == null ? void 0 : composerAgentModeControl.disabled);
+  const agentModeLabel = String((composerAgentModeControl == null ? void 0 : composerAgentModeControl.label) || "Agent").trim() || "Agent";
+  const agentModeTitle = String((composerAgentModeControl == null ? void 0 : composerAgentModeControl.title) || "").trim() || (isAgentModeActive ? "Agent Mode active for this session" : "Enable Agent Mode");
+  useEffect8(() => {
+    if (isAgentModeActionVisible) return;
+    setAgentModeChipExpanded(false);
+  }, [isAgentModeActionVisible]);
+  useEffect8(() => {
+    if (!isAgentModeActive) return;
+    setAgentModeChipExpanded(true);
+  }, [isAgentModeActive]);
+  const handleAgentModePillClick = useCallback2(() => {
+    if (!isAgentModeActionVisible || isAgentModeActionDisabled) return;
+    if (isAgentModeActive) {
+      setAgentModeChipExpanded(true);
+      return;
+    }
+    setAgentModeChipExpanded(true);
+    if (typeof (composerAgentModeControl == null ? void 0 : composerAgentModeControl.onActivate) === "function") {
+      composerAgentModeControl.onActivate();
+    }
+  }, [
+    composerAgentModeControl,
+    isAgentModeActionDisabled,
+    isAgentModeActionVisible,
+    isAgentModeActive
+  ]);
+  useEffect8(() => {
+    if (!userInputRequest) {
+      setUserInputSelections({});
+      setUserInputWriteIns({});
+      setUserInputValidationError("");
+      setUserInputQuestionIndex(0);
+      return;
+    }
+    const nextSelections = {};
+    const nextWriteIns = {};
+    userInputRequest.questions.forEach((question) => {
+      nextSelections[question.id] = "";
+      nextWriteIns[question.id] = "";
+    });
+    setUserInputSelections(nextSelections);
+    setUserInputWriteIns(nextWriteIns);
+    setUserInputValidationError("");
+    setUserInputQuestionIndex(0);
+  }, [userInputRequest]);
   const autoResize = useCallback2(() => {
     const textarea = textareaRef.current;
     if (textarea) {
@@ -5071,12 +5279,159 @@ var ChatInput = React14.memo(({
   const hasQueuedPrompts = normalizedQueuedPrompts.length > 0;
   const shouldQueueSubmission = isBusy || hasQueuedPrompts;
   const showStopAction = isBusy && !hasDraft;
+  const composerLockedByUserInput = Boolean(userInputRequest);
+  const totalUserInputQuestions = (userInputRequest == null ? void 0 : userInputRequest.questions.length) || 0;
+  const boundedUserInputQuestionIndex = totalUserInputQuestions > 0 ? Math.min(Math.max(userInputQuestionIndex, 0), totalUserInputQuestions - 1) : 0;
+  const activeUserInputQuestion = totalUserInputQuestions > 0 ? (userInputRequest == null ? void 0 : userInputRequest.questions[boundedUserInputQuestionIndex]) || null : null;
+  const isFirstUserInputQuestion = boundedUserInputQuestionIndex <= 0;
+  const isLastUserInputQuestion = totalUserInputQuestions > 0 && boundedUserInputQuestionIndex >= totalUserInputQuestions - 1;
+  const getQuestionAnswerState = useCallback2((question) => {
+    const selectedValue = toTrimmedString(userInputSelections[question.id]);
+    const writeInRaw = toTrimmedString(userInputWriteIns[question.id]);
+    const writeIn = writeInRaw.slice(0, MAX_USER_INPUT_WRITE_IN_CHARS);
+    const selectedOption = question.options.find((option) => option.value === selectedValue) || null;
+    const hasAnswer = Boolean(selectedOption) || question.allowWriteIn && writeIn.length > 0;
+    return {
+      selectedOption,
+      writeIn,
+      hasAnswer
+    };
+  }, [userInputSelections, userInputWriteIns]);
+  const validateUserInputQuestion = useCallback2((question) => {
+    const answerState = getQuestionAnswerState(question);
+    if (question.required && !answerState.hasAnswer) {
+      setUserInputValidationError(`Please answer "${question.header}".`);
+      return false;
+    }
+    return true;
+  }, [getQuestionAnswerState]);
+  const handleUserInputNext = useCallback2(() => {
+    if (!activeUserInputQuestion || isLastUserInputQuestion) return;
+    if (!validateUserInputQuestion(activeUserInputQuestion)) return;
+    setUserInputValidationError("");
+    setUserInputQuestionIndex((prev) => Math.min(prev + 1, totalUserInputQuestions - 1));
+  }, [activeUserInputQuestion, isLastUserInputQuestion, totalUserInputQuestions, validateUserInputQuestion]);
+  const handleUserInputBack = useCallback2(() => {
+    setUserInputValidationError("");
+    setUserInputQuestionIndex((prev) => Math.max(prev - 1, 0));
+  }, []);
+  const handleUserInputSubmit = useCallback2(() => {
+    var _a, _b, _c;
+    if (!userInputRequest || typeof onCompleteUserInputRequest !== "function") {
+      return;
+    }
+    const answers = [];
+    for (let questionIndex = 0; questionIndex < userInputRequest.questions.length; questionIndex += 1) {
+      const question = userInputRequest.questions[questionIndex];
+      const answerState = getQuestionAnswerState(question);
+      if (question.required && !answerState.hasAnswer) {
+        setUserInputQuestionIndex(questionIndex);
+        setUserInputValidationError(`Please answer "${question.header}".`);
+        return;
+      }
+      answers.push({
+        id: question.id,
+        header: question.header,
+        question: question.question,
+        selectedOptionValue: ((_a = answerState.selectedOption) == null ? void 0 : _a.value) || null,
+        selectedOptionLabel: ((_b = answerState.selectedOption) == null ? void 0 : _b.label) || null,
+        writeIn: answerState.writeIn || null,
+        answer: answerState.writeIn || ((_c = answerState.selectedOption) == null ? void 0 : _c.label) || ""
+      });
+    }
+    setUserInputValidationError("");
+    onCompleteUserInputRequest({
+      status: "submitted",
+      requestId: userInputRequest.requestId,
+      answers
+    });
+  }, [getQuestionAnswerState, onCompleteUserInputRequest, userInputRequest]);
+  const handleUserInputCancel = useCallback2(() => {
+    if (!userInputRequest || typeof onCompleteUserInputRequest !== "function") {
+      return;
+    }
+    onCompleteUserInputRequest({
+      status: "cancelled",
+      requestId: userInputRequest.requestId,
+      cancelledBy: "user"
+    });
+  }, [onCompleteUserInputRequest, userInputRequest]);
   return /* @__PURE__ */ React14.createElement(
     "div",
     {
       className: `ai-chat-panel__input-container ${dropdownOpen ? "ai-chat-panel__input-container--dropdown-open" : ""}`,
       ref: containerRef
     },
+    userInputRequest && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover", role: "dialog", "aria-live": "polite", "aria-label": userInputRequest.title }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__header" }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__title" }, userInputRequest.title), /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__header-meta" }, totalUserInputQuestions > 1 && /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-user-input-popover__progress" }, boundedUserInputQuestionIndex + 1, " of ", totalUserInputQuestions), userInputRequest.allowCancel && /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        className: "ai-chat-user-input-popover__cancel-inline",
+        onClick: handleUserInputCancel
+      },
+      userInputRequest.cancelLabel
+    ))), userInputRequest.instructions && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__instructions" }, userInputRequest.instructions), activeUserInputQuestion && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__question" }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__question-header" }, /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-user-input-popover__question-index" }, boundedUserInputQuestionIndex + 1), /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-user-input-popover__question-title" }, activeUserInputQuestion.header)), /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__question-text" }, activeUserInputQuestion.question), /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__options" }, activeUserInputQuestion.options.map((option) => /* @__PURE__ */ React14.createElement("label", { key: `${activeUserInputQuestion.id}:${option.value}`, className: "ai-chat-user-input-popover__option" }, /* @__PURE__ */ React14.createElement(
+      "input",
+      {
+        type: "radio",
+        name: `user-input-${activeUserInputQuestion.id}`,
+        value: option.value,
+        checked: (userInputSelections[activeUserInputQuestion.id] || "") === option.value,
+        onChange: () => {
+          setUserInputValidationError("");
+          setUserInputSelections((prev) => __spreadProps(__spreadValues({}, prev), {
+            [activeUserInputQuestion.id]: option.value
+          }));
+        }
+      }
+    ), /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-user-input-popover__option-content" }, /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-user-input-popover__option-label" }, option.label), option.description ? /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-user-input-popover__option-description" }, option.description) : null)))), activeUserInputQuestion.allowWriteIn && /* @__PURE__ */ React14.createElement(
+      "textarea",
+      {
+        className: "ai-chat-user-input-popover__writein",
+        placeholder: activeUserInputQuestion.writeInPlaceholder,
+        value: userInputWriteIns[activeUserInputQuestion.id] || "",
+        onChange: (event) => {
+          const nextValue = event.target.value.slice(0, MAX_USER_INPUT_WRITE_IN_CHARS);
+          setUserInputValidationError("");
+          setUserInputWriteIns((prev) => __spreadProps(__spreadValues({}, prev), {
+            [activeUserInputQuestion.id]: nextValue
+          }));
+        },
+        rows: 2
+      }
+    )), userInputValidationError ? /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__error" }, userInputValidationError) : null, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__actions" }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__actions-left" }, userInputRequest.allowCancel && /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        className: "ai-chat-user-input-popover__button ai-chat-user-input-popover__button--secondary",
+        onClick: handleUserInputCancel
+      },
+      userInputRequest.cancelLabel
+    )), /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-user-input-popover__actions-right" }, !isFirstUserInputQuestion && /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        className: "ai-chat-user-input-popover__button ai-chat-user-input-popover__button--secondary",
+        onClick: handleUserInputBack
+      },
+      "Back"
+    ), isLastUserInputQuestion ? /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        className: "ai-chat-user-input-popover__button ai-chat-user-input-popover__button--primary",
+        onClick: handleUserInputSubmit
+      },
+      userInputRequest.submitLabel
+    ) : /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        className: "ai-chat-user-input-popover__button ai-chat-user-input-popover__button--primary",
+        onClick: handleUserInputNext
+      },
+      "Next"
+    )))),
     hasQueuedPrompts && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-queued-prompts" }, normalizedQueuedPrompts.map((queuedPrompt, index) => /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-queued-prompt", title: queuedPrompt, key: `${index}-${queuedPrompt}` }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-queued-prompt__content" }, /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-queued-prompt__label" }, index === 0 ? "Queued next" : `Queued ${index + 1}`), /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-queued-prompt__text" }, queuedPrompt)), /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-queued-prompt__actions" }, /* @__PURE__ */ React14.createElement(
       "button",
       {
@@ -5100,8 +5455,9 @@ var ChatInput = React14.memo(({
       {
         ref: textareaRef,
         className: "ai-chat-input",
-        placeholder,
+        placeholder: composerLockedByUserInput ? "Answer the question above to continue\u2026" : placeholder,
         value: inputValue,
+        disabled: composerLockedByUserInput,
         onChange: (e) => {
           setInputValue(e.target.value);
           setTimeout(autoResize, 0);
@@ -5115,7 +5471,7 @@ var ChatInput = React14.memo(({
         rows: 1
       }
     )),
-    /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-panel__input-footer" }, agentOptions.length > 0 ? /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-agent-selector" }, /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-panel__input-footer" }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-input-footer__left" }, agentOptions.length > 0 ? /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-agent-selector" }, /* @__PURE__ */ React14.createElement(
       "button",
       {
         className: "ai-chat-agent-selector__trigger",
@@ -5132,7 +5488,20 @@ var ChatInput = React14.memo(({
       ) : /* @__PURE__ */ React14.createElement(AgentIcon, null),
       /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-agent-selector__label" }, agentsLoading ? "Loading..." : currentAgentLabel || "Select agent"),
       dropdownOpen ? /* @__PURE__ */ React14.createElement(ChevronUpIcon, null) : /* @__PURE__ */ React14.createElement(ChevronDownIcon, null)
-    )) : /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-panel__input-footer-spacer" }), contextSections.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-context-pill-wrapper" }, /* @__PURE__ */ React14.createElement(
+    )) : null, isAgentModeActionVisible && /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        className: `ai-chat-agent-mode-trigger ${agentModeChipExpanded ? "ai-chat-agent-mode-trigger--expanded" : ""} ${isAgentModeActive ? "ai-chat-agent-mode-trigger--active" : ""}`,
+        onClick: handleAgentModePillClick,
+        type: "button",
+        title: agentModeTitle,
+        "aria-label": isAgentModeActive ? "Agent active" : "Enable Agent Mode",
+        "aria-pressed": isAgentModeActive,
+        disabled: isAgentModeActionDisabled
+      },
+      /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-agent-mode-trigger__icon", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement(AgentIcon, null)),
+      /* @__PURE__ */ React14.createElement("span", { className: "ai-chat-agent-mode-trigger__label" }, agentModeLabel)
+    ), agentOptions.length === 0 && !isAgentModeActionVisible ? /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-panel__input-footer-spacer" }) : null), contextSections.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-context-pill-wrapper" }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-context-pill-anchor" }, /* @__PURE__ */ React14.createElement(
       "button",
       {
         className: `ai-chat-context-pill ${contextViewerOpen ? "ai-chat-context-pill--active" : ""} ${isOverLimit ? "ai-chat-context-pill--warning" : ""}`,
@@ -5267,13 +5636,13 @@ var ChatInput = React14.memo(({
           /* @__PURE__ */ React14.createElement("pre", { className: "ai-chat-context-popover__detail-content" }, /* @__PURE__ */ React14.createElement("code", null, isRawSection ? section.rawData : getStructuredContent(section)))
         );
       })))
-    )), /* @__PURE__ */ React14.createElement(
+    ))), /* @__PURE__ */ React14.createElement(
       "button",
       {
-        className: `ai-chat-send-button ${!showStopAction && !hasDraft ? "ai-chat-send-button--disabled" : ""} ${showStopAction ? "ai-chat-send-button--stop" : ""}`,
+        className: `ai-chat-send-button ${!showStopAction && (!hasDraft || composerLockedByUserInput) ? "ai-chat-send-button--disabled" : ""} ${showStopAction ? "ai-chat-send-button--stop" : ""}`,
         onClick: () => showStopAction ? onStop() : handleSubmit(),
-        disabled: !showStopAction && !hasDraft,
-        title: showStopAction ? "Stop response" : shouldQueueSubmission ? "Queue prompt" : "Send prompt"
+        disabled: !showStopAction && !hasDraft || !showStopAction && composerLockedByUserInput,
+        title: showStopAction ? "Stop response" : composerLockedByUserInput ? "Answer the question above to continue" : shouldQueueSubmission ? "Queue prompt" : "Send prompt"
       },
       showStopAction ? /* @__PURE__ */ React14.createElement(StopIcon, null) : /* @__PURE__ */ React14.createElement(ArrowUpIcon, null)
     )),
@@ -5350,6 +5719,8 @@ var AIChatPanel = ({
   onToggleSection: propOnToggleSection,
   onConversationCreated,
   onBeforeSend,
+  compactContext,
+  compactionPreserveTurns = DEFAULT_COMPACTION_PRESERVE_TURNS,
   // UI Customization Props
   cssUrl,
   markdownClass,
@@ -5369,7 +5740,8 @@ var AIChatPanel = ({
   // Customer Email Capture Props
   customerEmailCaptureMode = "HIDE",
   customerEmailCapturePlaceholder = "Please enter your email...",
-  toolStatusLabelFormatter
+  toolStatusLabelFormatter,
+  composerAgentModeControl
 }) => {
   var _a;
   const publicAPIUrl = "https://api.llmasaservice.io";
@@ -5395,6 +5767,7 @@ var AIChatPanel = ({
   const [copiedCallId, setCopiedCallId] = useState7(null);
   const [feedbackCallId, setFeedbackCallId] = useState7(null);
   const [error, setError] = useState7(null);
+  const [compactionNotice, setCompactionNotice] = useState7(null);
   const lastProcessedErrorRef = useRef6(null);
   const [emailSent, setEmailSent] = useState7(false);
   const [isToolInfoModalOpen, setIsToolInfoModalOpen] = useState7(false);
@@ -5414,6 +5787,9 @@ var AIChatPanel = ({
   const [toolsFetchError, setToolsFetchError] = useState7(false);
   const [resolvedMcpServers, setResolvedMcpServers] = useState7(mcpServers || []);
   const [activeToolCalls, setActiveToolCalls] = useState7([]);
+  const [pendingUserInputRequest, setPendingUserInputRequest] = useState7(null);
+  const pendingUserInputRequestRef = useRef6(null);
+  const pendingUserInputResolverRef = useRef6(null);
   const normalizeToolName = useCallback2((toolName) => {
     return String(toolName != null ? toolName : "").trim().toLowerCase();
   }, []);
@@ -5426,6 +5802,32 @@ var AIChatPanel = ({
     },
     [normalizeToolName]
   );
+  const completePendingUserInputRequest = useCallback2((payload) => {
+    const resolver = pendingUserInputResolverRef.current;
+    pendingUserInputResolverRef.current = null;
+    pendingUserInputRequestRef.current = null;
+    setPendingUserInputRequest(null);
+    if (resolver) {
+      resolver(payload);
+    }
+  }, []);
+  useEffect8(() => {
+    pendingUserInputRequestRef.current = pendingUserInputRequest;
+  }, [pendingUserInputRequest]);
+  useEffect8(() => {
+    return () => {
+      var _a2;
+      const resolver = pendingUserInputResolverRef.current;
+      if (!resolver) return;
+      pendingUserInputResolverRef.current = null;
+      const pendingRequestId = ((_a2 = pendingUserInputRequestRef.current) == null ? void 0 : _a2.requestId) || "request_user_input";
+      resolver({
+        status: "cancelled",
+        requestId: pendingRequestId,
+        cancelledBy: "unmount"
+      });
+    };
+  }, []);
   const alwaysApprovedToolsStorageKey = useMemo2(() => {
     const customerId = (customer == null ? void 0 : customer.customer_id) || (customer == null ? void 0 : customer.id) || (customer == null ? void 0 : customer.customer_user_email) || "anonymous";
     const agentIdForScope = currentAgentId || agent || "default";
@@ -6055,6 +6457,42 @@ var AIChatPanel = ({
     if (hasInFlightTurnWork()) return;
     turnLockRef.current = false;
   }, [hasInFlightTurnWork]);
+  const runRequestUserInputTool = useCallback2(
+    (toolCall) => __async(void 0, null, function* () {
+      const normalizedToolName = normalizeToolName(toolCall.toolName);
+      if (!USER_INPUT_TOOL_NAMES.has(normalizedToolName)) {
+        throw new Error(`Unsupported user input tool: ${toolCall.toolName}`);
+      }
+      if (pendingUserInputResolverRef.current || pendingUserInputRequestRef.current) {
+        throw new Error("A user input request is already pending. Wait for completion before requesting another.");
+      }
+      const request = normalizeUserInputRequest(
+        isObjectRecord(toolCall.args) ? toolCall.args : {},
+        toolCall.callId || toolCall.toolName
+      );
+      pendingUserInputRequestRef.current = request;
+      setPendingUserInputRequest(request);
+      const completion = yield new Promise((resolve) => {
+        pendingUserInputResolverRef.current = resolve;
+      });
+      if (completion.status === "cancelled") {
+        return {
+          status: "cancelled",
+          requestId: request.requestId,
+          cancelledBy: completion.cancelledBy || "user",
+          answers: []
+        };
+      }
+      const answers = Array.isArray(completion.answers) ? completion.answers : [];
+      return {
+        status: "ok",
+        requestId: request.requestId,
+        answers,
+        answeredCount: answers.length
+      };
+    }),
+    [normalizeToolName]
+  );
   const processGivenToolRequests = useCallback2(
     (requests) => __async(void 0, null, function* () {
       var _a2, _b, _c;
@@ -6309,6 +6747,29 @@ ${traceSummary}` : traceSummary;
               var _a3, _b2, _c2, _d, _e, _f, _g;
               const mcpTool = toolList.find((tool) => tool.name === toolCall.toolName) || null;
               const localExecutor = localToolExecutors && typeof localToolExecutors[toolCall.toolName] === "function" ? localToolExecutors[toolCall.toolName] : null;
+              const normalizedToolName = normalizeToolName(toolCall.toolName);
+              if (USER_INPUT_TOOL_NAMES.has(normalizedToolName)) {
+                try {
+                  const requestResult = yield runRequestUserInputTool({
+                    toolName: toolCall.toolName,
+                    callId: toolCall.callId,
+                    args: toolCall.args
+                  });
+                  return {
+                    tool_call_id: toolCall.callId,
+                    tool_name: toolCall.toolName,
+                    result: JSON.stringify(requestResult),
+                    isError: false
+                  };
+                } catch (error2) {
+                  return {
+                    tool_call_id: toolCall.callId,
+                    tool_name: toolCall.toolName,
+                    result: error2 instanceof Error ? error2.message : `Unhandled error calling ${toolCall.toolName}`,
+                    isError: true
+                  };
+                }
+              }
               if (localExecutor) {
                 try {
                   const localResult = yield localExecutor(toolCall.args, {
@@ -6625,6 +7086,8 @@ ${traceSummary}` : traceSummary;
       idle,
       stop,
       lastController,
+      normalizeToolName,
+      runRequestUserInputTool,
       waitForStreamIdle,
       releaseTurnLockIfSettled
     ]
@@ -7020,6 +7483,7 @@ ${traceSummary}` : traceSummary;
     hasAutoCollapsedRef.current = false;
     prevBlockCountRef.current = 0;
     setError(null);
+    setCompactionNotice(null);
     setUserHasScrolled(false);
     prevResponseLengthRef.current = 0;
     setResponse("");
@@ -7038,144 +7502,232 @@ ${traceSummary}` : traceSummary;
     setTimeout(() => {
       scrollToBottom(true);
     }, 0);
-    console.log("AIChatPanel.continueChat - about to call ensureConversation");
-    ensureConversation().then((convId) => {
-      console.log("AIChatPanel.continueChat - ensureConversation resolved with:", convId);
-      const historyForCall = latestHistoryRef.current || {};
-      const messagesAndHistory = [];
-      Object.entries(historyForCall).forEach(([historyPrompt, historyEntry]) => {
-        if (historyPrompt === promptKey) return;
-        const promptForHistory = normalizeHistoryPromptForContext(historyPrompt);
-        const assistantContextContent = buildAssistantContextContent(historyPrompt, historyEntry);
-        messagesAndHistory.push({ role: "user", content: promptForHistory });
-        messagesAndHistory.push({ role: "assistant", content: assistantContextContent });
-      });
-      let fullPromptToSend = promptToSend;
-      if (messagesAndHistory.length === 0 && promptTemplate) {
-        fullPromptToSend = promptTemplate.replace("{{prompt}}", fullPromptToSend);
-      }
-      const newController = new AbortController();
-      setLastController(newController);
-      if (onBeforeSend) {
-        void Promise.resolve(
-          onBeforeSend({
-            prompt: promptToSend,
+    void (() => __async(void 0, null, function* () {
+      var _a2, _b;
+      try {
+        console.log("AIChatPanel.continueChat - about to call ensureConversation");
+        const convId = yield ensureConversation();
+        console.log("AIChatPanel.continueChat - ensureConversation resolved with:", convId);
+        const historyForCall = latestHistoryRef.current || {};
+        const messagesAndHistory = [];
+        Object.entries(historyForCall).forEach(([historyPrompt, historyEntry]) => {
+          if (historyPrompt === promptKey) return;
+          const promptForHistory = normalizeHistoryPromptForContext(historyPrompt);
+          const assistantContextContent = buildAssistantContextContent(historyPrompt, historyEntry);
+          messagesAndHistory.push({ role: "user", content: promptForHistory });
+          messagesAndHistory.push({ role: "assistant", content: assistantContextContent });
+        });
+        let fullPromptToSend = promptToSend;
+        if (messagesAndHistory.length === 0 && promptTemplate) {
+          fullPromptToSend = promptTemplate.replace("{{prompt}}", fullPromptToSend);
+        }
+        const newController = new AbortController();
+        setLastController(newController);
+        if (onBeforeSend) {
+          try {
+            yield Promise.resolve(
+              onBeforeSend({
+                prompt: promptToSend,
+                conversationId: convId || null,
+                agentId: agent,
+                service,
+                messages: messagesAndHistory
+              })
+            );
+          } catch (error2) {
+            console.warn("[AIChatPanel] onBeforeSend callback failed:", error2);
+          }
+        }
+        const warnRatio = toBoundedRatio(DEFAULT_CONTEXT_WARN_RATIO, DEFAULT_CONTEXT_WARN_RATIO);
+        const compactRatio = toBoundedRatio(DEFAULT_CONTEXT_COMPACT_RATIO, DEFAULT_CONTEXT_COMPACT_RATIO);
+        const targetRatio = toBoundedRatio(DEFAULT_CONTEXT_TARGET_RATIO, DEFAULT_CONTEXT_TARGET_RATIO);
+        const maxTokens = Math.max(1, Number.isFinite(Number(maxContextTokens)) ? Math.floor(Number(maxContextTokens)) : 8e3);
+        const dataEntries = dataWithExtras();
+        const projectedBefore = estimateTokensFromText(fullPromptToSend) + estimateTokensFromMessages(messagesAndHistory) + Math.max(Number(totalContextTokens) || 0, estimateTokensFromData(dataEntries));
+        const warnThreshold = Math.floor(maxTokens * warnRatio);
+        const compactThreshold = Math.floor(maxTokens * compactRatio);
+        const targetThreshold = Math.floor(maxTokens * targetRatio);
+        const preserveTurnsForCompaction = Number.isFinite(Number(compactionPreserveTurns)) && Number(compactionPreserveTurns) > 0 ? Math.floor(Number(compactionPreserveTurns)) : DEFAULT_COMPACTION_PRESERVE_TURNS;
+        const canDropOlderTurns = buildFallbackWindowMessages(messagesAndHistory, preserveTurnsForCompaction).length < messagesAndHistory.length;
+        let sendPrompt = fullPromptToSend;
+        let sendMessages = messagesAndHistory;
+        if (projectedBefore >= warnThreshold && projectedBefore < compactThreshold) {
+          const nearLimitMessage = "Context is approaching the configured limit. A later turn may auto-compact.";
+          setCompactionNotice({
+            level: "warning",
+            message: nearLimitMessage
+          });
+        }
+        if (compactContext && projectedBefore >= compactThreshold && canDropOlderTurns) {
+          setCompactionNotice({
+            level: "info",
+            message: "Automatically compacting context"
+          });
+          const compactionInput = {
+            prompt: fullPromptToSend,
             conversationId: convId || null,
             agentId: agent,
             service,
-            messages: messagesAndHistory
-          })
-        ).catch((error2) => {
-          console.warn("[AIChatPanel] onBeforeSend callback failed:", error2);
-        });
-      }
-      send(
-        fullPromptToSend,
-        messagesAndHistory,
-        [
-          ...dataWithExtras(),
-          { key: "--messages", data: messagesAndHistory.length.toString() }
-        ],
-        true,
-        // stream
-        true,
-        // includeHistory
-        service,
-        // group_id from agent config
-        convId,
-        // Use the conversation ID from ensureConversation
-        newController,
-        void 0,
-        // onComplete
-        (errorMsg) => {
-          console.log("[AIChatPanel] Error callback triggered:", errorMsg);
-          const isAbortError = errorMsg.toLowerCase().includes("abort") || errorMsg.toLowerCase().includes("canceled") || errorMsg.toLowerCase().includes("cancelled");
-          if (isAbortError) {
-            if (suppressAbortHistoryUpdateRef.current) {
-              setIsLoading(false);
-              releaseTurnLockIfSettled();
-              return;
+            messages: messagesAndHistory,
+            data: dataEntries,
+            maxContextTokens: maxTokens,
+            totalContextTokens: Number(totalContextTokens) || 0,
+            warnRatio,
+            compactRatio,
+            targetRatio,
+            preserveTurns: preserveTurnsForCompaction,
+            projectedTokens: {
+              projectedBefore,
+              projectedAfter: projectedBefore,
+              warnThreshold,
+              compactThreshold,
+              targetThreshold
             }
-            console.log("[AIChatPanel] Request was aborted by user");
-            if (promptKey) {
-              setHistory((prev) => {
-                const existingEntry = prev[promptKey] || { content: "", callId: "" };
-                return __spreadProps(__spreadValues({}, prev), {
-                  [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                    content: "Response canceled",
-                    callId: lastCallId || existingEntry.callId || ""
-                  })
+          };
+          try {
+            const compactResult = yield Promise.resolve(compactContext(compactionInput));
+            if (compactResult && typeof compactResult === "object") {
+              if (typeof compactResult.prompt === "string" && compactResult.prompt.trim()) {
+                sendPrompt = compactResult.prompt;
+              }
+              if (Array.isArray(compactResult.messages)) {
+                sendMessages = compactResult.messages;
+              }
+              if (compactResult.action === "compacted") {
+                const usageBefore = Number((_a2 = compactResult.tokenUsage) == null ? void 0 : _a2.projectedBefore);
+                const usageAfter = Number((_b = compactResult.tokenUsage) == null ? void 0 : _b.projectedAfter);
+                const hasUsageNumbers = Number.isFinite(usageBefore) && Number.isFinite(usageAfter);
+                const compactedMessage = hasUsageNumbers ? `Context compacted for this send (${formatTokenCount(usageBefore)} -> ${formatTokenCount(usageAfter)} tokens).` : "Older turns were compacted to keep this thread within context limits.";
+                setCompactionNotice({
+                  level: "success",
+                  message: compactResult.warning || compactedMessage
                 });
-              });
+              } else if (compactResult.action === "fallback_window") {
+                setCompactionNotice({
+                  level: "warning",
+                  message: compactResult.warning || "Compaction fallback applied. Sending only the most recent turns."
+                });
+              } else {
+                setCompactionNotice(null);
+              }
             }
-          } else if (errorMsg.includes("413") || errorMsg.toLowerCase().includes("content too large")) {
-            setError({
-              message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
-              code: "413"
+          } catch (error2) {
+            console.warn("[AIChatPanel] compactContext failed, applying local fallback window", error2);
+            sendMessages = buildFallbackWindowMessages(messagesAndHistory, preserveTurnsForCompaction);
+            setCompactionNotice({
+              level: "warning",
+              message: "Compaction service unavailable. Sending a reduced recent-window context."
             });
-            if (promptKey) {
-              setHistory((prev) => {
-                const existingEntry = prev[promptKey] || { content: "", callId: "" };
-                return __spreadProps(__spreadValues({}, prev), {
-                  [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                    content: `Error: ${errorMsg}`,
-                    callId: lastCallId || existingEntry.callId || ""
-                  })
+          }
+        }
+        send(
+          sendPrompt,
+          sendMessages,
+          [
+            ...dataEntries,
+            { key: "--messages", data: sendMessages.length.toString() }
+          ],
+          true,
+          // stream
+          true,
+          // includeHistory
+          service,
+          // group_id from agent config
+          convId,
+          // Use the conversation ID from ensureConversation
+          newController,
+          void 0,
+          // onComplete
+          (errorMsg) => {
+            console.log("[AIChatPanel] Error callback triggered:", errorMsg);
+            const isAbortError = errorMsg.toLowerCase().includes("abort") || errorMsg.toLowerCase().includes("canceled") || errorMsg.toLowerCase().includes("cancelled");
+            if (isAbortError) {
+              if (suppressAbortHistoryUpdateRef.current) {
+                setIsLoading(false);
+                releaseTurnLockIfSettled();
+                return;
+              }
+              console.log("[AIChatPanel] Request was aborted by user");
+              if (promptKey) {
+                setHistory((prev) => {
+                  const existingEntry = prev[promptKey] || { content: "", callId: "" };
+                  return __spreadProps(__spreadValues({}, prev), {
+                    [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
+                      content: "Response canceled",
+                      callId: lastCallId || existingEntry.callId || ""
+                    })
+                  });
                 });
+              }
+            } else if (errorMsg.includes("413") || errorMsg.toLowerCase().includes("content too large")) {
+              setError({
+                message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
+                code: "413"
               });
-            }
-          } else if (errorMsg.toLowerCase().includes("network error") || errorMsg.toLowerCase().includes("fetch")) {
-            setError({
-              message: "Network error. Please check your connection and try again.",
-              code: "NETWORK_ERROR"
-            });
-            if (promptKey) {
-              setHistory((prev) => {
-                const existingEntry = prev[promptKey] || { content: "", callId: "" };
-                return __spreadProps(__spreadValues({}, prev), {
-                  [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                    content: `Error: ${errorMsg}`,
-                    callId: lastCallId || existingEntry.callId || ""
-                  })
+              if (promptKey) {
+                setHistory((prev) => {
+                  const existingEntry = prev[promptKey] || { content: "", callId: "" };
+                  return __spreadProps(__spreadValues({}, prev), {
+                    [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
+                      content: `Error: ${errorMsg}`,
+                      callId: lastCallId || existingEntry.callId || ""
+                    })
+                  });
                 });
+              }
+            } else if (errorMsg.toLowerCase().includes("network error") || errorMsg.toLowerCase().includes("fetch")) {
+              setError({
+                message: "Network error. Please check your connection and try again.",
+                code: "NETWORK_ERROR"
               });
-            }
-          } else {
-            setError({
-              message: errorMsg,
-              code: "UNKNOWN_ERROR"
-            });
-            if (promptKey) {
-              setHistory((prev) => {
-                const existingEntry = prev[promptKey] || { content: "", callId: "" };
-                return __spreadProps(__spreadValues({}, prev), {
-                  [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                    content: `Error: ${errorMsg}`,
-                    callId: lastCallId || existingEntry.callId || ""
-                  })
+              if (promptKey) {
+                setHistory((prev) => {
+                  const existingEntry = prev[promptKey] || { content: "", callId: "" };
+                  return __spreadProps(__spreadValues({}, prev), {
+                    [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
+                      content: `Error: ${errorMsg}`,
+                      callId: lastCallId || existingEntry.callId || ""
+                    })
+                  });
                 });
+              }
+            } else {
+              setError({
+                message: errorMsg,
+                code: "UNKNOWN_ERROR"
               });
+              if (promptKey) {
+                setHistory((prev) => {
+                  const existingEntry = prev[promptKey] || { content: "", callId: "" };
+                  return __spreadProps(__spreadValues({}, prev), {
+                    [promptKey]: __spreadProps(__spreadValues({}, existingEntry), {
+                      content: `Error: ${errorMsg}`,
+                      callId: lastCallId || existingEntry.callId || ""
+                    })
+                  });
+                });
+              }
             }
+            setIsLoading(false);
+            releaseTurnLockIfSettled();
           }
-          setIsLoading(false);
-          releaseTurnLockIfSettled();
+        );
+        setLastMessages(sendMessages);
+        if (convId && onConversationCreated) {
+          setTimeout(() => {
+            onConversationCreated(convId);
+          }, 100);
         }
-      );
-      setLastMessages(messagesAndHistory);
-      if (convId && onConversationCreated) {
-        setTimeout(() => {
-          onConversationCreated(convId);
-        }, 100);
+      } catch (error2) {
+        console.error("[AIChatPanel] Failed to send prompt:", error2);
+        setError({
+          message: error2 instanceof Error ? error2.message : "Failed to send prompt",
+          code: "UNKNOWN_ERROR"
+        });
+        setIsLoading(false);
+        releaseTurnLockIfSettled();
       }
-    }).catch((error2) => {
-      console.error("[AIChatPanel] Failed to send prompt:", error2);
-      setError({
-        message: error2 instanceof Error ? error2.message : "Failed to send prompt",
-        code: "UNKNOWN_ERROR"
-      });
-      setIsLoading(false);
-      releaseTurnLockIfSettled();
-    });
+    }))();
   }, [
     clearFollowOnQuestionsNextPrompt,
     promptTemplate,
@@ -7190,6 +7742,10 @@ ${traceSummary}` : traceSummary;
     scrollToBottom,
     onConversationCreated,
     onBeforeSend,
+    compactContext,
+    compactionPreserveTurns,
+    maxContextTokens,
+    totalContextTokens,
     hasInFlightTurnWork,
     queuePromptForLater,
     releaseTurnLockIfSettled,
@@ -7209,8 +7765,15 @@ ${traceSummary}` : traceSummary;
     continueChat(question);
   }, [continueChat]);
   const handleStop = useCallback2(() => {
+    if (pendingUserInputRequest) {
+      completePendingUserInputRequest({
+        status: "cancelled",
+        requestId: pendingUserInputRequest.requestId,
+        cancelledBy: "stop"
+      });
+    }
     stop(lastController);
-  }, [stop, lastController]);
+  }, [completePendingUserInputRequest, lastController, pendingUserInputRequest, stop]);
   const handleNewConversation = useCallback2(() => {
     if (!newConversationConfirm) {
       setNewConversationConfirm(true);
@@ -7221,8 +7784,16 @@ ${traceSummary}` : traceSummary;
     if (!idle) {
       stop(lastController);
     }
+    if (pendingUserInputRequest) {
+      completePendingUserInputRequest({
+        status: "cancelled",
+        requestId: pendingUserInputRequest.requestId,
+        cancelledBy: "reset"
+      });
+    }
     setResponse("");
     setHistory({});
+    setCompactionNotice(null);
     latestHistoryRef.current = {};
     hasNotifiedCompletionRef.current = true;
     queuedPromptsRef.current = [];
@@ -7244,6 +7815,7 @@ ${traceSummary}` : traceSummary;
     setThinkingBlocks([]);
     setCurrentThinkingIndex(0);
     setCollapsedBlocks(/* @__PURE__ */ new Set());
+    setPendingUserInputRequest(null);
     hasAutoCollapsedRef.current = false;
     prevBlockCountRef.current = 0;
     setJustReset(true);
@@ -7257,7 +7829,16 @@ ${traceSummary}` : traceSummary;
       setJustReset(false);
       (_a2 = responseAreaRef.current) == null ? void 0 : _a2.scrollTo({ top: 0, behavior: "smooth" });
     }, 100);
-  }, [newConversationConfirm, idle, stop, lastController, setResponse, followOnQuestions]);
+  }, [
+    completePendingUserInputRequest,
+    followOnQuestions,
+    idle,
+    lastController,
+    newConversationConfirm,
+    pendingUserInputRequest,
+    setResponse,
+    stop
+  ]);
   useEffect8(() => {
     if (!response || !lastKey || justReset) return;
     const extractedToolRequests = extractToolRequests(response);
@@ -7971,6 +8552,15 @@ ${traceSummary}` : traceSummary;
       },
       /* @__PURE__ */ React14.createElement(CloseIcon, null)
     )),
+    compactionNotice && compactionNotice.level !== "info" && /* @__PURE__ */ React14.createElement("div", { className: `ai-chat-compaction-banner ai-chat-compaction-banner--${compactionNotice.level}` }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-compaction-banner__message" }, compactionNotice.message), /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        className: "ai-chat-compaction-banner__close",
+        onClick: () => setCompactionNotice(null),
+        "aria-label": "Dismiss context notice"
+      },
+      /* @__PURE__ */ React14.createElement(CloseIcon, null)
+    )),
     /* @__PURE__ */ React14.createElement(ScrollArea, { className: "ai-chat-panel__messages", ref: responseAreaRef }, initialMessage && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-message ai-chat-message--assistant" }, /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-message__content" }, markdownClass ? /* @__PURE__ */ React14.createElement("div", { className: markdownClass }, /* @__PURE__ */ React14.createElement(
       ReactMarkdown2,
       {
@@ -8153,6 +8743,7 @@ ${traceSummary}` : traceSummary;
       },
       question
     ))), /* @__PURE__ */ React14.createElement("div", { ref: bottomRef })),
+    (compactionNotice == null ? void 0 : compactionNotice.level) === "info" && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-compaction-inline-status", role: "status", "aria-live": "polite" }, /* @__PURE__ */ React14.createElement("span", null, compactionNotice.message)),
     (showSaveButton || showEmailButton || showCallToAction) && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-button-container" }, showSaveButton && /* @__PURE__ */ React14.createElement(
       Button,
       {
@@ -8292,6 +8883,8 @@ ${traceSummary}` : traceSummary;
         onSubmit: continueChat,
         onQueueSubmit: handleQueuePrompt,
         onStop: handleStop,
+        userInputRequest: pendingUserInputRequest,
+        onCompleteUserInputRequest: completePendingUserInputRequest,
         queuedPrompts,
         onClearQueuedPrompt: handleClearQueuedPrompt,
         agentOptions,
@@ -8305,7 +8898,8 @@ ${traceSummary}` : traceSummary;
         maxContextTokens,
         enableContextDetailView,
         disabledSectionIds,
-        onToggleSection: handleToggleSection
+        onToggleSection: handleToggleSection,
+        composerAgentModeControl
       }
     ),
     showPoweredBy && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-panel__footer" }, mcpServers && mcpServers.length > 0 && /* @__PURE__ */ React14.createElement("div", { className: "ai-chat-tools-status" }, /* @__PURE__ */ React14.createElement(
@@ -8543,7 +9137,7 @@ var normalizeConversationListPayload = (payload) => {
     if (!title) {
       title = conv.summary || extractTitleFromConversation(conv);
     }
-    const resolvedConversationId = conv.conversationId || conv.id || conv.conversation_id || `conversation-${index}-${Date.now()}`;
+    const resolvedConversationId = conv.sessionId || conv.session_id || conv.sessionKey || conv.session_key || conv.conversationId || conv.id || conv.conversation_id || `conversation-${index}-${Date.now()}`;
     return {
       conversationId: resolvedConversationId,
       title,
@@ -9032,6 +9626,8 @@ var ChatPanelWrapper = ({
   onToggleSection,
   onConversationCreated,
   onBeforeSend,
+  compactContext,
+  compactionPreserveTurns,
   conversationInitialPrompt,
   // New props from ChatPanel port
   cssUrl,
@@ -9053,7 +9649,8 @@ var ChatPanelWrapper = ({
   localToolExecutors,
   traceContextMode,
   autoApproveTools,
-  toolStatusLabelFormatter
+  toolStatusLabelFormatter,
+  composerAgentModeControl
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const convAgentProfile = getAgent(activeConv.agentId);
@@ -9151,6 +9748,8 @@ var ChatPanelWrapper = ({
         onToggleSection,
         onConversationCreated: conversationCreatedCallback,
         onBeforeSend: beforeSendCallback,
+        compactContext,
+        compactionPreserveTurns,
         cssUrl,
         markdownClass,
         width,
@@ -9170,7 +9769,8 @@ var ChatPanelWrapper = ({
         localToolExecutors,
         traceContextMode,
         autoApproveTools,
-        toolStatusLabelFormatter
+        toolStatusLabelFormatter,
+        composerAgentModeControl
       }
     )
   );
@@ -9222,6 +9822,8 @@ var AIAgentPanel = React15.forwardRef(({
   onAgentSwitch,
   onConversationChange,
   onBeforeSend,
+  compactContext,
+  compactionPreserveTurns,
   historyChangedCallback,
   responseCompleteCallback,
   thumbsUpClick,
@@ -9237,6 +9839,7 @@ var AIAgentPanel = React15.forwardRef(({
   followOnQuestions = [],
   followOnPrompt = "",
   historyListLimit = 50,
+  conversationSubtitleResolver,
   showConversationHistory = true,
   // New props from ChatPanel port
   cssUrl,
@@ -9258,7 +9861,8 @@ var AIAgentPanel = React15.forwardRef(({
   localToolExecutors,
   traceContextMode = "standard",
   autoApproveTools,
-  toolStatusLabelFormatter
+  toolStatusLabelFormatter,
+  composerAgentModeControl
 }, ref) => {
   var _a, _b, _c, _d;
   useEffect10(() => {
@@ -9396,6 +10000,7 @@ var AIAgentPanel = React15.forwardRef(({
     "This Month": false,
     "Older": false
   });
+  const [recentlyFocusedConversationId, setRecentlyFocusedConversationId] = useState9(null);
   const [disabledContextSections, setDisabledContextSections] = useState9(/* @__PURE__ */ new Map());
   const {
     agents: agentProfiles,
@@ -9781,8 +10386,11 @@ var AIAgentPanel = React15.forwardRef(({
     if (loadingConversationId === targetConversationId) {
       return;
     }
+    if (currentConversationIdRef.current !== targetConversationId) {
+      setCurrentConversationId(targetConversationId);
+    }
     const existingActive = activeConversationsRef.current.get(targetConversationId);
-    if (existingActive && existingActive.transcriptLoaded && currentConversationIdRef.current === targetConversationId) {
+    if (existingActive && existingActive.transcriptLoaded) {
       return;
     }
     const apiConversation = apiConversations.find(
@@ -9922,6 +10530,50 @@ var AIAgentPanel = React15.forwardRef(({
     }
     return groupConversationsByTime(filtered, true);
   }, [apiConversations, searchQuery, conversationFirstPrompts]);
+  useEffect10(() => {
+    if (!currentConversationId) {
+      return;
+    }
+    const matchingGroup = groupedConversations.find(
+      (group) => group.conversations.some((conversation2) => conversation2.conversationId === currentConversationId)
+    );
+    if (!matchingGroup) {
+      return;
+    }
+    setExpandedSections((prev) => {
+      if (prev[matchingGroup.label]) {
+        return prev;
+      }
+      return __spreadProps(__spreadValues({}, prev), {
+        [matchingGroup.label]: true
+      });
+    });
+  }, [currentConversationId, groupedConversations]);
+  useEffect10(() => {
+    if (!currentConversationId) {
+      return;
+    }
+    setRecentlyFocusedConversationId(currentConversationId);
+    const timer = window.setTimeout(() => {
+      setRecentlyFocusedConversationId((prev) => prev === currentConversationId ? null : prev);
+    }, 1200);
+    return () => window.clearTimeout(timer);
+  }, [currentConversationId]);
+  const conversationRowRefs = useRef7(/* @__PURE__ */ new Map());
+  useEffect10(() => {
+    if (!currentConversationId) {
+      return;
+    }
+    const row = conversationRowRefs.current.get(currentConversationId);
+    if (!row) {
+      return;
+    }
+    row.scrollIntoView({
+      block: "nearest",
+      inline: "nearest",
+      behavior: "smooth"
+    });
+  }, [currentConversationId, expandedSections, groupedConversations]);
   const effectiveCustomer = useMemo4(() => {
     return __spreadProps(__spreadValues({}, customer), {
       customer_id: customerId
@@ -10496,26 +11148,36 @@ var AIAgentPanel = React15.forwardRef(({
         onClick: handleNewConversation
       },
       /* @__PURE__ */ React15.createElement(PlusIcon, null)
-    ))), /* @__PURE__ */ React15.createElement(Tooltip, { content: "Collapse History", side: "bottom" }, /* @__PURE__ */ React15.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleHistoryCollapse }, /* @__PURE__ */ React15.createElement(SidebarIcon, null))), collapsible && /* @__PURE__ */ React15.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ React15.createElement(ChevronRightIcon, null) : /* @__PURE__ */ React15.createElement(ChevronLeftIcon, null))), /* @__PURE__ */ React15.createElement(ScrollArea, { className: "ai-agent-panel__conversations" }, activeConversationsList.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__group ai-agent-panel__group--active" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__group-label" }, /* @__PURE__ */ React15.createElement("span", null, "Active (", activeConversationsList.length, ")")), activeConversationsList.map((activeConv) => /* @__PURE__ */ React15.createElement(
-      "div",
-      {
-        key: activeConv.stableKey,
-        className: `ai-agent-panel__conversation ai-agent-panel__conversation--active-item ${currentConversationId === activeConv.conversationId ? "ai-agent-panel__conversation--current" : ""}`,
-        onClick: () => {
-          commitConversationSelection(activeConv.conversationId, true);
-        }
-      },
-      /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-title" }, activeConv.isLoading && /* @__PURE__ */ React15.createElement(LoadingDotIcon, null), /* @__PURE__ */ React15.createElement("span", null, activeConv.title))),
-      /* @__PURE__ */ React15.createElement(
-        "button",
+    ))), /* @__PURE__ */ React15.createElement(Tooltip, { content: "Collapse History", side: "bottom" }, /* @__PURE__ */ React15.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleHistoryCollapse }, /* @__PURE__ */ React15.createElement(SidebarIcon, null))), collapsible && /* @__PURE__ */ React15.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ React15.createElement(ChevronRightIcon, null) : /* @__PURE__ */ React15.createElement(ChevronLeftIcon, null))), /* @__PURE__ */ React15.createElement(ScrollArea, { className: "ai-agent-panel__conversations" }, activeConversationsList.length > 0 && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__group ai-agent-panel__group--active" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__group-label" }, /* @__PURE__ */ React15.createElement("span", null, "Active (", activeConversationsList.length, ")")), activeConversationsList.map((activeConv) => {
+      const subtitle = (conversationSubtitleResolver == null ? void 0 : conversationSubtitleResolver(activeConv.conversationId, activeConv)) || "";
+      return /* @__PURE__ */ React15.createElement(
+        "div",
         {
-          className: "ai-agent-panel__conversation-close",
-          onClick: (e) => handleCloseConversation(activeConv.conversationId, e),
-          title: "Close conversation"
+          key: activeConv.stableKey,
+          className: `ai-agent-panel__conversation ai-agent-panel__conversation--active-item ${currentConversationId === activeConv.conversationId ? "ai-agent-panel__conversation--current" : ""} ${recentlyFocusedConversationId === activeConv.conversationId ? "ai-agent-panel__conversation--just-focused" : ""}`,
+          ref: (node) => {
+            if (node) {
+              conversationRowRefs.current.set(activeConv.conversationId, node);
+            } else {
+              conversationRowRefs.current.delete(activeConv.conversationId);
+            }
+          },
+          onClick: () => {
+            commitConversationSelection(activeConv.conversationId, true);
+          }
         },
-        /* @__PURE__ */ React15.createElement(CloseIcon2, null)
-      )
-    ))), conversationsLoading ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ React15.createElement("span", null, "Loading conversations...")) : conversationsError ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ React15.createElement("p", null, "Error: ", conversationsError), /* @__PURE__ */ React15.createElement(Button, { variant: "secondary", size: "sm", onClick: handleRefreshConversations }, "Retry")) : groupedConversations.length === 0 && activeConversationsList.length === 0 ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ React15.createElement(MessageIcon, null), /* @__PURE__ */ React15.createElement("p", null, "No conversations yet"), /* @__PURE__ */ React15.createElement("p", { className: "ai-agent-panel__empty-hint" }, "Start chatting to create your first conversation")) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, activeConversationsList.length > 0 && groupedConversations.some((g) => g.count > 0) && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__group-divider" }), groupedConversations.map((group) => /* @__PURE__ */ React15.createElement("div", { key: group.label, className: "ai-agent-panel__group" }, /* @__PURE__ */ React15.createElement(
+        /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-title" }, activeConv.isLoading && /* @__PURE__ */ React15.createElement(LoadingDotIcon, null), /* @__PURE__ */ React15.createElement("span", null, activeConv.title)), subtitle ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-subtitle" }, subtitle) : null),
+        /* @__PURE__ */ React15.createElement(
+          "button",
+          {
+            className: "ai-agent-panel__conversation-close",
+            onClick: (e) => handleCloseConversation(activeConv.conversationId, e),
+            title: "Close conversation"
+          },
+          /* @__PURE__ */ React15.createElement(CloseIcon2, null)
+        )
+      );
+    })), conversationsLoading ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ React15.createElement("span", null, "Loading conversations...")) : conversationsError ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ React15.createElement("p", null, "Error: ", conversationsError), /* @__PURE__ */ React15.createElement(Button, { variant: "secondary", size: "sm", onClick: handleRefreshConversations }, "Retry")) : groupedConversations.length === 0 && activeConversationsList.length === 0 ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__empty" }, /* @__PURE__ */ React15.createElement(MessageIcon, null), /* @__PURE__ */ React15.createElement("p", null, "No conversations yet"), /* @__PURE__ */ React15.createElement("p", { className: "ai-agent-panel__empty-hint" }, "Start chatting to create your first conversation")) : /* @__PURE__ */ React15.createElement(React15.Fragment, null, activeConversationsList.length > 0 && groupedConversations.some((g) => g.count > 0) && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__group-divider" }), groupedConversations.map((group) => /* @__PURE__ */ React15.createElement("div", { key: group.label, className: "ai-agent-panel__group" }, /* @__PURE__ */ React15.createElement(
       "div",
       {
         className: "ai-agent-panel__group-label ai-agent-panel__group-label--clickable",
@@ -10525,14 +11187,22 @@ var AIAgentPanel = React15.forwardRef(({
       /* @__PURE__ */ React15.createElement("span", { className: "ai-agent-panel__group-chevron" }, expandedSections[group.label] ? "\u25BC" : "\u25B6")
     ), expandedSections[group.label] && group.conversations.length > 0 && group.conversations.map((conv, convIndex) => {
       const isActive = activeConversations.has(conv.conversationId);
+      const subtitle = (conversationSubtitleResolver == null ? void 0 : conversationSubtitleResolver(conv.conversationId, conv)) || "";
       return /* @__PURE__ */ React15.createElement(
         "div",
         {
           key: `${group.label}-${conv.conversationId}-${convIndex}`,
-          className: `ai-agent-panel__conversation ${currentConversationId === conv.conversationId ? "ai-agent-panel__conversation--current" : ""} ${isActive ? "ai-agent-panel__conversation--in-active" : ""}`,
+          className: `ai-agent-panel__conversation ${currentConversationId === conv.conversationId ? "ai-agent-panel__conversation--current" : ""} ${recentlyFocusedConversationId === conv.conversationId ? "ai-agent-panel__conversation--just-focused" : ""} ${isActive ? "ai-agent-panel__conversation--in-active" : ""}`,
+          ref: (node) => {
+            if (node) {
+              conversationRowRefs.current.set(conv.conversationId, node);
+            } else {
+              conversationRowRefs.current.delete(conv.conversationId);
+            }
+          },
           onClick: () => handleConversationSelect(conv)
         },
-        /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-title" }, isActive && /* @__PURE__ */ React15.createElement("span", { className: "ai-agent-panel__active-badge" }, "\u25CF"), conversationFirstPrompts[conv.conversationId] || conv.title))
+        /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-content" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-title" }, isActive && /* @__PURE__ */ React15.createElement("span", { className: "ai-agent-panel__active-badge" }, "\u25CF"), conversationFirstPrompts[conv.conversationId] || conv.title), subtitle ? /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-subtitle" }, subtitle) : null)
       );
     }))))))),
     /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__chat" }, !showConversationHistory && collapsible && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__chat-header" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__chat-header-spacer" }), /* @__PURE__ */ React15.createElement(Tooltip, { content: "Collapse Panel", side: position === "right" ? "left" : "right" }, /* @__PURE__ */ React15.createElement(Button, { variant: "ghost", size: "icon", onClick: toggleCollapse }, position === "right" ? /* @__PURE__ */ React15.createElement(ChevronRightIcon, null) : /* @__PURE__ */ React15.createElement(ChevronLeftIcon, null)))), showContextNotification && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__context-notification" }, /* @__PURE__ */ React15.createElement(SparkleIcon, null), /* @__PURE__ */ React15.createElement("span", null, "Agent now has new context")), activeConversationsList.map((activeConv) => /* @__PURE__ */ React15.createElement(
@@ -10570,6 +11240,8 @@ var AIAgentPanel = React15.forwardRef(({
         onToggleSection: handleContextSectionToggle,
         onConversationCreated: handleConversationCreated,
         onBeforeSend,
+        compactContext,
+        compactionPreserveTurns,
         conversationInitialPrompt: activeConv.conversationInitialPrompt,
         cssUrl,
         markdownClass,
@@ -10590,7 +11262,8 @@ var AIAgentPanel = React15.forwardRef(({
         localToolExecutors,
         traceContextMode,
         autoApproveTools,
-        toolStatusLabelFormatter
+        toolStatusLabelFormatter,
+        composerAgentModeControl
       }
     )), loadingConversationId && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__conversation-loading-overlay" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ React15.createElement("p", null, "Loading conversation...")), currentAgentMetadata && activeConversationsList.length === 0 && !loadingConversationId && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__empty-chat" }, /* @__PURE__ */ React15.createElement(MessageIcon, null), /* @__PURE__ */ React15.createElement("p", null, "Select a conversation or start a new one"), /* @__PURE__ */ React15.createElement(Button, { variant: "default", size: "sm", onClick: handleNewConversation }, "New Conversation")), agentsLoading && !currentAgentMetadata && /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading" }, /* @__PURE__ */ React15.createElement("div", { className: "ai-agent-panel__loading-spinner" }), /* @__PURE__ */ React15.createElement("p", null, "Loading agent..."))),
     /* @__PURE__ */ React15.createElement(