@xinghunm/ai-chat 1.2.1 → 1.2.2

package/dist/index.mjs

@@ -46,7 +46,10 @@ var DEFAULT_AI_CHAT_LABELS = {
   questionnaireSubmitFailed: "Failed to submit. Please try again.",
   questionnaireMultiSelectHint: "Multiple choice",
   questionnaireOtherOptionLabel: "Other",
-  questionnaireOtherPlaceholder: "Other"
+  questionnaireOtherPlaceholder: "Other",
+  skillLoading: "Loading skills...",
+  skillEmpty: "No matching skills",
+  removeSkillAriaLabel: "Remove skill"
 };
 
 // src/lib/chat-session.ts
@@ -359,10 +362,10 @@ var createChatStore = (initialState) => createStore((set, get) => ({
   finalizeStoppedStreamingMessage: (sessionId) => {
     set((state) => finalizeStreamingMessage(state, sessionId, "stopped", true));
   },
-  setSessionError: (sessionId, error) => {
+  setSessionError: (sessionId, error2) => {
     const state = get();
     set({
-      errorBySession: { ...state.errorBySession, [sessionId]: error }
+      errorBySession: { ...state.errorBySession, [sessionId]: error2 }
     });
   },
   clearSessionError: (sessionId) => {
@@ -415,16 +418,28 @@ import axios from "axios";
 
 // src/api/index.ts
 var CHAT_MODELS_PATH = "/models";
+var CHAT_SKILLS_PATH = "/chat/skills";
 var CHAT_TERMINATE_PATH = "/chat/terminate";
-var getChatModels = async (client, path = CHAT_MODELS_PATH) => {
-  const response = await client.get(path);
+var getChatModels = async (client, path = CHAT_MODELS_PATH, headers) => {
+  const hasHeaders = Boolean(headers && Object.keys(headers).length > 0);
+  const response = hasHeaders ? await client.get(path, { headers }) : await client.get(path);
   return response.data;
 };
-var terminateChat = async (client, sessionId, path = CHAT_TERMINATE_PATH) => {
+var getChatSkills = async (client, path = CHAT_SKILLS_PATH, headers) => {
+  const hasHeaders = Boolean(headers && Object.keys(headers).length > 0);
+  const response = hasHeaders ? await client.get(path, { headers }) : await client.get(path);
+  return response.data;
+};
+var terminateChat = async (client, sessionId, path = CHAT_TERMINATE_PATH, headers) => {
+  const resolvedHeaders = {
+    ...headers ?? {},
+    ...sessionId ? { "X-Session-ID": sessionId } : {}
+  };
+  const hasHeaders = Object.keys(resolvedHeaders).length > 0;
   const response = await client.post(
     path,
     sessionId ? { session_id: sessionId } : {},
-    { headers: sessionId ? { "X-Session-ID": sessionId } : void 0 }
+    hasHeaders ? { headers: resolvedHeaders } : void 0
   );
   return response.data;
 };
@@ -547,11 +562,11 @@ var startChatStream = async ({
         onPacket(packet);
       }
     }
-  } catch (error) {
-    if (error instanceof DOMException && error.name === "AbortError") {
+  } catch (error2) {
+    if (error2 instanceof DOMException && error2.name === "AbortError") {
       return;
     }
-    const normalizedError = error instanceof Error ? error : new Error("stream error");
+    const normalizedError = error2 instanceof Error ? error2 : new Error("stream error");
     onError?.(normalizedError);
     throw normalizedError;
   }
@@ -560,6 +575,7 @@ var startChatStream = async ({
 // src/transport/default-chat-transport.ts
 var DEFAULT_CHAT_TRANSPORT_ENDPOINTS = {
   models: "/models",
+  skills: "/chat/skills",
   completions: "/chat/completions",
   terminate: "/chat/terminate"
 };
@@ -607,15 +623,18 @@ var createDefaultRequestBody = async ({
   model,
   mode,
   content,
+  skills,
   attachments
 }) => {
   const hasAttachments = Boolean(attachments?.length);
+  const skillPayload = skills?.length ? { skill: skills.length === 1 ? skills[0] : skills } : {};
   if (!hasAttachments) {
     return {
       model,
       mode,
       stream: true,
-      messages: [{ role: "user", content }]
+      messages: [{ role: "user", content }],
+      ...skillPayload
     };
   }
   const imageParts = await Promise.all(
@@ -634,36 +653,49 @@ var createDefaultRequestBody = async ({
     model,
     mode,
     stream: true,
-    messages: [{ role: "user", content: messageContent }]
+    messages: [{ role: "user", content: messageContent }],
+    ...skillPayload
   };
 };
 var createDefaultChatTransport = ({
   apiBaseUrl,
   authToken,
+  headers,
   toolExecutionPolicy,
   streamHeaders,
   resolveModels,
+  resolveSkills,
   buildRequestBody,
   transformStreamPacket,
   endpoints,
   axiosInstance
 }) => {
-  const client = axiosInstance ?? axios.create({ baseURL: apiBaseUrl, headers: { Authorization: authToken } });
+  const client = axiosInstance ?? axios.create({
+    baseURL: apiBaseUrl,
+    headers: {
+      Authorization: authToken,
+      ...headers ?? {}
+    }
+  });
   const resolvedEndpoints = {
     ...DEFAULT_CHAT_TRANSPORT_ENDPOINTS,
     ...endpoints
   };
+  const resolvedHeaders = headers ?? {};
   const resolvedStreamHeaders = {
     ...createToolExecutionHeaders(toolExecutionPolicy),
+    ...resolvedHeaders,
     ...streamHeaders
   };
   return {
-    getModels: () => resolveModels?.() ?? getChatModels(client, resolvedEndpoints.models),
+    getModels: () => resolveModels?.() ?? getChatModels(client, resolvedEndpoints.models, resolvedHeaders),
+    getSkills: () => resolveSkills?.() ?? getChatSkills(client, resolvedEndpoints.skills, resolvedHeaders),
     startStream: async ({
       sessionId,
       model,
       mode,
       content,
+      skills,
       attachments,
       signal,
       onUpdate,
@@ -680,8 +712,9 @@ var createDefaultChatTransport = ({
         model,
         mode,
         content,
+        skills,
         attachments
-      }) : await createDefaultRequestBody({ model, mode, content, attachments });
+      }) : await createDefaultRequestBody({ model, mode, content, skills, attachments });
       await startChatStream({
         apiBaseUrl,
         endpointPath: resolvedEndpoints.completions,
@@ -706,7 +739,7 @@ var createDefaultChatTransport = ({
         }
       });
     },
-    terminateStream: (sessionId) => terminateChat(client, sessionId, resolvedEndpoints.terminate)
+    terminateStream: (sessionId) => terminateChat(client, sessionId, resolvedEndpoints.terminate, resolvedHeaders)
   };
 };
 
@@ -1055,9 +1088,9 @@ var useChatMessageReveal = (message) => {
   }, [batchedTargetUnitCount, displayedUnitCount, isAssistantStreaming, message.role]);
   const settledContent = isFreshBlockActive ? contentBlocks.slice(0, -1).join("\n\n") : displayedContent;
   const freshContent = isFreshBlockActive ? contentBlocks[contentBlocks.length - 1] ?? "" : "";
-  const displayedBlocks = isAssistantStreaming && contentBlocks.length > 1 ? contentBlocks.map((content, index) => ({
+  const displayedBlocks = isAssistantStreaming && contentBlocks.length > 1 ? contentBlocks.map((content, index3) => ({
     content,
-    tone: isFreshBlockActive && index === contentBlocks.length - 1 ? "fresh" : "settled"
+    tone: isFreshBlockActive && index3 === contentBlocks.length - 1 ? "fresh" : "settled"
   })) : [
     {
       content: displayedContent,
@@ -1090,22 +1123,22 @@ var stringifyTimelineKeyPart = (value) => {
   }
   return String(value);
 };
-var getTimelineBlockKey = (block, index) => {
+var getTimelineBlockKey = (block, index3) => {
   switch (block.type) {
     case "markdown":
       return null;
     case "notice":
-      return `${index}:notice:${block.tone}:${block.text}`;
+      return `${index3}:notice:${block.tone}:${block.text}`;
     case "parameter_summary":
-      return `${index}:parameter_summary:${block.items.map((item) => `${item.label}:${item.value}:${item.fieldPath ?? ""}`).join("|")}`;
+      return `${index3}:parameter_summary:${block.items.map((item) => `${item.label}:${item.value}:${item.fieldPath ?? ""}`).join("|")}`;
     case "confirmation_card":
-      return `${index}:confirmation_card:${block.proposal.proposalId}`;
+      return `${index3}:confirmation_card:${block.proposal.proposalId}`;
     case "result_summary":
-      return `${index}:result_summary:${block.summary.summaryId}:${block.summary.status}`;
+      return `${index3}:result_summary:${block.summary.summaryId}:${block.summary.status}`;
     case "questionnaire":
-      return block.questionnaire.blockKey ? `questionnaire:${block.questionnaire.blockKey}` : `${index}:questionnaire:${block.questionnaire.questionnaireId}`;
+      return block.questionnaire.blockKey ? `questionnaire:${block.questionnaire.blockKey}` : `${index3}:questionnaire:${block.questionnaire.questionnaireId}`;
     case "custom":
-      return block.blockKey ? `custom:${block.blockKey}` : `${index}:custom:${block.kind}:${stringifyTimelineKeyPart(block.data)}`;
+      return block.blockKey ? `custom:${block.blockKey}` : `${index3}:custom:${block.kind}:${stringifyTimelineKeyPart(block.data)}`;
     default:
       return null;
   }
@@ -1124,9 +1157,9 @@ var buildTimelineTextDisplay = (content, isAssistantStreaming, isFreshBlockActiv
   const contentBlocks = splitMarkdownBlocks(content);
   const settledContent = isAssistantStreaming && isFreshBlockActive && contentBlocks.length > 1 ? contentBlocks.slice(0, -1).join("\n\n") : content;
   const freshContent = isAssistantStreaming && isFreshBlockActive && contentBlocks.length > 1 ? contentBlocks[contentBlocks.length - 1] ?? "" : "";
-  const displayedBlocks = contentBlocks.length > 1 ? contentBlocks.map((blockContent, index) => ({
+  const displayedBlocks = contentBlocks.length > 1 ? contentBlocks.map((blockContent, index3) => ({
     content: blockContent,
-    tone: isAssistantStreaming && isFreshBlockActive && freshContent && index === contentBlocks.length - 1 ? "fresh" : "settled"
+    tone: isAssistantStreaming && isFreshBlockActive && freshContent && index3 === contentBlocks.length - 1 ? "fresh" : "settled"
   })) : [{ content, tone: "settled" }];
   return {
     settledContent,
@@ -1134,7 +1167,7 @@ var buildTimelineTextDisplay = (content, isAssistantStreaming, isFreshBlockActiv
     displayedBlocks
   };
 };
-var getTimelineDisplayUnitCount = (content) => splitMarkdownBlocks(content).reduce((count, block) => count + Array.from(block).length, 0);
+var getTimelineDisplayUnitCount = (content) => splitMarkdownBlocks(content).reduce((count2, block) => count2 + Array.from(block).length, 0);
 var buildAnchoredTimelineSegments = ({
   blocks,
   timelineBlockAnchors,
@@ -1143,7 +1176,7 @@ var buildAnchoredTimelineSegments = ({
 }) => {
   const orderedTimelineSegments = [];
   const totalTimelineUnits = timelineDisplayedBlocks.reduce(
-    (count, block) => count + Array.from(block.content).length,
+    (count2, block) => count2 + Array.from(block.content).length,
     0
   );
   let textCursor = 0;
@@ -1187,7 +1220,7 @@ var buildAnchoredTimelineSegments = ({
     };
   };
   let trailingCutoff = totalTimelineUnits;
-  for (const [index, block] of blocks.entries()) {
+  for (const [index3, block] of blocks.entries()) {
     if (block.type === "markdown") {
       orderedTimelineSegments.push({
         type: "markdown",
@@ -1195,7 +1228,7 @@ var buildAnchoredTimelineSegments = ({
       });
       continue;
     }
-    const blockKey = getTimelineBlockKey(block, index);
+    const blockKey = getTimelineBlockKey(block, index3);
     const anchor = blockKey !== null ? timelineBlockAnchors[blockKey] ?? totalTimelineUnits : totalTimelineUnits;
     const isBlockVisible = blockKey !== null && visibleTimelineBlockKeys?.[blockKey] ? true : anchor <= totalTimelineUnits;
     if (anchor > textCursor) {
@@ -1215,7 +1248,7 @@ var buildAnchoredTimelineSegments = ({
     orderedTimelineSegments.push({
       type: "block",
       block,
-      index
+      index: index3
     });
     textCursor = Math.max(textCursor, anchor);
   }
@@ -1263,7 +1296,7 @@ var timelineAnchorReducer = (state, action) => {
         ([blockKey, anchor]) => state.timelineBlockAnchors[blockKey] !== anchor
       );
       const hasPreviousKeysChanged = action.currentBlockKeys.length !== state.previousBlockKeys.length || action.currentBlockKeys.some(
-        (blockKey, index) => state.previousBlockKeys[index] !== blockKey
+        (blockKey, index3) => state.previousBlockKeys[index3] !== blockKey
       );
       if (!hasAnchorChanged && !hasPreviousKeysChanged) {
         return state;
@@ -1312,7 +1345,7 @@ var useTimelineBlockAnchors = ({
   messageRenderOrder
 }) => {
   const currentTimelineBlockKeys = useMemo3(
-    () => blocks.map((block, index) => getTimelineBlockKey(block, index)).filter((blockKey) => Boolean(blockKey)),
+    () => blocks.map((block, index3) => getTimelineBlockKey(block, index3)).filter((blockKey) => Boolean(blockKey)),
     [blocks]
   );
   const timelineTextStreamLength = useMemo3(
@@ -1738,11 +1771,11 @@ var toggleMultiSelectOtherAnswer = (current, question) => {
 };
 var getTextInputValue = (answer) => typeof answer === "string" ? String(answer) : "";
 var getNumberInputValue = (answer) => typeof answer === "number" || typeof answer === "string" ? String(answer) : "";
-var getOptionChoiceLabel = (index) => {
-  if (index < 26) {
-    return String.fromCharCode(65 + index);
+var getOptionChoiceLabel = (index3) => {
+  if (index3 < 26) {
+    return String.fromCharCode(65 + index3);
   }
-  return String(index + 1);
+  return String(index3 + 1);
 };
 var normalizeQuestionAnswer = (question, answer, otherDraft = "") => {
   if (answer === void 0) {
@@ -1919,7 +1952,7 @@ var stopInputKeyPropagation = (event) => {
 var OptionChoice = ({
   questionId,
   optionLabel,
-  index,
+  index: index3,
   isSelected,
   isInteractionLocked,
   onClick,
@@ -1933,7 +1966,7 @@ var OptionChoice = ({
     "aria-pressed": isSelected,
     "data-selected": isSelected,
     "data-tone": tone,
-    "data-testid": `question-option-${questionId}-${index}`,
+    "data-testid": `question-option-${questionId}-${index3}`,
     onClick: (event) => {
       if (isInteractionLocked) {
         return;
@@ -1954,7 +1987,7 @@ var OptionChoice = ({
       onClick();
     },
     children: [
-      /* @__PURE__ */ jsx5(OptionChoiceMarker, { "data-selected": isSelected, children: getOptionChoiceLabel(index) }),
+      /* @__PURE__ */ jsx5(OptionChoiceMarker, { "data-selected": isSelected, children: getOptionChoiceLabel(index3) }),
       /* @__PURE__ */ jsxs3(OptionChoiceContent, { children: [
         inlineInput ? null : /* @__PURE__ */ jsx5(OptionChoiceLabel, { children: optionLabel }),
         inlineInput
@@ -2031,8 +2064,8 @@ var QuestionnaireCardInner = ({
         content
       });
       setIsSubmitted(true);
-    } catch (error) {
-      setErrorMessage(error instanceof Error ? error.message : resolvedLabels.submitFailed);
+    } catch (error2) {
+      setErrorMessage(error2 instanceof Error ? error2.message : resolvedLabels.submitFailed);
     } finally {
       setIsSubmitting(false);
     }
@@ -2049,14 +2082,14 @@ var QuestionnaireCardInner = ({
           otherDrafts[questionToRender.id] ?? ""
         );
         return /* @__PURE__ */ jsx5(QuestionBody, { children: /* @__PURE__ */ jsxs3(OptionList, { children: [
-          questionToRender.options.map((option, index) => {
+          questionToRender.options.map((option, index3) => {
             const isSelected = multiSelectDraft.selectedValues.includes(option.value);
             return /* @__PURE__ */ jsx5(
               OptionChoice,
               {
                 questionId: questionToRender.id,
                 optionLabel: option.label,
-                index,
+                index: index3,
                 isSelected,
                 isInteractionLocked,
                 onClick: () => setAnswers(
@@ -2114,14 +2147,14 @@ var QuestionnaireCardInner = ({
           otherDrafts[questionToRender.id] ?? ""
         );
         return /* @__PURE__ */ jsx5(QuestionBody, { children: /* @__PURE__ */ jsxs3(OptionList, { children: [
-          questionToRender.options.map((option, index) => {
+          questionToRender.options.map((option, index3) => {
             const isSelected = singleSelectDraft.selectedValue === option.value;
             return /* @__PURE__ */ jsx5(
               OptionChoice,
               {
                 questionId: questionToRender.id,
                 optionLabel: option.label,
-                index,
+                index: index3,
                 isSelected,
                 isInteractionLocked,
                 onClick: () => setAnswers(
@@ -2687,20 +2720,20 @@ var areChatAttachmentsEqual = (previousAttachments, nextAttachments) => {
   if (previousAttachments.length !== nextAttachments.length) {
     return false;
   }
-  return previousAttachments.every((attachment, index) => {
-    const nextAttachment = nextAttachments[index];
+  return previousAttachments.every((attachment, index3) => {
+    const nextAttachment = nextAttachments[index3];
     return attachment.id === nextAttachment?.id && attachment.name === nextAttachment.name && attachment.mimeType === nextAttachment.mimeType && attachment.size === nextAttachment.size && attachment.previewUrl === nextAttachment.previewUrl;
   });
 };
-var areParameterSummaryItemsEqual = (previousItems, nextItems) => previousItems.length === nextItems.length && previousItems.every((item, index) => {
-  const nextItem = nextItems[index];
+var areParameterSummaryItemsEqual = (previousItems, nextItems) => previousItems.length === nextItems.length && previousItems.every((item, index3) => {
+  const nextItem = nextItems[index3];
   return item.label === nextItem?.label && item.value === nextItem.value && item.fieldPath === nextItem.fieldPath;
 });
 var areExecutionProposalsEqual = (previousProposal, nextProposal) => previousProposal.proposalId === nextProposal.proposalId && previousProposal.resourceKey === nextProposal.resourceKey && previousProposal.resourceName === nextProposal.resourceName && previousProposal.executorName === nextProposal.executorName && previousProposal.requiresConfirmation === nextProposal.requiresConfirmation && areParameterSummaryItemsEqual(previousProposal.parameterSummary, nextProposal.parameterSummary) && (previousProposal.warnings ?? []).length === (nextProposal.warnings ?? []).length && (previousProposal.warnings ?? []).every(
-  (warning, index) => warning === nextProposal.warnings?.[index]
+  (warning, index3) => warning === nextProposal.warnings?.[index3]
 );
-var areResultSummariesEqual = (previousSummary, nextSummary) => previousSummary.summaryId === nextSummary.summaryId && previousSummary.status === nextSummary.status && previousSummary.headline === nextSummary.headline && previousSummary.details.length === nextSummary.details.length && previousSummary.details.every((detail, index) => detail === nextSummary.details[index]);
-var areStringArraysEqual = (previousValues, nextValues) => previousValues.length === nextValues.length && previousValues.every((value, index) => value === nextValues[index]);
+var areResultSummariesEqual = (previousSummary, nextSummary) => previousSummary.summaryId === nextSummary.summaryId && previousSummary.status === nextSummary.status && previousSummary.headline === nextSummary.headline && previousSummary.details.length === nextSummary.details.length && previousSummary.details.every((detail, index3) => detail === nextSummary.details[index3]);
+var areStringArraysEqual = (previousValues, nextValues) => previousValues.length === nextValues.length && previousValues.every((value, index3) => value === nextValues[index3]);
 var areQuestionAnswersEqual = (previousAnswer, nextAnswer) => {
   if (Array.isArray(previousAnswer) || Array.isArray(nextAnswer)) {
     return Array.isArray(previousAnswer) && Array.isArray(nextAnswer) && areStringArraysEqual(previousAnswer, nextAnswer);
@@ -2719,7 +2752,7 @@ var areQuestionAnswerMapsEqual = (previousAnswers, nextAnswers) => {
   return previousKeys.length === nextKeys.length && previousKeys.every((key) => areQuestionAnswersEqual(previousAnswers[key], nextAnswers[key]));
 };
 var areQuestionOptionsEqual = (previousOptions, nextOptions) => previousOptions.length === nextOptions.length && previousOptions.every(
-  (option, index) => option.label === nextOptions[index]?.label && option.value === nextOptions[index]?.value
+  (option, index3) => option.label === nextOptions[index3]?.label && option.value === nextOptions[index3]?.value
 );
 var arePlanQuestionsEqual = (previousQuestion, nextQuestion) => {
   if (previousQuestion.id !== nextQuestion.id || previousQuestion.label !== nextQuestion.label || previousQuestion.required !== nextQuestion.required || previousQuestion.kind !== nextQuestion.kind) {
@@ -2751,8 +2784,8 @@ var areMessageBlocksEqual = (previousBlocks, nextBlocks) => {
   if (previousBlocks.length !== nextBlocks.length) {
     return false;
   }
-  return previousBlocks.every((block, index) => {
-    const nextBlock = nextBlocks[index];
+  return previousBlocks.every((block, index3) => {
+    const nextBlock = nextBlocks[index3];
     if (!nextBlock || block.type !== nextBlock.type) {
       return false;
     }
@@ -2852,23 +2885,23 @@ var ChatMessageItemView = ({
     settledContent
   });
   const renderMessageContent = (content) => messageRenderMode === "plain-text" ? renderPlainTextContent(content) : renderMarkdownContent(content);
-  const renderChatMessageBlock = (block, index) => {
+  const renderChatMessageBlock = (block, index3) => {
     switch (block.type) {
       case "markdown":
         return /* @__PURE__ */ jsx8(
           ContentBlock,
           {
-            "data-testid": `chat-message-block-${index}`,
+            "data-testid": `chat-message-block-${index3}`,
             "data-block-tone": "settled",
             "data-render-mode": messageRenderMode,
             children: renderMessageContent(block.text)
           },
-          `markdown-${index}`
+          `markdown-${index3}`
         );
       case "notice":
-        return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(NoticeCard, { text: block.text, tone: block.tone }) }, `notice-${index}`);
+        return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(NoticeCard, { text: block.text, tone: block.tone }) }, `notice-${index3}`);
       case "parameter_summary":
-        return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(ParameterSummaryCard, { items: block.items }) }, `parameter-summary-${index}`);
+        return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(ParameterSummaryCard, { items: block.items }) }, `parameter-summary-${index3}`);
       case "confirmation_card":
         return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(
           ExecutionConfirmationCard,
@@ -2881,9 +2914,9 @@ var ChatMessageItemView = ({
               sourceMessageId: message.id
             }) : void 0
           }
-        ) }, `confirmation-card-${index}`);
+        ) }, `confirmation-card-${index3}`);
       case "result_summary":
-        return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(ResultSummaryCard, { summary: block.summary }) }, `result-summary-${index}`);
+        return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(ResultSummaryCard, { summary: block.summary }) }, `result-summary-${index3}`);
       case "questionnaire":
         return /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsx8(
           QuestionnaireCard,
@@ -2904,16 +2937,16 @@ var ChatMessageItemView = ({
               sourceMessageId: message.id
             }) : void 0
           }
-        ) }, block.questionnaire.blockKey ?? `questionnaire-${index}`);
+        ) }, block.questionnaire.blockKey ?? `questionnaire-${index3}`);
       case "custom":
         return /* @__PURE__ */ jsx8(Fragment, { children: renderMessageBlock?.({
           block,
-          index,
+          index: index3,
           message,
           mode,
           onConfirmationSubmit,
           onQuestionnaireSubmit
-        }) ?? null }, `custom-${block.kind}-${index}`);
+        }) ?? null }, `custom-${block.kind}-${index3}`);
       default:
         return null;
     }
@@ -2925,16 +2958,16 @@ var ChatMessageItemView = ({
     const settledText = localTimelineTextDisplay?.settledContent ?? settledContent;
     const freshText = localTimelineTextDisplay?.freshContent ?? freshContent;
     return /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      textBlocks.filter((block) => block.content).map((block, index) => /* @__PURE__ */ jsx8(
+      textBlocks.filter((block) => block.content).map((block, index3) => /* @__PURE__ */ jsx8(
         ContentBlock,
         {
           "data-testid": block.tone === "fresh" ? "chat-message-fresh-block" : "chat-message-settled-block",
           "data-block-tone": block.tone,
-          "data-block-index": index,
+          "data-block-index": index3,
           "data-render-mode": messageRenderMode,
           children: renderMessageContent(block.content)
         },
-        `${block.tone}-${index}`
+        `${block.tone}-${index3}`
       )),
       !textBlocks.some((block) => block.content) && !settledText && !freshText && Boolean(textContent) ? /* @__PURE__ */ jsx8(
         ContentBlock,
@@ -2964,8 +2997,8 @@ var ChatMessageItemView = ({
       return [];
     }
     if (messageRenderOrder === "timeline" && hasTextContent) {
-      const hasAnchoredStructuredBlocks = blocks.some((block, index) => {
-        const blockKey = getTimelineBlockKey(block, index);
+      const hasAnchoredStructuredBlocks = blocks.some((block, index3) => {
+        const blockKey = getTimelineBlockKey(block, index3);
         return blockKey ? timelineBlockAnchors[blockKey] !== void 0 : false;
       });
       if (hasAnchoredStructuredBlocks) {
@@ -2977,13 +3010,13 @@ var ChatMessageItemView = ({
         });
       }
       const orderedTimelineSegments = blocks.map(
-        (block, index) => block.type === "markdown" ? {
+        (block, index3) => block.type === "markdown" ? {
           type: "markdown",
           content: block.text
         } : {
           type: "block",
           block,
-          index
+          index: index3
         }
       );
       if (!timelineConsumedText) {
@@ -2991,10 +3024,10 @@ var ChatMessageItemView = ({
       }
       return timelineDisplayedContent ? [...orderedTimelineSegments, { type: "text", content: timelineDisplayedContent }] : orderedTimelineSegments;
     }
-    const orderedBlocks = blocks.map((block, index) => ({
+    const orderedBlocks = blocks.map((block, index3) => ({
       type: "block",
       block,
-      index
+      index: index3
     }));
     return hasTextContent ? [...orderedBlocks, { type: "text" }] : orderedBlocks;
   })();
@@ -3033,7 +3066,7 @@ var ChatMessageItemView = ({
             ref: bodyStackRef,
             "data-testid": "chat-message-body-stack",
             "data-collapsed": isUserMessageCollapsed,
-            children: bodySegments.map((segment, index) => /* @__PURE__ */ jsx8(
+            children: bodySegments.map((segment, index3) => /* @__PURE__ */ jsx8(
               ContentSegment,
               {
                 "data-testid": "chat-message-content-segment",
@@ -3043,7 +3076,7 @@ var ChatMessageItemView = ({
                   useTimelineSegmentation: true
                 }) : renderStaticTextSegment(segment.content) : renderTextContent() : renderStaticTextSegment(segment.content)
               },
-              segment.type === "text" ? `text-${index}` : segment.type === "markdown" ? `markdown-${index}` : `${segment.block.type}-${segment.index}`
+              segment.type === "text" ? `text-${index3}` : segment.type === "markdown" ? `markdown-${index3}` : `${segment.block.type}-${segment.index}`
             ))
           }
         ) : null,
@@ -3442,11 +3475,11 @@ var renderChatMessage = ({
   }
 );
 var renderErrorState = ({
-  error,
+  error: error2,
   onRetry,
   retryButtonLabel
 }) => /* @__PURE__ */ jsxs7(ErrorState, { "data-testid": "chat-thread-error-state", children: [
-  /* @__PURE__ */ jsx10(ErrorText, { children: error }),
+  /* @__PURE__ */ jsx10(ErrorText, { children: error2 }),
   onRetry ? /* @__PURE__ */ jsx10(ErrorActions, { children: /* @__PURE__ */ jsx10(RetryButton, { type: "button", "data-testid": "chat-thread-retry", onClick: onRetry, children: retryButtonLabel }) }) : null
 ] });
 var groupConversationTurns = (historyMessages, streamingMessage) => {
@@ -3496,7 +3529,7 @@ var ChatThreadView = ({
   activeSessionMode = DEFAULT_CHAT_AGENT_MODE,
   historyMessages,
   streamingMessage,
-  error,
+  error: error2,
   retryButtonLabel,
   scrollToLatestLabel,
   onRetry,
@@ -3640,7 +3673,7 @@ var ChatThreadView = ({
         reservedSpaceFrameRef.current = null;
       }
     };
-  }, [latestTurn, latestUserMessageId, error, measureLatestTurnMinHeight, scrollToBottom]);
+  }, [latestTurn, latestUserMessageId, error2, measureLatestTurnMinHeight, scrollToBottom]);
   useLayoutEffect2(() => {
     if (!latestTurn)
       return;
@@ -3743,11 +3776,11 @@ var ChatThreadView = ({
               onQuestionnaireSubmit,
               renderMessageBlock
             }) }, message.id)),
-            error ? renderErrorState({ error, onRetry, retryButtonLabel }) : null
+            error2 ? renderErrorState({ error: error2, onRetry, retryButtonLabel }) : null
           ]
         }
       ) : null,
-      !latestTurn && error ? renderErrorState({ error, onRetry, retryButtonLabel }) : null
+      !latestTurn && error2 ? renderErrorState({ error: error2, onRetry, retryButtonLabel }) : null
     ] }),
     isDetached ? /* @__PURE__ */ jsx10(ScrollToLatestOverlay, { children: /* @__PURE__ */ jsxs7(
       ScrollToLatestButton,
@@ -3774,7 +3807,7 @@ var ChatThread = () => {
     (s) => s.messagesBySession[s.activeSessionId ?? ""] ?? EMPTY_MESSAGES
   );
   const streamingMessage = useChatStore((s) => s.streamingMessageBySession[s.activeSessionId ?? ""]);
-  const error = useChatStore((s) => s.errorBySession[s.activeSessionId ?? ""]);
+  const error2 = useChatStore((s) => s.errorBySession[s.activeSessionId ?? ""]);
   const updateQA = useChatStore((s) => s.updateQuestionnaireAnswers);
   const clearSessionError = useChatStore((s) => s.clearSessionError);
   const {
@@ -3854,7 +3887,7 @@ var ChatThread = () => {
       activeSessionMode,
       historyMessages: messages,
       streamingMessage,
-      error,
+      error: error2,
       retryButtonLabel: labels.retryButton,
       scrollToLatestLabel: labels.scrollToLatest,
       onRetry: handleRetry,
@@ -3974,276 +4007,2860 @@ var ScrollToLatestBadge = styled9.span`
 `;
 
 // src/components/chat-composer/index.tsx
-import { useEffect as useEffect7, useLayoutEffect as useLayoutEffect3, useRef as useRef8, useState as useState8 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect8, useLayoutEffect as useLayoutEffect5, useRef as useRef11, useState as useState10 } from "react";
 import styled14 from "@emotion/styled";
 
-// src/components/chat-composer/lib/chat-composer.ts
-var createUserMessage = ({
-  sessionId,
-  content,
-  attachments,
-  localOnly,
-  createdAt,
-  createMessageId
-}) => ({
-  id: createMessageId(),
-  sessionId,
-  role: "user",
-  content,
-  attachments,
-  localOnly,
-  createdAt
-});
-var createAssistantStreamingMessage = ({
-  sessionId,
-  createdAt,
-  createMessageId
-}) => ({
-  id: createMessageId(),
-  sessionId,
-  role: "assistant",
-  content: "",
-  status: "streaming",
-  createdAt
-});
-var canSendChatMessage = ({
-  value,
-  attachmentCount = 0,
-  isModelsLoading,
-  isModelsError,
-  hasModels
-}) => {
-  const hasText = Boolean(value.trim());
-  const hasAttachments = attachmentCount > 0;
-  if (!hasText && !hasAttachments)
+// ../../node_modules/.pnpm/@floating-ui+react@0.27.16_react-dom@18.3.1_react@18.3.1/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
+import * as React3 from "react";
+
+// ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
+function hasWindow() {
+  return typeof window !== "undefined";
+}
+function getNodeName(node) {
+  if (isNode(node)) {
+    return (node.nodeName || "").toLowerCase();
+  }
+  return "#document";
+}
+function getWindow(node) {
+  var _node$ownerDocument;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+}
+function getDocumentElement(node) {
+  var _ref;
+  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;
+}
+function isNode(value) {
+  if (!hasWindow()) {
     return false;
-  if (!hasText && hasAttachments)
-    return true;
-  return !isModelsLoading && !isModelsError && hasModels;
-};
-var shouldSubmitChatComposer = ({
-  key,
-  shiftKey,
-  canSend
-}) => key === "Enter" && !shiftKey && canSend;
-var shouldStopChatComposer = ({
-  key,
-  shiftKey,
-  isStreaming
-}) => key === "Enter" && !shiftKey && isStreaming;
-var resolveSelectedChatModel = ({
-  currentModel,
-  availableModels,
-  isModelsLoading
-}) => {
-  if (!availableModels.length) {
-    return isModelsLoading ? currentModel : "";
   }
-  if (currentModel && availableModels.some((model) => model.id === currentModel)) {
-    return currentModel;
+  return value instanceof Node || value instanceof getWindow(value).Node;
+}
+function isElement(value) {
+  if (!hasWindow()) {
+    return false;
   }
-  return availableModels[0].id;
-};
-var resolveSendSession = ({
-  activeSessionId,
-  selectedModel,
-  selectedMode,
-  nowIso: nowIso2,
-  createSessionId
-}) => {
-  if (activeSessionId) {
+  return value instanceof Element || value instanceof getWindow(value).Element;
+}
+function isHTMLElement(value) {
+  if (!hasWindow()) {
+    return false;
+  }
+  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;
+}
+function isShadowRoot(value) {
+  if (!hasWindow() || typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;
+}
+var invalidOverflowDisplayValues = /* @__PURE__ */ new Set(["inline", "contents"]);
+function isOverflowElement(element) {
+  const {
+    overflow,
+    overflowX,
+    overflowY,
+    display
+  } = getComputedStyle2(element);
+  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !invalidOverflowDisplayValues.has(display);
+}
+var tableElements = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function isTableElement(element) {
+  return tableElements.has(getNodeName(element));
+}
+var topLayerSelectors = [":popover-open", ":modal"];
+function isTopLayer(element) {
+  return topLayerSelectors.some((selector) => {
+    try {
+      return element.matches(selector);
+    } catch (_e) {
+      return false;
+    }
+  });
+}
+var transformProperties = ["transform", "translate", "scale", "rotate", "perspective"];
+var willChangeValues = ["transform", "translate", "scale", "rotate", "perspective", "filter"];
+var containValues = ["paint", "layout", "strict", "content"];
+function isContainingBlock(elementOrCss) {
+  const webkit = isWebKit();
+  const css = isElement(elementOrCss) ? getComputedStyle2(elementOrCss) : elementOrCss;
+  return transformProperties.some((value) => css[value] ? css[value] !== "none" : false) || (css.containerType ? css.containerType !== "normal" : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : false) || !webkit && (css.filter ? css.filter !== "none" : false) || willChangeValues.some((value) => (css.willChange || "").includes(value)) || containValues.some((value) => (css.contain || "").includes(value));
+}
+function getContainingBlock(element) {
+  let currentNode = getParentNode(element);
+  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    if (isContainingBlock(currentNode)) {
+      return currentNode;
+    } else if (isTopLayer(currentNode)) {
+      return null;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  return null;
+}
+function isWebKit() {
+  if (typeof CSS === "undefined" || !CSS.supports)
+    return false;
+  return CSS.supports("-webkit-backdrop-filter", "none");
+}
+var lastTraversableNodeNames = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function isLastTraversableNode(node) {
+  return lastTraversableNodeNames.has(getNodeName(node));
+}
+function getComputedStyle2(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function getNodeScroll(element) {
+  if (isElement(element)) {
     return {
-      localSessionId: activeSessionId,
-      sessionId: isDraftChatSessionId(activeSessionId) ? void 0 : activeSessionId
+      scrollLeft: element.scrollLeft,
+      scrollTop: element.scrollTop
     };
   }
-  const session = createDraftChatSession({
-    model: selectedModel,
-    mode: selectedMode ?? DEFAULT_CHAT_AGENT_MODE,
-    nowIso: nowIso2,
-    createSessionId
-  });
-  return { session, localSessionId: session.sessionId, sessionId: void 0 };
-};
+  return {
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
+  };
+}
+function getParentNode(node) {
+  if (getNodeName(node) === "html") {
+    return node;
+  }
+  const result = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    node.assignedSlot || // DOM Element detected.
+    node.parentNode || // ShadowRoot detected.
+    isShadowRoot(node) && node.host || // Fallback.
+    getDocumentElement(node)
+  );
+  return isShadowRoot(result) ? result.host : result;
+}
+function getNearestOverflowAncestor(node) {
+  const parentNode = getParentNode(node);
+  if (isLastTraversableNode(parentNode)) {
+    return node.ownerDocument ? node.ownerDocument.body : node.body;
+  }
+  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {
+    return parentNode;
+  }
+  return getNearestOverflowAncestor(parentNode);
+}
+function getOverflowAncestors(node, list, traverseIframes) {
+  var _node$ownerDocument2;
+  if (list === void 0) {
+    list = [];
+  }
+  if (traverseIframes === void 0) {
+    traverseIframes = true;
+  }
+  const scrollableAncestor = getNearestOverflowAncestor(node);
+  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
+  const win = getWindow(scrollableAncestor);
+  if (isBody) {
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
+  }
+  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+}
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 
-// src/components/chat-composer/hooks/use-chat-composer.ts
-import { useCallback as useCallback4, useEffect as useEffect6, useRef as useRef7, useState as useState6 } from "react";
+// ../../node_modules/.pnpm/@floating-ui+react@0.27.16_react-dom@18.3.1_react@18.3.1/node_modules/@floating-ui/react/dist/floating-ui.react.utils.mjs
+import * as React from "react";
+import { useLayoutEffect as useLayoutEffect3 } from "react";
 
-// src/components/chat-composer/hooks/use-composer-attachments.ts
-import { useEffect as useEffect5, useRef as useRef6, useState as useState5 } from "react";
-var SUPPORTED_IMAGE_MIME_TYPES = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/webp"]);
-var MAX_COMPOSER_ATTACHMENTS = 10;
-var createObjectUrl = (file) => typeof URL !== "undefined" && typeof URL.createObjectURL === "function" ? URL.createObjectURL(file) : "";
-var revokeObjectUrl = (url) => {
-  if (url && typeof URL !== "undefined" && typeof URL.revokeObjectURL === "function") {
-    URL.revokeObjectURL(url);
-  }
+// ../../node_modules/.pnpm/@floating-ui+utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+var min = Math.min;
+var max = Math.max;
+var round = Math.round;
+var floor = Math.floor;
+var createCoords = (v) => ({
+  x: v,
+  y: v
+});
+var oppositeSideMap = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
 };
-var createAttachmentId = () => `attachment-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
-var releaseComposerAttachments = (attachments) => {
-  attachments.forEach((attachment) => revokeObjectUrl(attachment.previewUrl));
+var oppositeAlignmentMap = {
+  start: "end",
+  end: "start"
 };
-var useComposerAttachments = () => {
-  const [attachments, setAttachments] = useState5([]);
-  const attachmentsRef = useRef6([]);
-  useEffect5(() => {
-    attachmentsRef.current = attachments;
-  }, [attachments]);
-  useEffect5(
-    () => () => {
-      releaseComposerAttachments(attachmentsRef.current);
-    },
-    []
-  );
-  const appendFiles = (files) => {
-    const validFiles = Array.from(files).filter((file) => SUPPORTED_IMAGE_MIME_TYPES.has(file.type));
-    if (!validFiles.length)
-      return { addedCount: 0, limitExceeded: false };
-    const currentAttachments = attachmentsRef.current;
-    const remainingSlots = MAX_COMPOSER_ATTACHMENTS - currentAttachments.length;
-    if (remainingSlots <= 0)
-      return { addedCount: 0, limitExceeded: true };
-    const filesToAppend = validFiles.slice(0, remainingSlots);
-    const newAttachments = filesToAppend.map((file) => ({
-      id: createAttachmentId(),
-      file,
-      name: file.name,
-      mimeType: file.type,
-      size: file.size,
-      previewUrl: createObjectUrl(file)
-    }));
-    setAttachments((current) => [...current, ...newAttachments]);
-    return {
-      addedCount: filesToAppend.length,
-      limitExceeded: validFiles.length > filesToAppend.length
-    };
-  };
-  const removeAttachment = (attachmentId) => {
-    setAttachments((current) => {
-      const target = current.find((a) => a.id === attachmentId);
-      if (target)
-        releaseComposerAttachments([target]);
-      return current.filter((a) => a.id !== attachmentId);
-    });
-  };
-  const clearAttachments = () => {
-    setAttachments((current) => {
-      releaseComposerAttachments(current);
-      return [];
-    });
-  };
-  const takeMessageAttachments = () => {
-    const currentAttachments = attachmentsRef.current;
-    if (!currentAttachments.length) {
+function clamp(start, value, end) {
+  return max(start, min(value, end));
+}
+function evaluate(value, param) {
+  return typeof value === "function" ? value(param) : value;
+}
+function getSide(placement) {
+  return placement.split("-")[0];
+}
+function getAlignment(placement) {
+  return placement.split("-")[1];
+}
+function getOppositeAxis(axis) {
+  return axis === "x" ? "y" : "x";
+}
+function getAxisLength(axis) {
+  return axis === "y" ? "height" : "width";
+}
+var yAxisSides = /* @__PURE__ */ new Set(["top", "bottom"]);
+function getSideAxis(placement) {
+  return yAxisSides.has(getSide(placement)) ? "y" : "x";
+}
+function getAlignmentAxis(placement) {
+  return getOppositeAxis(getSideAxis(placement));
+}
+function getAlignmentSides(placement, rects, rtl) {
+  if (rtl === void 0) {
+    rtl = false;
+  }
+  const alignment = getAlignment(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const length = getAxisLength(alignmentAxis);
+  let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
+  if (rects.reference[length] > rects.floating[length]) {
+    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
+  }
+  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
+}
+function getExpandedPlacements(placement) {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+}
+function getOppositeAlignmentPlacement(placement) {
+  return placement.replace(/start|end/g, (alignment) => oppositeAlignmentMap[alignment]);
+}
+var lrPlacement = ["left", "right"];
+var rlPlacement = ["right", "left"];
+var tbPlacement = ["top", "bottom"];
+var btPlacement = ["bottom", "top"];
+function getSideList(side, isStart, rtl) {
+  switch (side) {
+    case "top":
+    case "bottom":
+      if (rtl)
+        return isStart ? rlPlacement : lrPlacement;
+      return isStart ? lrPlacement : rlPlacement;
+    case "left":
+    case "right":
+      return isStart ? tbPlacement : btPlacement;
+    default:
       return [];
+  }
+}
+function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
+  const alignment = getAlignment(placement);
+  let list = getSideList(getSide(placement), direction === "start", rtl);
+  if (alignment) {
+    list = list.map((side) => side + "-" + alignment);
+    if (flipAlignment) {
+      list = list.concat(list.map(getOppositeAlignmentPlacement));
     }
-    const nextMessageAttachments = currentAttachments.map(({ file: _file, ...attachment }) => ({
-      ...attachment,
-      file: _file
-    }));
-    attachmentsRef.current = [];
-    setAttachments([]);
-    return nextMessageAttachments;
+  }
+  return list;
+}
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
+}
+function expandPaddingObject(padding) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...padding
   };
+}
+function getPaddingObject(padding) {
+  return typeof padding !== "number" ? expandPaddingObject(padding) : {
+    top: padding,
+    right: padding,
+    bottom: padding,
+    left: padding
+  };
+}
+function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    attachments,
-    appendFiles,
-    removeAttachment,
-    clearAttachments,
-    takeMessageAttachments
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
-};
+}
 
-// src/components/chat-composer/hooks/use-chat-composer.ts
-var nowIso = () => (/* @__PURE__ */ new Date()).toISOString();
-var ATTACHMENT_NOTICE_DURATION_MS = 3e3;
-var STOP_WAIT_TIMEOUT_MS = 3e3;
-var resolveAccumulatedContent = (currentContent, update) => {
-  if (update.content !== void 0) {
-    return update.content;
+// ../../node_modules/.pnpm/tabbable@6.3.0/node_modules/tabbable/dist/index.esm.js
+var candidateSelectors = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"];
+var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
+var NoElement = typeof Element === "undefined";
+var matches = NoElement ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+var getRootNode = !NoElement && Element.prototype.getRootNode ? function(element) {
+  var _element$getRootNode;
+  return element === null || element === void 0 ? void 0 : (_element$getRootNode = element.getRootNode) === null || _element$getRootNode === void 0 ? void 0 : _element$getRootNode.call(element);
+} : function(element) {
+  return element === null || element === void 0 ? void 0 : element.ownerDocument;
+};
+var _isInert = function isInert(node, lookUp) {
+  var _node$getAttribute;
+  if (lookUp === void 0) {
+    lookUp = true;
+  }
+  var inertAtt = node === null || node === void 0 ? void 0 : (_node$getAttribute = node.getAttribute) === null || _node$getAttribute === void 0 ? void 0 : _node$getAttribute.call(node, "inert");
+  var inert = inertAtt === "" || inertAtt === "true";
+  var result = inert || lookUp && node && _isInert(node.parentNode);
+  return result;
+};
+var isContentEditable = function isContentEditable2(node) {
+  var _node$getAttribute2;
+  var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, "contenteditable");
+  return attValue === "" || attValue === "true";
+};
+var getCandidates = function getCandidates2(el, includeContainer, filter) {
+  if (_isInert(el)) {
+    return [];
   }
-  if (update.contentDelta) {
-    return currentContent + update.contentDelta;
+  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
+  if (includeContainer && matches.call(el, candidateSelector)) {
+    candidates.unshift(el);
   }
-  return currentContent;
+  candidates = candidates.filter(filter);
+  return candidates;
 };
-var normalizeChatErrorMessage = (message, labels) => {
-  const trimmedMessage = message?.trim();
-  if (!trimmedMessage) {
-    return labels.genericError;
+var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
+  var candidates = [];
+  var elementsToCheck = Array.from(elements);
+  while (elementsToCheck.length) {
+    var element = elementsToCheck.shift();
+    if (_isInert(element, false)) {
+      continue;
+    }
+    if (element.tagName === "SLOT") {
+      var assigned = element.assignedElements();
+      var content = assigned.length ? assigned : element.children;
+      var nestedCandidates = _getCandidatesIteratively(content, true, options);
+      if (options.flatten) {
+        candidates.push.apply(candidates, nestedCandidates);
+      } else {
+        candidates.push({
+          scopeParent: element,
+          candidates: nestedCandidates
+        });
+      }
+    } else {
+      var validCandidate = matches.call(element, candidateSelector);
+      if (validCandidate && options.filter(element) && (includeContainer || !elements.includes(element))) {
+        candidates.push(element);
+      }
+      var shadowRoot = element.shadowRoot || // check for an undisclosed shadow
+      typeof options.getShadowRoot === "function" && options.getShadowRoot(element);
+      var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
+      if (shadowRoot && validShadowRoot) {
+        var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
+        if (options.flatten) {
+          candidates.push.apply(candidates, _nestedCandidates);
+        } else {
+          candidates.push({
+            scopeParent: element,
+            candidates: _nestedCandidates
+          });
+        }
+      } else {
+        elementsToCheck.unshift.apply(elementsToCheck, element.children);
+      }
+    }
   }
-  if (trimmedMessage === "Failed to fetch") {
-    return labels.networkError;
+  return candidates;
+};
+var hasTabIndex = function hasTabIndex2(node) {
+  return !isNaN(parseInt(node.getAttribute("tabindex"), 10));
+};
+var getTabIndex = function getTabIndex2(node) {
+  if (!node) {
+    throw new Error("No node provided");
   }
-  return trimmedMessage;
+  if (node.tabIndex < 0) {
+    if ((/^(AUDIO|VIDEO|DETAILS)$/.test(node.tagName) || isContentEditable(node)) && !hasTabIndex(node)) {
+      return 0;
+    }
+  }
+  return node.tabIndex;
 };
-var useChatComposer = () => {
-  const { transport, enableImageAttachments, labels, store } = useChatContext();
-  const activeSessionId = useChatStore((s) => s.activeSessionId);
-  const activeSession = useChatStore(
-    (s) => s.sessions.find((x) => x.sessionId === s.activeSessionId) ?? null
-  );
-  const preferredMode = useChatStore((s) => s.preferredMode);
-  const streamingSessionId = useChatStore(
-    (s) => s.activeSessionId && s.isStreamingBySession[s.activeSessionId] ? s.activeSessionId : null
-  );
-  const isStreaming = Boolean(streamingSessionId);
-  const isStopping = useChatStore((s) => {
-    const currentStreamingSessionId = s.activeSessionId && s.isStreamingBySession[s.activeSessionId] ? s.activeSessionId : null;
-    return currentStreamingSessionId ? s.isStoppingBySession[currentStreamingSessionId] ?? false : false;
+var getSortOrderTabIndex = function getSortOrderTabIndex2(node, isScope) {
+  var tabIndex = getTabIndex(node);
+  if (tabIndex < 0 && isScope && !hasTabIndex(node)) {
+    return 0;
+  }
+  return tabIndex;
+};
+var sortOrderedTabbables = function sortOrderedTabbables2(a, b) {
+  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
+};
+var isInput = function isInput2(node) {
+  return node.tagName === "INPUT";
+};
+var isHiddenInput = function isHiddenInput2(node) {
+  return isInput(node) && node.type === "hidden";
+};
+var isDetailsWithSummary = function isDetailsWithSummary2(node) {
+  var r = node.tagName === "DETAILS" && Array.prototype.slice.apply(node.children).some(function(child) {
+    return child.tagName === "SUMMARY";
   });
-  const createSession = useChatStore((s) => s.createSession);
-  const replaceSessionId = useChatStore((s) => s.replaceSessionId);
-  const appendMessage = useChatStore((s) => s.appendMessage);
-  const startStreamingMessage = useChatStore((s) => s.startStreamingMessage);
-  const patchStreamingMessage = useChatStore((s) => s.patchStreamingMessage);
-  const completeStreamingMessage = useChatStore((s) => s.completeStreamingMessage);
-  const requestStopStreaming = useChatStore((s) => s.requestStopStreaming);
-  const finalizeStoppedStreamingMessage = useChatStore((s) => s.finalizeStoppedStreamingMessage);
-  const setSessionError = useChatStore((s) => s.setSessionError);
-  const clearSessionError = useChatStore((s) => s.clearSessionError);
-  const setPreferredMode = useChatStore((s) => s.setPreferredMode);
-  const setSessionMode = useChatStore((s) => s.setSessionMode);
-  const [availableModels, setAvailableModels] = useState6([]);
-  const [isModelsLoading, setIsModelsLoading] = useState6(true);
-  const [isModelsError, setIsModelsError] = useState6(false);
-  const fetchModels = useCallback4(async () => {
-    setIsModelsLoading(true);
-    setIsModelsError(false);
-    try {
-      const modelsResponse = await transport.getModels();
-      setAvailableModels(modelsResponse.data);
-    } catch {
-      setIsModelsError(true);
+  return r;
+};
+var getCheckedRadio = function getCheckedRadio2(nodes, form) {
+  for (var i = 0; i < nodes.length; i++) {
+    if (nodes[i].checked && nodes[i].form === form) {
+      return nodes[i];
+    }
+  }
+};
+var isTabbableRadio = function isTabbableRadio2(node) {
+  if (!node.name) {
+    return true;
+  }
+  var radioScope = node.form || getRootNode(node);
+  var queryRadios = function queryRadios2(name) {
+    return radioScope.querySelectorAll('input[type="radio"][name="' + name + '"]');
+  };
+  var radioSet;
+  if (typeof window !== "undefined" && typeof window.CSS !== "undefined" && typeof window.CSS.escape === "function") {
+    radioSet = queryRadios(window.CSS.escape(node.name));
+  } else {
+    try {
+      radioSet = queryRadios(node.name);
+    } catch (err) {
+      console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", err.message);
+      return false;
+    }
+  }
+  var checked = getCheckedRadio(radioSet, node.form);
+  return !checked || checked === node;
+};
+var isRadio = function isRadio2(node) {
+  return isInput(node) && node.type === "radio";
+};
+var isNonTabbableRadio = function isNonTabbableRadio2(node) {
+  return isRadio(node) && !isTabbableRadio(node);
+};
+var isNodeAttached = function isNodeAttached2(node) {
+  var _nodeRoot;
+  var nodeRoot = node && getRootNode(node);
+  var nodeRootHost = (_nodeRoot = nodeRoot) === null || _nodeRoot === void 0 ? void 0 : _nodeRoot.host;
+  var attached = false;
+  if (nodeRoot && nodeRoot !== node) {
+    var _nodeRootHost, _nodeRootHost$ownerDo, _node$ownerDocument;
+    attached = !!((_nodeRootHost = nodeRootHost) !== null && _nodeRootHost !== void 0 && (_nodeRootHost$ownerDo = _nodeRootHost.ownerDocument) !== null && _nodeRootHost$ownerDo !== void 0 && _nodeRootHost$ownerDo.contains(nodeRootHost) || node !== null && node !== void 0 && (_node$ownerDocument = node.ownerDocument) !== null && _node$ownerDocument !== void 0 && _node$ownerDocument.contains(node));
+    while (!attached && nodeRootHost) {
+      var _nodeRoot2, _nodeRootHost2, _nodeRootHost2$ownerD;
+      nodeRoot = getRootNode(nodeRootHost);
+      nodeRootHost = (_nodeRoot2 = nodeRoot) === null || _nodeRoot2 === void 0 ? void 0 : _nodeRoot2.host;
+      attached = !!((_nodeRootHost2 = nodeRootHost) !== null && _nodeRootHost2 !== void 0 && (_nodeRootHost2$ownerD = _nodeRootHost2.ownerDocument) !== null && _nodeRootHost2$ownerD !== void 0 && _nodeRootHost2$ownerD.contains(nodeRootHost));
+    }
+  }
+  return attached;
+};
+var isZeroArea = function isZeroArea2(node) {
+  var _node$getBoundingClie = node.getBoundingClientRect(), width = _node$getBoundingClie.width, height = _node$getBoundingClie.height;
+  return width === 0 && height === 0;
+};
+var isHidden = function isHidden2(node, _ref) {
+  var displayCheck = _ref.displayCheck, getShadowRoot = _ref.getShadowRoot;
+  if (displayCheck === "full-native") {
+    if ("checkVisibility" in node) {
+      var visible = node.checkVisibility({
+        // Checking opacity might be desirable for some use cases, but natively,
+        // opacity zero elements _are_ focusable and tabbable.
+        checkOpacity: false,
+        opacityProperty: false,
+        contentVisibilityAuto: true,
+        visibilityProperty: true,
+        // This is an alias for `visibilityProperty`. Contemporary browsers
+        // support both. However, this alias has wider browser support (Chrome
+        // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+        // we include it anyway.
+        checkVisibilityCSS: true
+      });
+      return !visible;
+    }
+  }
+  if (getComputedStyle(node).visibility === "hidden") {
+    return true;
+  }
+  var isDirectSummary = matches.call(node, "details>summary:first-of-type");
+  var nodeUnderDetails = isDirectSummary ? node.parentElement : node;
+  if (matches.call(nodeUnderDetails, "details:not([open]) *")) {
+    return true;
+  }
+  if (!displayCheck || displayCheck === "full" || // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  displayCheck === "full-native" || displayCheck === "legacy-full") {
+    if (typeof getShadowRoot === "function") {
+      var originalNode = node;
+      while (node) {
+        var parentElement = node.parentElement;
+        var rootNode = getRootNode(node);
+        if (parentElement && !parentElement.shadowRoot && getShadowRoot(parentElement) === true) {
+          return isZeroArea(node);
+        } else if (node.assignedSlot) {
+          node = node.assignedSlot;
+        } else if (!parentElement && rootNode !== node.ownerDocument) {
+          node = rootNode.host;
+        } else {
+          node = parentElement;
+        }
+      }
+      node = originalNode;
+    }
+    if (isNodeAttached(node)) {
+      return !node.getClientRects().length;
+    }
+    if (displayCheck !== "legacy-full") {
+      return true;
+    }
+  } else if (displayCheck === "non-zero-area") {
+    return isZeroArea(node);
+  }
+  return false;
+};
+var isDisabledFromFieldset = function isDisabledFromFieldset2(node) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(node.tagName)) {
+    var parentNode = node.parentElement;
+    while (parentNode) {
+      if (parentNode.tagName === "FIELDSET" && parentNode.disabled) {
+        for (var i = 0; i < parentNode.children.length; i++) {
+          var child = parentNode.children.item(i);
+          if (child.tagName === "LEGEND") {
+            return matches.call(parentNode, "fieldset[disabled] *") ? true : !child.contains(node);
+          }
+        }
+        return true;
+      }
+      parentNode = parentNode.parentElement;
+    }
+  }
+  return false;
+};
+var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(options, node) {
+  if (node.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  _isInert(node) || isHiddenInput(node) || isHidden(node, options) || // For a details element with a summary, the summary element gets the focus
+  isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
+    return false;
+  }
+  return true;
+};
+var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable2(options, node) {
+  if (isNonTabbableRadio(node) || getTabIndex(node) < 0 || !isNodeMatchingSelectorFocusable(options, node)) {
+    return false;
+  }
+  return true;
+};
+var isShadowRootTabbable = function isShadowRootTabbable2(shadowHostNode) {
+  var tabIndex = parseInt(shadowHostNode.getAttribute("tabindex"), 10);
+  if (isNaN(tabIndex) || tabIndex >= 0) {
+    return true;
+  }
+  return false;
+};
+var _sortByOrder = function sortByOrder(candidates) {
+  var regularTabbables = [];
+  var orderedTabbables = [];
+  candidates.forEach(function(item, i) {
+    var isScope = !!item.scopeParent;
+    var element = isScope ? item.scopeParent : item;
+    var candidateTabindex = getSortOrderTabIndex(element, isScope);
+    var elements = isScope ? _sortByOrder(item.candidates) : element;
+    if (candidateTabindex === 0) {
+      isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
+    } else {
+      orderedTabbables.push({
+        documentOrder: i,
+        tabIndex: candidateTabindex,
+        item,
+        isScope,
+        content: elements
+      });
+    }
+  });
+  return orderedTabbables.sort(sortOrderedTabbables).reduce(function(acc, sortable) {
+    sortable.isScope ? acc.push.apply(acc, sortable.content) : acc.push(sortable.content);
+    return acc;
+  }, []).concat(regularTabbables);
+};
+var tabbable = function tabbable2(container, options) {
+  options = options || {};
+  var candidates;
+  if (options.getShadowRoot) {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
+      filter: isNodeMatchingSelectorTabbable.bind(null, options),
+      flatten: false,
+      getShadowRoot: options.getShadowRoot,
+      shadowRootFilter: isShadowRootTabbable
+    });
+  } else {
+    candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
+  }
+  return _sortByOrder(candidates);
+};
+
+// ../../node_modules/.pnpm/@floating-ui+react@0.27.16_react-dom@18.3.1_react@18.3.1/node_modules/@floating-ui/react/dist/floating-ui.react.utils.mjs
+function isSafari() {
+  return /apple/i.test(navigator.vendor);
+}
+function activeElement(doc) {
+  let activeElement2 = doc.activeElement;
+  while (((_activeElement = activeElement2) == null || (_activeElement = _activeElement.shadowRoot) == null ? void 0 : _activeElement.activeElement) != null) {
+    var _activeElement;
+    activeElement2 = activeElement2.shadowRoot.activeElement;
+  }
+  return activeElement2;
+}
+function contains(parent, child) {
+  if (!parent || !child) {
+    return false;
+  }
+  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();
+  if (parent.contains(child)) {
+    return true;
+  }
+  if (rootNode && isShadowRoot(rootNode)) {
+    let next = child;
+    while (next) {
+      if (parent === next) {
+        return true;
+      }
+      next = next.parentNode || next.host;
+    }
+  }
+  return false;
+}
+function getDocument(node) {
+  return (node == null ? void 0 : node.ownerDocument) || document;
+}
+var isClient = typeof document !== "undefined";
+var noop = function noop2() {
+};
+var index = isClient ? useLayoutEffect3 : noop;
+var SafeReact = {
+  ...React
+};
+var useInsertionEffect = SafeReact.useInsertionEffect;
+var useSafeInsertionEffect = useInsertionEffect || ((fn) => fn());
+function useEffectEvent(callback) {
+  const ref = React.useRef(() => {
+    if (process.env.NODE_ENV !== "production") {
+      throw new Error("Cannot call an event handler while rendering.");
+    }
+  });
+  useSafeInsertionEffect(() => {
+    ref.current = callback;
+  });
+  return React.useCallback(function() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    return ref.current == null ? void 0 : ref.current(...args);
+  }, []);
+}
+var getTabbableOptions = () => ({
+  getShadowRoot: true,
+  displayCheck: (
+    // JSDOM does not support the `tabbable` library. To solve this we can
+    // check if `ResizeObserver` is a real function (not polyfilled), which
+    // determines if the current environment is JSDOM-like.
+    typeof ResizeObserver === "function" && ResizeObserver.toString().includes("[native code]") ? "full" : "none"
+  )
+});
+function getTabbableIn(container, dir) {
+  const list = tabbable(container, getTabbableOptions());
+  const len = list.length;
+  if (len === 0)
+    return;
+  const active = activeElement(getDocument(container));
+  const index3 = list.indexOf(active);
+  const nextIndex = index3 === -1 ? dir === 1 ? 0 : len - 1 : index3 + dir;
+  return list[nextIndex];
+}
+function getNextTabbable(referenceElement) {
+  return getTabbableIn(getDocument(referenceElement).body, 1) || referenceElement;
+}
+function getPreviousTabbable(referenceElement) {
+  return getTabbableIn(getDocument(referenceElement).body, -1) || referenceElement;
+}
+function isOutsideEvent(event, container) {
+  const containerElement = container || event.currentTarget;
+  const relatedTarget = event.relatedTarget;
+  return !relatedTarget || !contains(containerElement, relatedTarget);
+}
+function disableFocusInside(container) {
+  const tabbableElements = tabbable(container, getTabbableOptions());
+  tabbableElements.forEach((element) => {
+    element.dataset.tabindex = element.getAttribute("tabindex") || "";
+    element.setAttribute("tabindex", "-1");
+  });
+}
+function enableFocusInside(container) {
+  const elements = container.querySelectorAll("[data-tabindex]");
+  elements.forEach((element) => {
+    const tabindex = element.dataset.tabindex;
+    delete element.dataset.tabindex;
+    if (tabindex) {
+      element.setAttribute("tabindex", tabindex);
+    } else {
+      element.removeAttribute("tabindex");
+    }
+  });
+}
+
+// ../../node_modules/.pnpm/@floating-ui+react@0.27.16_react-dom@18.3.1_react@18.3.1/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
+import { jsx as jsx11, jsxs as jsxs8, Fragment as Fragment3 } from "react/jsx-runtime";
+import * as ReactDOM2 from "react-dom";
+
+// ../../node_modules/.pnpm/@floating-ui+core@1.7.3/node_modules/@floating-ui/core/dist/floating-ui.core.mjs
+function computeCoordsFromPlacement(_ref, placement, rtl) {
+  let {
+    reference,
+    floating
+  } = _ref;
+  const sideAxis = getSideAxis(placement);
+  const alignmentAxis = getAlignmentAxis(placement);
+  const alignLength = getAxisLength(alignmentAxis);
+  const side = getSide(placement);
+  const isVertical = sideAxis === "y";
+  const commonX = reference.x + reference.width / 2 - floating.width / 2;
+  const commonY = reference.y + reference.height / 2 - floating.height / 2;
+  const commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
+  let coords;
+  switch (side) {
+    case "top":
+      coords = {
+        x: commonX,
+        y: reference.y - floating.height
+      };
+      break;
+    case "bottom":
+      coords = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case "right":
+      coords = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case "left":
+      coords = {
+        x: reference.x - floating.width,
+        y: commonY
+      };
+      break;
+    default:
+      coords = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  switch (getAlignment(placement)) {
+    case "start":
+      coords[alignmentAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+    case "end":
+      coords[alignmentAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
+      break;
+  }
+  return coords;
+}
+var computePosition = async (reference, floating, config) => {
+  const {
+    placement = "bottom",
+    strategy = "absolute",
+    middleware = [],
+    platform: platform2
+  } = config;
+  const validMiddleware = middleware.filter(Boolean);
+  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(floating));
+  let rects = await platform2.getElementRects({
+    reference,
+    floating,
+    strategy
+  });
+  let {
+    x,
+    y
+  } = computeCoordsFromPlacement(rects, placement, rtl);
+  let statefulPlacement = placement;
+  let middlewareData = {};
+  let resetCount = 0;
+  for (let i = 0; i < validMiddleware.length; i++) {
+    const {
+      name,
+      fn
+    } = validMiddleware[i];
+    const {
+      x: nextX,
+      y: nextY,
+      data,
+      reset
+    } = await fn({
+      x,
+      y,
+      initialPlacement: placement,
+      placement: statefulPlacement,
+      strategy,
+      middlewareData,
+      rects,
+      platform: platform2,
+      elements: {
+        reference,
+        floating
+      }
+    });
+    x = nextX != null ? nextX : x;
+    y = nextY != null ? nextY : y;
+    middlewareData = {
+      ...middlewareData,
+      [name]: {
+        ...middlewareData[name],
+        ...data
+      }
+    };
+    if (reset && resetCount <= 50) {
+      resetCount++;
+      if (typeof reset === "object") {
+        if (reset.placement) {
+          statefulPlacement = reset.placement;
+        }
+        if (reset.rects) {
+          rects = reset.rects === true ? await platform2.getElementRects({
+            reference,
+            floating,
+            strategy
+          }) : reset.rects;
+        }
+        ({
+          x,
+          y
+        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
+      }
+      i = -1;
+    }
+  }
+  return {
+    x,
+    y,
+    placement: statefulPlacement,
+    strategy,
+    middlewareData
+  };
+};
+async function detectOverflow(state, options) {
+  var _await$platform$isEle;
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    x,
+    y,
+    platform: platform2,
+    rects,
+    elements,
+    strategy
+  } = state;
+  const {
+    boundary = "clippingAncestors",
+    rootBoundary = "viewport",
+    elementContext = "floating",
+    altBoundary = false,
+    padding = 0
+  } = evaluate(options, state);
+  const paddingObject = getPaddingObject(padding);
+  const altContext = elementContext === "floating" ? "reference" : "floating";
+  const element = elements[altBoundary ? altContext : elementContext];
+  const clippingClientRect = rectToClientRect(await platform2.getClippingRect({
+    element: ((_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) != null ? _await$platform$isEle : true) ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
+    boundary,
+    rootBoundary,
+    strategy
+  }));
+  const rect = elementContext === "floating" ? {
+    x,
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
+  } : rects.reference;
+  const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
+  const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  };
+  const elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  }) : rect);
+  return {
+    top: (clippingClientRect.top - elementClientRect.top + paddingObject.top) / offsetScale.y,
+    bottom: (elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom) / offsetScale.y,
+    left: (clippingClientRect.left - elementClientRect.left + paddingObject.left) / offsetScale.x,
+    right: (elementClientRect.right - clippingClientRect.right + paddingObject.right) / offsetScale.x
+  };
+}
+var flip = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "flip",
+    options,
+    async fn(state) {
+      var _middlewareData$arrow, _middlewareData$flip;
+      const {
+        placement,
+        middlewareData,
+        rects,
+        initialPlacement,
+        platform: platform2,
+        elements
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true,
+        fallbackPlacements: specifiedFallbackPlacements,
+        fallbackStrategy = "bestFit",
+        fallbackAxisSideDirection = "none",
+        flipAlignment = true,
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
+      const isBasePlacement = getSide(initialPlacement) === initialPlacement;
+      const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
+      const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
+        fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
+      }
+      const placements2 = [initialPlacement, ...fallbackPlacements];
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const overflows = [];
+      let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
+      if (checkMainAxis) {
+        overflows.push(overflow[side]);
+      }
+      if (checkCrossAxis) {
+        const sides2 = getAlignmentSides(placement, rects, rtl);
+        overflows.push(overflow[sides2[0]], overflow[sides2[1]]);
+      }
+      overflowsData = [...overflowsData, {
+        placement,
+        overflows
+      }];
+      if (!overflows.every((side2) => side2 <= 0)) {
+        var _middlewareData$flip2, _overflowsData$filter;
+        const nextIndex = (((_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) || 0) + 1;
+        const nextPlacement = placements2[nextIndex];
+        if (nextPlacement) {
+          const ignoreCrossAxisOverflow = checkCrossAxis === "alignment" ? initialSideAxis !== getSideAxis(nextPlacement) : false;
+          if (!ignoreCrossAxisOverflow || // We leave the current main axis only if every placement on that axis
+          // overflows the main axis.
+          overflowsData.every((d) => getSideAxis(d.placement) === initialSideAxis ? d.overflows[0] > 0 : true)) {
+            return {
+              data: {
+                index: nextIndex,
+                overflows: overflowsData
+              },
+              reset: {
+                placement: nextPlacement
+              }
+            };
+          }
+        }
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
+        if (!resetPlacement) {
+          switch (fallbackStrategy) {
+            case "bestFit": {
+              var _overflowsData$filter2;
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d) => {
+                if (hasFallbackAxisSideDirection) {
+                  const currentSideAxis = getSideAxis(d.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
+                }
+                return true;
+              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+              if (placement2) {
+                resetPlacement = placement2;
+              }
+              break;
+            }
+            case "initialPlacement":
+              resetPlacement = initialPlacement;
+              break;
+          }
+        }
+        if (placement !== resetPlacement) {
+          return {
+            reset: {
+              placement: resetPlacement
+            }
+          };
+        }
+      }
+      return {};
+    }
+  };
+};
+var originSides = /* @__PURE__ */ new Set(["left", "top"]);
+async function convertValueToCoords(state, options) {
+  const {
+    placement,
+    platform: platform2,
+    elements
+  } = state;
+  const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
+  const side = getSide(placement);
+  const alignment = getAlignment(placement);
+  const isVertical = getSideAxis(placement) === "y";
+  const mainAxisMulti = originSides.has(side) ? -1 : 1;
+  const crossAxisMulti = rtl && isVertical ? -1 : 1;
+  const rawValue = evaluate(options, state);
+  let {
+    mainAxis,
+    crossAxis,
+    alignmentAxis
+  } = typeof rawValue === "number" ? {
+    mainAxis: rawValue,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: rawValue.mainAxis || 0,
+    crossAxis: rawValue.crossAxis || 0,
+    alignmentAxis: rawValue.alignmentAxis
+  };
+  if (alignment && typeof alignmentAxis === "number") {
+    crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
+  }
+  return isVertical ? {
+    x: crossAxis * crossAxisMulti,
+    y: mainAxis * mainAxisMulti
+  } : {
+    x: mainAxis * mainAxisMulti,
+    y: crossAxis * crossAxisMulti
+  };
+}
+var offset = function(options) {
+  if (options === void 0) {
+    options = 0;
+  }
+  return {
+    name: "offset",
+    options,
+    async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
+      const {
+        x,
+        y,
+        placement,
+        middlewareData
+      } = state;
+      const diffCoords = await convertValueToCoords(state, options);
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
+      return {
+        x: x + diffCoords.x,
+        y: y + diffCoords.y,
+        data: {
+          ...diffCoords,
+          placement
+        }
+      };
+    }
+  };
+};
+var shift = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "shift",
+    options,
+    async fn(state) {
+      const {
+        x,
+        y,
+        placement
+      } = state;
+      const {
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = false,
+        limiter = {
+          fn: (_ref) => {
+            let {
+              x: x2,
+              y: y2
+            } = _ref;
+            return {
+              x: x2,
+              y: y2
+            };
+          }
+        },
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const coords = {
+        x,
+        y
+      };
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const crossAxis = getSideAxis(getSide(placement));
+      const mainAxis = getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      if (checkMainAxis) {
+        const minSide = mainAxis === "y" ? "top" : "left";
+        const maxSide = mainAxis === "y" ? "bottom" : "right";
+        const min2 = mainAxisCoord + overflow[minSide];
+        const max2 = mainAxisCoord - overflow[maxSide];
+        mainAxisCoord = clamp(min2, mainAxisCoord, max2);
+      }
+      if (checkCrossAxis) {
+        const minSide = crossAxis === "y" ? "top" : "left";
+        const maxSide = crossAxis === "y" ? "bottom" : "right";
+        const min2 = crossAxisCoord + overflow[minSide];
+        const max2 = crossAxisCoord - overflow[maxSide];
+        crossAxisCoord = clamp(min2, crossAxisCoord, max2);
+      }
+      const limitedCoords = limiter.fn({
+        ...state,
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      });
+      return {
+        ...limitedCoords,
+        data: {
+          x: limitedCoords.x - x,
+          y: limitedCoords.y - y,
+          enabled: {
+            [mainAxis]: checkMainAxis,
+            [crossAxis]: checkCrossAxis
+          }
+        }
+      };
+    }
+  };
+};
+var size = function(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: "size",
+    options,
+    async fn(state) {
+      var _state$middlewareData, _state$middlewareData2;
+      const {
+        placement,
+        rects,
+        platform: platform2,
+        elements
+      } = state;
+      const {
+        apply = () => {
+        },
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === "y";
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === "top" || side === "bottom") {
+        heightSide = side;
+        widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
+      } else {
+        widthSide = side;
+        heightSide = alignment === "end" ? "top" : "bottom";
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+        availableWidth = maximumClippingWidth;
+      }
+      if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+        availableHeight = maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform2.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
+// ../../node_modules/.pnpm/@floating-ui+dom@1.7.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs
+function getCssDimensions(element) {
+  const css = getComputedStyle2(element);
+  let width = parseFloat(css.width) || 0;
+  let height = parseFloat(css.height) || 0;
+  const hasOffset = isHTMLElement(element);
+  const offsetWidth = hasOffset ? element.offsetWidth : width;
+  const offsetHeight = hasOffset ? element.offsetHeight : height;
+  const shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  if (shouldFallback) {
+    width = offsetWidth;
+    height = offsetHeight;
+  }
+  return {
+    width,
+    height,
+    $: shouldFallback
+  };
+}
+function unwrapElement(element) {
+  return !isElement(element) ? element.contextElement : element;
+}
+function getScale(element) {
+  const domElement = unwrapElement(element);
+  if (!isHTMLElement(domElement)) {
+    return createCoords(1);
+  }
+  const rect = domElement.getBoundingClientRect();
+  const {
+    width,
+    height,
+    $
+  } = getCssDimensions(domElement);
+  let x = ($ ? round(rect.width) : rect.width) / width;
+  let y = ($ ? round(rect.height) : rect.height) / height;
+  if (!x || !Number.isFinite(x)) {
+    x = 1;
+  }
+  if (!y || !Number.isFinite(y)) {
+    y = 1;
+  }
+  return {
+    x,
+    y
+  };
+}
+var noOffsets = /* @__PURE__ */ createCoords(0);
+function getVisualOffsets(element) {
+  const win = getWindow(element);
+  if (!isWebKit() || !win.visualViewport) {
+    return noOffsets;
+  }
+  return {
+    x: win.visualViewport.offsetLeft,
+    y: win.visualViewport.offsetTop
+  };
+}
+function shouldAddVisualOffsets(element, isFixed, floatingOffsetParent) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  if (!floatingOffsetParent || isFixed && floatingOffsetParent !== getWindow(element)) {
+    return false;
+  }
+  return isFixed;
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetParent) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  const clientRect = element.getBoundingClientRect();
+  const domElement = unwrapElement(element);
+  let scale = createCoords(1);
+  if (includeScale) {
+    if (offsetParent) {
+      if (isElement(offsetParent)) {
+        scale = getScale(offsetParent);
+      }
+    } else {
+      scale = getScale(element);
+    }
+  }
+  const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
+  let x = (clientRect.left + visualOffsets.x) / scale.x;
+  let y = (clientRect.top + visualOffsets.y) / scale.y;
+  let width = clientRect.width / scale.x;
+  let height = clientRect.height / scale.y;
+  if (domElement) {
+    const win = getWindow(domElement);
+    const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
+    let currentWin = win;
+    let currentIFrame = getFrameElement(currentWin);
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
+      const iframeScale = getScale(currentIFrame);
+      const iframeRect = currentIFrame.getBoundingClientRect();
+      const css = getComputedStyle2(currentIFrame);
+      const left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x;
+      const top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x;
+      y *= iframeScale.y;
+      width *= iframeScale.x;
+      height *= iframeScale.y;
+      x += left;
+      y += top;
+      currentWin = getWindow(currentIFrame);
+      currentIFrame = getFrameElement(currentWin);
+    }
+  }
+  return rectToClientRect({
+    width,
+    height,
+    x,
+    y
+  });
+}
+function getWindowScrollBarX(element, rect) {
+  const leftScroll = getNodeScroll(element).scrollLeft;
+  if (!rect) {
+    return getBoundingClientRect(getDocumentElement(element)).left + leftScroll;
+  }
+  return rect.left + leftScroll;
+}
+function getHTMLOffset(documentElement, scroll) {
+  const htmlRect = documentElement.getBoundingClientRect();
+  const x = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX(documentElement, htmlRect);
+  const y = htmlRect.top + scroll.scrollTop;
+  return {
+    x,
+    y
+  };
+}
+function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
+  let {
+    elements,
+    rect,
+    offsetParent,
+    strategy
+  } = _ref;
+  const isFixed = strategy === "fixed";
+  const documentElement = getDocumentElement(offsetParent);
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
+    return rect;
+  }
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  let scale = createCoords(1);
+  const offsets = createCoords(0);
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      const offsetRect = getBoundingClientRect(offsetParent);
+      scale = getScale(offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    }
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  return {
+    width: rect.width * scale.x,
+    height: rect.height * scale.y,
+    x: rect.x * scale.x - scroll.scrollLeft * scale.x + offsets.x + htmlOffset.x,
+    y: rect.y * scale.y - scroll.scrollTop * scale.y + offsets.y + htmlOffset.y
+  };
+}
+function getClientRects(element) {
+  return Array.from(element.getClientRects());
+}
+function getDocumentRect(element) {
+  const html = getDocumentElement(element);
+  const scroll = getNodeScroll(element);
+  const body = element.ownerDocument.body;
+  const width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth);
+  const height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
+  const y = -scroll.scrollTop;
+  if (getComputedStyle2(body).direction === "rtl") {
+    x += max(html.clientWidth, body.clientWidth) - width;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+var SCROLLBAR_MAX = 25;
+function getViewportRect(element, strategy) {
+  const win = getWindow(element);
+  const html = getDocumentElement(element);
+  const visualViewport = win.visualViewport;
+  let width = html.clientWidth;
+  let height = html.clientHeight;
+  let x = 0;
+  let y = 0;
+  if (visualViewport) {
+    width = visualViewport.width;
+    height = visualViewport.height;
+    const visualViewportBased = isWebKit();
+    if (!visualViewportBased || visualViewportBased && strategy === "fixed") {
+      x = visualViewport.offsetLeft;
+      y = visualViewport.offsetTop;
+    }
+  }
+  const windowScrollbarX = getWindowScrollBarX(html);
+  if (windowScrollbarX <= 0) {
+    const doc = html.ownerDocument;
+    const body = doc.body;
+    const bodyStyles = getComputedStyle(body);
+    const bodyMarginInline = doc.compatMode === "CSS1Compat" ? parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight) || 0 : 0;
+    const clippingStableScrollbarWidth = Math.abs(html.clientWidth - body.clientWidth - bodyMarginInline);
+    if (clippingStableScrollbarWidth <= SCROLLBAR_MAX) {
+      width -= clippingStableScrollbarWidth;
+    }
+  } else if (windowScrollbarX <= SCROLLBAR_MAX) {
+    width += windowScrollbarX;
+  }
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+var absoluteOrFixed = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function getInnerBoundingClientRect(element, strategy) {
+  const clientRect = getBoundingClientRect(element, true, strategy === "fixed");
+  const top = clientRect.top + element.clientTop;
+  const left = clientRect.left + element.clientLeft;
+  const scale = isHTMLElement(element) ? getScale(element) : createCoords(1);
+  const width = element.clientWidth * scale.x;
+  const height = element.clientHeight * scale.y;
+  const x = left * scale.x;
+  const y = top * scale.y;
+  return {
+    width,
+    height,
+    x,
+    y
+  };
+}
+function getClientRectFromClippingAncestor(element, clippingAncestor, strategy) {
+  let rect;
+  if (clippingAncestor === "viewport") {
+    rect = getViewportRect(element, strategy);
+  } else if (clippingAncestor === "document") {
+    rect = getDocumentRect(getDocumentElement(element));
+  } else if (isElement(clippingAncestor)) {
+    rect = getInnerBoundingClientRect(clippingAncestor, strategy);
+  } else {
+    const visualOffsets = getVisualOffsets(element);
+    rect = {
+      x: clippingAncestor.x - visualOffsets.x,
+      y: clippingAncestor.y - visualOffsets.y,
+      width: clippingAncestor.width,
+      height: clippingAncestor.height
+    };
+  }
+  return rectToClientRect(rect);
+}
+function hasFixedPositionAncestor(element, stopNode) {
+  const parentNode = getParentNode(element);
+  if (parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode)) {
+    return false;
+  }
+  return getComputedStyle2(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
+}
+function getClippingElementAncestors(element, cache) {
+  const cachedResult = cache.get(element);
+  if (cachedResult) {
+    return cachedResult;
+  }
+  let result = getOverflowAncestors(element, [], false).filter((el) => isElement(el) && getNodeName(el) !== "body");
+  let currentContainingBlockComputedStyle = null;
+  const elementIsFixed = getComputedStyle2(element).position === "fixed";
+  let currentNode = elementIsFixed ? getParentNode(element) : element;
+  while (isElement(currentNode) && !isLastTraversableNode(currentNode)) {
+    const computedStyle = getComputedStyle2(currentNode);
+    const currentNodeIsContaining = isContainingBlock(currentNode);
+    if (!currentNodeIsContaining && computedStyle.position === "fixed") {
+      currentContainingBlockComputedStyle = null;
+    }
+    const shouldDropCurrentNode = elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && absoluteOrFixed.has(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode);
+    if (shouldDropCurrentNode) {
+      result = result.filter((ancestor) => ancestor !== currentNode);
+    } else {
+      currentContainingBlockComputedStyle = computedStyle;
+    }
+    currentNode = getParentNode(currentNode);
+  }
+  cache.set(element, result);
+  return result;
+}
+function getClippingRect(_ref) {
+  let {
+    element,
+    boundary,
+    rootBoundary,
+    strategy
+  } = _ref;
+  const elementClippingAncestors = boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const clippingAncestors = [...elementClippingAncestors, rootBoundary];
+  const firstClippingAncestor = clippingAncestors[0];
+  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
+    accRect.top = max(rect.top, accRect.top);
+    accRect.right = min(rect.right, accRect.right);
+    accRect.bottom = min(rect.bottom, accRect.bottom);
+    accRect.left = max(rect.left, accRect.left);
+    return accRect;
+  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
+  return {
+    width: clippingRect.right - clippingRect.left,
+    height: clippingRect.bottom - clippingRect.top,
+    x: clippingRect.left,
+    y: clippingRect.top
+  };
+}
+function getDimensions(element) {
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
+}
+function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const documentElement = getDocumentElement(offsetParent);
+  const isFixed = strategy === "fixed";
+  const rect = getBoundingClientRect(element, true, isFixed, offsetParent);
+  let scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const offsets = createCoords(0);
+  function setLeftRTLScrollbarOffset() {
+    offsets.x = getWindowScrollBarX(documentElement);
+  }
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isOffsetParentAnElement) {
+      const offsetRect = getBoundingClientRect(offsetParent, true, isFixed, offsetParent);
+      offsets.x = offsetRect.x + offsetParent.clientLeft;
+      offsets.y = offsetRect.y + offsetParent.clientTop;
+    } else if (documentElement) {
+      setLeftRTLScrollbarOffset();
+    }
+  }
+  if (isFixed && !isOffsetParentAnElement && documentElement) {
+    setLeftRTLScrollbarOffset();
+  }
+  const htmlOffset = documentElement && !isOffsetParentAnElement && !isFixed ? getHTMLOffset(documentElement, scroll) : createCoords(0);
+  const x = rect.left + scroll.scrollLeft - offsets.x - htmlOffset.x;
+  const y = rect.top + scroll.scrollTop - offsets.y - htmlOffset.y;
+  return {
+    x,
+    y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function isStaticPositioned(element) {
+  return getComputedStyle2(element).position === "static";
+}
+function getTrueOffsetParent(element, polyfill) {
+  if (!isHTMLElement(element) || getComputedStyle2(element).position === "fixed") {
+    return null;
+  }
+  if (polyfill) {
+    return polyfill(element);
+  }
+  let rawOffsetParent = element.offsetParent;
+  if (getDocumentElement(element) === rawOffsetParent) {
+    rawOffsetParent = rawOffsetParent.ownerDocument.body;
+  }
+  return rawOffsetParent;
+}
+function getOffsetParent(element, polyfill) {
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
+  if (!isHTMLElement(element)) {
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
+  }
+  let offsetParent = getTrueOffsetParent(element, polyfill);
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
+    offsetParent = getTrueOffsetParent(offsetParent, polyfill);
+  }
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
+  }
+  return offsetParent || getContainingBlock(element) || win;
+}
+var getElementRects = async function(data) {
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
+  const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
+  return {
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
+    }
+  };
+};
+function isRTL(element) {
+  return getComputedStyle2(element).direction === "rtl";
+}
+var platform = {
+  convertOffsetParentRelativeRectToViewportRelativeRect,
+  getDocumentElement,
+  getClippingRect,
+  getOffsetParent,
+  getElementRects,
+  getClientRects,
+  getDimensions,
+  getScale,
+  isElement,
+  isRTL
+};
+function rectsAreEqual(a, b) {
+  return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+function observeMove(element, onMove) {
+  let io = null;
+  let timeoutId;
+  const root = getDocumentElement(element);
+  function cleanup() {
+    var _io;
+    clearTimeout(timeoutId);
+    (_io = io) == null || _io.disconnect();
+    io = null;
+  }
+  function refresh(skip, threshold) {
+    if (skip === void 0) {
+      skip = false;
+    }
+    if (threshold === void 0) {
+      threshold = 1;
+    }
+    cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
+    const {
+      left,
+      top,
+      width,
+      height
+    } = elementRectForRootMargin;
+    if (!skip) {
+      onMove();
+    }
+    if (!width || !height) {
+      return;
+    }
+    const insetTop = floor(top);
+    const insetRight = floor(root.clientWidth - (left + width));
+    const insetBottom = floor(root.clientHeight - (top + height));
+    const insetLeft = floor(left);
+    const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
+    const options = {
+      rootMargin,
+      threshold: max(0, min(1, threshold)) || 1
+    };
+    let isFirstUpdate = true;
+    function handleObserve(entries) {
+      const ratio = entries[0].intersectionRatio;
+      if (ratio !== threshold) {
+        if (!isFirstUpdate) {
+          return refresh();
+        }
+        if (!ratio) {
+          timeoutId = setTimeout(() => {
+            refresh(false, 1e-7);
+          }, 1e3);
+        } else {
+          refresh(false, ratio);
+        }
+      }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
+      isFirstUpdate = false;
+    }
+    try {
+      io = new IntersectionObserver(handleObserve, {
+        ...options,
+        // Handle <iframe>s
+        root: root.ownerDocument
+      });
+    } catch (_e) {
+      io = new IntersectionObserver(handleObserve, options);
+    }
+    io.observe(element);
+  }
+  refresh(true);
+  return cleanup;
+}
+function autoUpdate(reference, floating, update, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    ancestorScroll = true,
+    ancestorResize = true,
+    elementResize = typeof ResizeObserver === "function",
+    layoutShift = typeof IntersectionObserver === "function",
+    animationFrame = false
+  } = options;
+  const referenceEl = unwrapElement(reference);
+  const ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
+  ancestors.forEach((ancestor) => {
+    ancestorScroll && ancestor.addEventListener("scroll", update, {
+      passive: true
+    });
+    ancestorResize && ancestor.addEventListener("resize", update);
+  });
+  const cleanupIo = referenceEl && layoutShift ? observeMove(referenceEl, update) : null;
+  let reobserveFrame = -1;
+  let resizeObserver = null;
+  if (elementResize) {
+    resizeObserver = new ResizeObserver((_ref) => {
+      let [firstEntry] = _ref;
+      if (firstEntry && firstEntry.target === referenceEl && resizeObserver) {
+        resizeObserver.unobserve(floating);
+        cancelAnimationFrame(reobserveFrame);
+        reobserveFrame = requestAnimationFrame(() => {
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
+        });
+      }
+      update();
+    });
+    if (referenceEl && !animationFrame) {
+      resizeObserver.observe(referenceEl);
+    }
+    resizeObserver.observe(floating);
+  }
+  let frameId;
+  let prevRefRect = animationFrame ? getBoundingClientRect(reference) : null;
+  if (animationFrame) {
+    frameLoop();
+  }
+  function frameLoop() {
+    const nextRefRect = getBoundingClientRect(reference);
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
+      update();
+    }
+    prevRefRect = nextRefRect;
+    frameId = requestAnimationFrame(frameLoop);
+  }
+  update();
+  return () => {
+    var _resizeObserver2;
+    ancestors.forEach((ancestor) => {
+      ancestorScroll && ancestor.removeEventListener("scroll", update);
+      ancestorResize && ancestor.removeEventListener("resize", update);
+    });
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
+    resizeObserver = null;
+    if (animationFrame) {
+      cancelAnimationFrame(frameId);
+    }
+  };
+}
+var offset2 = offset;
+var shift2 = shift;
+var flip2 = flip;
+var size2 = size;
+var computePosition2 = (reference, floating, options) => {
+  const cache = /* @__PURE__ */ new Map();
+  const mergedOptions = {
+    platform,
+    ...options
+  };
+  const platformWithCache = {
+    ...mergedOptions.platform,
+    _c: cache
+  };
+  return computePosition(reference, floating, {
+    ...mergedOptions,
+    platform: platformWithCache
+  });
+};
+
+// ../../node_modules/.pnpm/@floating-ui+react-dom@2.1.6_react-dom@18.3.1_react@18.3.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
+import * as React2 from "react";
+import { useLayoutEffect as useLayoutEffect4 } from "react";
+import * as ReactDOM from "react-dom";
+var isClient2 = typeof document !== "undefined";
+var noop3 = function noop4() {
+};
+var index2 = isClient2 ? useLayoutEffect4 : noop3;
+function deepEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (typeof a === "function" && a.toString() === b.toString()) {
+    return true;
+  }
+  let length;
+  let i;
+  let keys;
+  if (a && b && typeof a === "object") {
+    if (Array.isArray(a)) {
+      length = a.length;
+      if (length !== b.length)
+        return false;
+      for (i = length; i-- !== 0; ) {
+        if (!deepEqual(a[i], b[i])) {
+          return false;
+        }
+      }
+      return true;
+    }
+    keys = Object.keys(a);
+    length = keys.length;
+    if (length !== Object.keys(b).length) {
+      return false;
+    }
+    for (i = length; i-- !== 0; ) {
+      if (!{}.hasOwnProperty.call(b, keys[i])) {
+        return false;
+      }
+    }
+    for (i = length; i-- !== 0; ) {
+      const key = keys[i];
+      if (key === "_owner" && a.$$typeof) {
+        continue;
+      }
+      if (!deepEqual(a[key], b[key])) {
+        return false;
+      }
+    }
+    return true;
+  }
+  return a !== a && b !== b;
+}
+function getDPR(element) {
+  if (typeof window === "undefined") {
+    return 1;
+  }
+  const win = element.ownerDocument.defaultView || window;
+  return win.devicePixelRatio || 1;
+}
+function roundByDPR(element, value) {
+  const dpr = getDPR(element);
+  return Math.round(value * dpr) / dpr;
+}
+function useLatestRef(value) {
+  const ref = React2.useRef(value);
+  index2(() => {
+    ref.current = value;
+  });
+  return ref;
+}
+function useFloating(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    placement = "bottom",
+    strategy = "absolute",
+    middleware = [],
+    platform: platform2,
+    elements: {
+      reference: externalReference,
+      floating: externalFloating
+    } = {},
+    transform = true,
+    whileElementsMounted,
+    open
+  } = options;
+  const [data, setData] = React2.useState({
+    x: 0,
+    y: 0,
+    strategy,
+    placement,
+    middlewareData: {},
+    isPositioned: false
+  });
+  const [latestMiddleware, setLatestMiddleware] = React2.useState(middleware);
+  if (!deepEqual(latestMiddleware, middleware)) {
+    setLatestMiddleware(middleware);
+  }
+  const [_reference, _setReference] = React2.useState(null);
+  const [_floating, _setFloating] = React2.useState(null);
+  const setReference = React2.useCallback((node) => {
+    if (node !== referenceRef.current) {
+      referenceRef.current = node;
+      _setReference(node);
+    }
+  }, []);
+  const setFloating = React2.useCallback((node) => {
+    if (node !== floatingRef.current) {
+      floatingRef.current = node;
+      _setFloating(node);
+    }
+  }, []);
+  const referenceEl = externalReference || _reference;
+  const floatingEl = externalFloating || _floating;
+  const referenceRef = React2.useRef(null);
+  const floatingRef = React2.useRef(null);
+  const dataRef = React2.useRef(data);
+  const hasWhileElementsMounted = whileElementsMounted != null;
+  const whileElementsMountedRef = useLatestRef(whileElementsMounted);
+  const platformRef = useLatestRef(platform2);
+  const openRef = useLatestRef(open);
+  const update = React2.useCallback(() => {
+    if (!referenceRef.current || !floatingRef.current) {
+      return;
+    }
+    const config = {
+      placement,
+      strategy,
+      middleware: latestMiddleware
+    };
+    if (platformRef.current) {
+      config.platform = platformRef.current;
+    }
+    computePosition2(referenceRef.current, floatingRef.current, config).then((data2) => {
+      const fullData = {
+        ...data2,
+        // The floating element's position may be recomputed while it's closed
+        // but still mounted (such as when transitioning out). To ensure
+        // `isPositioned` will be `false` initially on the next open, avoid
+        // setting it to `true` when `open === false` (must be specified).
+        isPositioned: openRef.current !== false
+      };
+      if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
+        dataRef.current = fullData;
+        ReactDOM.flushSync(() => {
+          setData(fullData);
+        });
+      }
+    });
+  }, [latestMiddleware, placement, strategy, platformRef, openRef]);
+  index2(() => {
+    if (open === false && dataRef.current.isPositioned) {
+      dataRef.current.isPositioned = false;
+      setData((data2) => ({
+        ...data2,
+        isPositioned: false
+      }));
+    }
+  }, [open]);
+  const isMountedRef = React2.useRef(false);
+  index2(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  index2(() => {
+    if (referenceEl)
+      referenceRef.current = referenceEl;
+    if (floatingEl)
+      floatingRef.current = floatingEl;
+    if (referenceEl && floatingEl) {
+      if (whileElementsMountedRef.current) {
+        return whileElementsMountedRef.current(referenceEl, floatingEl, update);
+      }
+      update();
+    }
+  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
+  const refs = React2.useMemo(() => ({
+    reference: referenceRef,
+    floating: floatingRef,
+    setReference,
+    setFloating
+  }), [setReference, setFloating]);
+  const elements = React2.useMemo(() => ({
+    reference: referenceEl,
+    floating: floatingEl
+  }), [referenceEl, floatingEl]);
+  const floatingStyles = React2.useMemo(() => {
+    const initialStyles = {
+      position: strategy,
+      left: 0,
+      top: 0
+    };
+    if (!elements.floating) {
+      return initialStyles;
+    }
+    const x = roundByDPR(elements.floating, data.x);
+    const y = roundByDPR(elements.floating, data.y);
+    if (transform) {
+      return {
+        ...initialStyles,
+        transform: "translate(" + x + "px, " + y + "px)",
+        ...getDPR(elements.floating) >= 1.5 && {
+          willChange: "transform"
+        }
+      };
+    }
+    return {
+      position: strategy,
+      left: x,
+      top: y
+    };
+  }, [strategy, transform, elements.floating, data.x, data.y]);
+  return React2.useMemo(() => ({
+    ...data,
+    update,
+    refs,
+    elements,
+    floatingStyles
+  }), [data, update, refs, elements, floatingStyles]);
+}
+var offset3 = (options, deps) => ({
+  ...offset2(options),
+  options: [options, deps]
+});
+var shift3 = (options, deps) => ({
+  ...shift2(options),
+  options: [options, deps]
+});
+var flip3 = (options, deps) => ({
+  ...flip2(options),
+  options: [options, deps]
+});
+var size3 = (options, deps) => ({
+  ...size2(options),
+  options: [options, deps]
+});
+
+// ../../node_modules/.pnpm/@floating-ui+react@0.27.16_react-dom@18.3.1_react@18.3.1/node_modules/@floating-ui/react/dist/floating-ui.react.mjs
+var ARROW_LEFT = "ArrowLeft";
+var ARROW_RIGHT = "ArrowRight";
+var ARROW_UP = "ArrowUp";
+var ARROW_DOWN = "ArrowDown";
+var horizontalKeys = [ARROW_LEFT, ARROW_RIGHT];
+var verticalKeys = [ARROW_UP, ARROW_DOWN];
+var allKeys = [...horizontalKeys, ...verticalKeys];
+var SafeReact2 = {
+  ...React3
+};
+var serverHandoffComplete = false;
+var count = 0;
+var genId = () => (
+  // Ensure the id is unique with multiple independent versions of Floating UI
+  // on <React 18
+  "floating-ui-" + Math.random().toString(36).slice(2, 6) + count++
+);
+function useFloatingId() {
+  const [id, setId] = React3.useState(() => serverHandoffComplete ? genId() : void 0);
+  index(() => {
+    if (id == null) {
+      setId(genId());
+    }
+  }, []);
+  React3.useEffect(() => {
+    serverHandoffComplete = true;
+  }, []);
+  return id;
+}
+var useReactId = SafeReact2.useId;
+var useId = useReactId || useFloatingId;
+var devMessageSet;
+if (process.env.NODE_ENV !== "production") {
+  devMessageSet = /* @__PURE__ */ new Set();
+}
+function error() {
+  var _devMessageSet3;
+  for (var _len2 = arguments.length, messages = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    messages[_key2] = arguments[_key2];
+  }
+  const message = "Floating UI: " + messages.join(" ");
+  if (!((_devMessageSet3 = devMessageSet) != null && _devMessageSet3.has(message))) {
+    var _devMessageSet4;
+    (_devMessageSet4 = devMessageSet) == null || _devMessageSet4.add(message);
+    console.error(message);
+  }
+}
+function createEventEmitter() {
+  const map = /* @__PURE__ */ new Map();
+  return {
+    emit(event, data) {
+      var _map$get;
+      (_map$get = map.get(event)) == null || _map$get.forEach((listener) => listener(data));
+    },
+    on(event, listener) {
+      if (!map.has(event)) {
+        map.set(event, /* @__PURE__ */ new Set());
+      }
+      map.get(event).add(listener);
+    },
+    off(event, listener) {
+      var _map$get2;
+      (_map$get2 = map.get(event)) == null || _map$get2.delete(listener);
+    }
+  };
+}
+var FloatingNodeContext = /* @__PURE__ */ React3.createContext(null);
+var FloatingTreeContext = /* @__PURE__ */ React3.createContext(null);
+var useFloatingParentNodeId = () => {
+  var _React$useContext;
+  return ((_React$useContext = React3.useContext(FloatingNodeContext)) == null ? void 0 : _React$useContext.id) || null;
+};
+var useFloatingTree = () => React3.useContext(FloatingTreeContext);
+function createAttribute(name) {
+  return "data-floating-ui-" + name;
+}
+var HIDDEN_STYLES = {
+  border: 0,
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: 0,
+  position: "fixed",
+  whiteSpace: "nowrap",
+  width: "1px",
+  top: 0,
+  left: 0
+};
+var FocusGuard = /* @__PURE__ */ React3.forwardRef(function FocusGuard2(props, ref) {
+  const [role, setRole] = React3.useState();
+  index(() => {
+    if (isSafari()) {
+      setRole("button");
+    }
+  }, []);
+  const restProps = {
+    ref,
+    tabIndex: 0,
+    // Role is only for VoiceOver
+    role,
+    "aria-hidden": role ? void 0 : true,
+    [createAttribute("focus-guard")]: "",
+    style: HIDDEN_STYLES
+  };
+  return /* @__PURE__ */ jsx11("span", {
+    ...props,
+    ...restProps
+  });
+});
+var PortalContext = /* @__PURE__ */ React3.createContext(null);
+var attr = /* @__PURE__ */ createAttribute("portal");
+function useFloatingPortalNode(props) {
+  if (props === void 0) {
+    props = {};
+  }
+  const {
+    id,
+    root
+  } = props;
+  const uniqueId = useId();
+  const portalContext = usePortalContext();
+  const [portalNode, setPortalNode] = React3.useState(null);
+  const portalNodeRef = React3.useRef(null);
+  index(() => {
+    return () => {
+      portalNode == null || portalNode.remove();
+      queueMicrotask(() => {
+        portalNodeRef.current = null;
+      });
+    };
+  }, [portalNode]);
+  index(() => {
+    if (!uniqueId)
+      return;
+    if (portalNodeRef.current)
+      return;
+    const existingIdRoot = id ? document.getElementById(id) : null;
+    if (!existingIdRoot)
+      return;
+    const subRoot = document.createElement("div");
+    subRoot.id = uniqueId;
+    subRoot.setAttribute(attr, "");
+    existingIdRoot.appendChild(subRoot);
+    portalNodeRef.current = subRoot;
+    setPortalNode(subRoot);
+  }, [id, uniqueId]);
+  index(() => {
+    if (root === null)
+      return;
+    if (!uniqueId)
+      return;
+    if (portalNodeRef.current)
+      return;
+    let container = root || (portalContext == null ? void 0 : portalContext.portalNode);
+    if (container && !isNode(container))
+      container = container.current;
+    container = container || document.body;
+    let idWrapper = null;
+    if (id) {
+      idWrapper = document.createElement("div");
+      idWrapper.id = id;
+      container.appendChild(idWrapper);
+    }
+    const subRoot = document.createElement("div");
+    subRoot.id = uniqueId;
+    subRoot.setAttribute(attr, "");
+    container = idWrapper || container;
+    container.appendChild(subRoot);
+    portalNodeRef.current = subRoot;
+    setPortalNode(subRoot);
+  }, [id, root, uniqueId, portalContext]);
+  return portalNode;
+}
+function FloatingPortal(props) {
+  const {
+    children,
+    id,
+    root,
+    preserveTabOrder = true
+  } = props;
+  const portalNode = useFloatingPortalNode({
+    id,
+    root
+  });
+  const [focusManagerState, setFocusManagerState] = React3.useState(null);
+  const beforeOutsideRef = React3.useRef(null);
+  const afterOutsideRef = React3.useRef(null);
+  const beforeInsideRef = React3.useRef(null);
+  const afterInsideRef = React3.useRef(null);
+  const modal = focusManagerState == null ? void 0 : focusManagerState.modal;
+  const open = focusManagerState == null ? void 0 : focusManagerState.open;
+  const shouldRenderGuards = (
+    // The FocusManager and therefore floating element are currently open/
+    // rendered.
+    !!focusManagerState && // Guards are only for non-modal focus management.
+    !focusManagerState.modal && // Don't render if unmount is transitioning.
+    focusManagerState.open && preserveTabOrder && !!(root || portalNode)
+  );
+  React3.useEffect(() => {
+    if (!portalNode || !preserveTabOrder || modal) {
+      return;
+    }
+    function onFocus(event) {
+      if (portalNode && isOutsideEvent(event)) {
+        const focusing = event.type === "focusin";
+        const manageFocus = focusing ? enableFocusInside : disableFocusInside;
+        manageFocus(portalNode);
+      }
+    }
+    portalNode.addEventListener("focusin", onFocus, true);
+    portalNode.addEventListener("focusout", onFocus, true);
+    return () => {
+      portalNode.removeEventListener("focusin", onFocus, true);
+      portalNode.removeEventListener("focusout", onFocus, true);
+    };
+  }, [portalNode, preserveTabOrder, modal]);
+  React3.useEffect(() => {
+    if (!portalNode)
+      return;
+    if (open)
+      return;
+    enableFocusInside(portalNode);
+  }, [open, portalNode]);
+  return /* @__PURE__ */ jsxs8(PortalContext.Provider, {
+    value: React3.useMemo(() => ({
+      preserveTabOrder,
+      beforeOutsideRef,
+      afterOutsideRef,
+      beforeInsideRef,
+      afterInsideRef,
+      portalNode,
+      setFocusManagerState
+    }), [preserveTabOrder, portalNode]),
+    children: [shouldRenderGuards && portalNode && /* @__PURE__ */ jsx11(FocusGuard, {
+      "data-type": "outside",
+      ref: beforeOutsideRef,
+      onFocus: (event) => {
+        if (isOutsideEvent(event, portalNode)) {
+          var _beforeInsideRef$curr;
+          (_beforeInsideRef$curr = beforeInsideRef.current) == null || _beforeInsideRef$curr.focus();
+        } else {
+          const domReference = focusManagerState ? focusManagerState.domReference : null;
+          const prevTabbable = getPreviousTabbable(domReference);
+          prevTabbable == null || prevTabbable.focus();
+        }
+      }
+    }), shouldRenderGuards && portalNode && /* @__PURE__ */ jsx11("span", {
+      "aria-owns": portalNode.id,
+      style: HIDDEN_STYLES
+    }), portalNode && /* @__PURE__ */ ReactDOM2.createPortal(children, portalNode), shouldRenderGuards && portalNode && /* @__PURE__ */ jsx11(FocusGuard, {
+      "data-type": "outside",
+      ref: afterOutsideRef,
+      onFocus: (event) => {
+        if (isOutsideEvent(event, portalNode)) {
+          var _afterInsideRef$curre;
+          (_afterInsideRef$curre = afterInsideRef.current) == null || _afterInsideRef$curre.focus();
+        } else {
+          const domReference = focusManagerState ? focusManagerState.domReference : null;
+          const nextTabbable = getNextTabbable(domReference);
+          nextTabbable == null || nextTabbable.focus();
+          (focusManagerState == null ? void 0 : focusManagerState.closeOnFocusOut) && (focusManagerState == null ? void 0 : focusManagerState.onOpenChange(false, event.nativeEvent, "focus-out"));
+        }
+      }
+    })]
+  });
+}
+var usePortalContext = () => React3.useContext(PortalContext);
+function useFloatingRootContext(options) {
+  const {
+    open = false,
+    onOpenChange: onOpenChangeProp,
+    elements: elementsProp
+  } = options;
+  const floatingId = useId();
+  const dataRef = React3.useRef({});
+  const [events] = React3.useState(() => createEventEmitter());
+  const nested = useFloatingParentNodeId() != null;
+  if (process.env.NODE_ENV !== "production") {
+    const optionDomReference = elementsProp.reference;
+    if (optionDomReference && !isElement(optionDomReference)) {
+      error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+    }
+  }
+  const [positionReference, setPositionReference] = React3.useState(elementsProp.reference);
+  const onOpenChange = useEffectEvent((open2, event, reason) => {
+    dataRef.current.openEvent = open2 ? event : void 0;
+    events.emit("openchange", {
+      open: open2,
+      event,
+      reason,
+      nested
+    });
+    onOpenChangeProp == null || onOpenChangeProp(open2, event, reason);
+  });
+  const refs = React3.useMemo(() => ({
+    setPositionReference
+  }), []);
+  const elements = React3.useMemo(() => ({
+    reference: positionReference || elementsProp.reference || null,
+    floating: elementsProp.floating || null,
+    domReference: elementsProp.reference
+  }), [positionReference, elementsProp.reference, elementsProp.floating]);
+  return React3.useMemo(() => ({
+    dataRef,
+    open,
+    onOpenChange,
+    elements,
+    events,
+    floatingId,
+    refs
+  }), [open, onOpenChange, elements, events, floatingId, refs]);
+}
+function useFloating2(options) {
+  if (options === void 0) {
+    options = {};
+  }
+  const {
+    nodeId
+  } = options;
+  const internalRootContext = useFloatingRootContext({
+    ...options,
+    elements: {
+      reference: null,
+      floating: null,
+      ...options.elements
+    }
+  });
+  const rootContext = options.rootContext || internalRootContext;
+  const computedElements = rootContext.elements;
+  const [_domReference, setDomReference] = React3.useState(null);
+  const [positionReference, _setPositionReference] = React3.useState(null);
+  const optionDomReference = computedElements == null ? void 0 : computedElements.domReference;
+  const domReference = optionDomReference || _domReference;
+  const domReferenceRef = React3.useRef(null);
+  const tree = useFloatingTree();
+  index(() => {
+    if (domReference) {
+      domReferenceRef.current = domReference;
+    }
+  }, [domReference]);
+  const position = useFloating({
+    ...options,
+    elements: {
+      ...computedElements,
+      ...positionReference && {
+        reference: positionReference
+      }
+    }
+  });
+  const setPositionReference = React3.useCallback((node) => {
+    const computedPositionReference = isElement(node) ? {
+      getBoundingClientRect: () => node.getBoundingClientRect(),
+      getClientRects: () => node.getClientRects(),
+      contextElement: node
+    } : node;
+    _setPositionReference(computedPositionReference);
+    position.refs.setReference(computedPositionReference);
+  }, [position.refs]);
+  const setReference = React3.useCallback((node) => {
+    if (isElement(node) || node === null) {
+      domReferenceRef.current = node;
+      setDomReference(node);
+    }
+    if (isElement(position.refs.reference.current) || position.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    // `null` to support `positionReference` + an unstable `reference`
+    // callback ref.
+    node !== null && !isElement(node)) {
+      position.refs.setReference(node);
+    }
+  }, [position.refs]);
+  const refs = React3.useMemo(() => ({
+    ...position.refs,
+    setReference,
+    setPositionReference,
+    domReference: domReferenceRef
+  }), [position.refs, setReference, setPositionReference]);
+  const elements = React3.useMemo(() => ({
+    ...position.elements,
+    domReference
+  }), [position.elements, domReference]);
+  const context = React3.useMemo(() => ({
+    ...position,
+    ...rootContext,
+    refs,
+    elements,
+    nodeId
+  }), [position, refs, elements, nodeId, rootContext]);
+  index(() => {
+    rootContext.dataRef.current.floatingContext = context;
+    const node = tree == null ? void 0 : tree.nodesRef.current.find((node2) => node2.id === nodeId);
+    if (node) {
+      node.context = context;
+    }
+  });
+  return React3.useMemo(() => ({
+    ...position,
+    context,
+    refs,
+    elements
+  }), [position, refs, elements, context]);
+}
+
+// src/components/chat-composer/lib/chat-composer.ts
+var createUserMessage = ({
+  sessionId,
+  content,
+  attachments,
+  localOnly,
+  createdAt,
+  createMessageId
+}) => ({
+  id: createMessageId(),
+  sessionId,
+  role: "user",
+  content,
+  attachments,
+  localOnly,
+  createdAt
+});
+var createAssistantStreamingMessage = ({
+  sessionId,
+  createdAt,
+  createMessageId
+}) => ({
+  id: createMessageId(),
+  sessionId,
+  role: "assistant",
+  content: "",
+  status: "streaming",
+  createdAt
+});
+var canSendChatMessage = ({
+  value,
+  attachmentCount = 0,
+  isModelsLoading,
+  isModelsError,
+  hasModels
+}) => {
+  const hasText = Boolean(value.trim());
+  const hasAttachments = attachmentCount > 0;
+  if (!hasText && !hasAttachments)
+    return false;
+  if (!hasText && hasAttachments)
+    return true;
+  return !isModelsLoading && !isModelsError && hasModels;
+};
+var shouldSubmitChatComposer = ({
+  key,
+  shiftKey,
+  canSend
+}) => key === "Enter" && !shiftKey && canSend;
+var shouldStopChatComposer = ({
+  key,
+  shiftKey,
+  isStreaming
+}) => key === "Enter" && !shiftKey && isStreaming;
+var resolveSelectedChatModel = ({
+  currentModel,
+  availableModels,
+  isModelsLoading
+}) => {
+  if (!availableModels.length) {
+    return isModelsLoading ? currentModel : "";
+  }
+  if (currentModel && availableModels.some((model) => model.id === currentModel)) {
+    return currentModel;
+  }
+  return availableModels[0].id;
+};
+var resolveSendSession = ({
+  activeSessionId,
+  selectedModel,
+  selectedMode,
+  nowIso: nowIso2,
+  createSessionId
+}) => {
+  if (activeSessionId) {
+    return {
+      localSessionId: activeSessionId,
+      sessionId: isDraftChatSessionId(activeSessionId) ? void 0 : activeSessionId
+    };
+  }
+  const session = createDraftChatSession({
+    model: selectedModel,
+    mode: selectedMode ?? DEFAULT_CHAT_AGENT_MODE,
+    nowIso: nowIso2,
+    createSessionId
+  });
+  return { session, localSessionId: session.sessionId, sessionId: void 0 };
+};
+
+// src/components/chat-composer/hooks/use-chat-composer.ts
+import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef10, useState as useState8 } from "react";
+
+// src/components/chat-composer/hooks/use-composer-attachments.ts
+import { useEffect as useEffect6, useRef as useRef9, useState as useState7 } from "react";
+var SUPPORTED_IMAGE_MIME_TYPES = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/webp"]);
+var MAX_COMPOSER_ATTACHMENTS = 10;
+var createObjectUrl = (file) => typeof URL !== "undefined" && typeof URL.createObjectURL === "function" ? URL.createObjectURL(file) : "";
+var revokeObjectUrl = (url) => {
+  if (url && typeof URL !== "undefined" && typeof URL.revokeObjectURL === "function") {
+    URL.revokeObjectURL(url);
+  }
+};
+var createAttachmentId = () => `attachment-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`;
+var releaseComposerAttachments = (attachments) => {
+  attachments.forEach((attachment) => revokeObjectUrl(attachment.previewUrl));
+};
+var useComposerAttachments = () => {
+  const [attachments, setAttachments] = useState7([]);
+  const attachmentsRef = useRef9([]);
+  useEffect6(() => {
+    attachmentsRef.current = attachments;
+  }, [attachments]);
+  useEffect6(
+    () => () => {
+      releaseComposerAttachments(attachmentsRef.current);
+    },
+    []
+  );
+  const appendFiles = (files) => {
+    const validFiles = Array.from(files).filter((file) => SUPPORTED_IMAGE_MIME_TYPES.has(file.type));
+    if (!validFiles.length)
+      return { addedCount: 0, limitExceeded: false };
+    const currentAttachments = attachmentsRef.current;
+    const remainingSlots = MAX_COMPOSER_ATTACHMENTS - currentAttachments.length;
+    if (remainingSlots <= 0)
+      return { addedCount: 0, limitExceeded: true };
+    const filesToAppend = validFiles.slice(0, remainingSlots);
+    const newAttachments = filesToAppend.map((file) => ({
+      id: createAttachmentId(),
+      file,
+      name: file.name,
+      mimeType: file.type,
+      size: file.size,
+      previewUrl: createObjectUrl(file)
+    }));
+    setAttachments((current) => [...current, ...newAttachments]);
+    return {
+      addedCount: filesToAppend.length,
+      limitExceeded: validFiles.length > filesToAppend.length
+    };
+  };
+  const removeAttachment = (attachmentId) => {
+    setAttachments((current) => {
+      const target = current.find((a) => a.id === attachmentId);
+      if (target)
+        releaseComposerAttachments([target]);
+      return current.filter((a) => a.id !== attachmentId);
+    });
+  };
+  const clearAttachments = () => {
+    setAttachments((current) => {
+      releaseComposerAttachments(current);
+      return [];
+    });
+  };
+  const takeMessageAttachments = () => {
+    const currentAttachments = attachmentsRef.current;
+    if (!currentAttachments.length) {
+      return [];
+    }
+    const nextMessageAttachments = currentAttachments.map(({ file: _file, ...attachment }) => ({
+      ...attachment,
+      file: _file
+    }));
+    attachmentsRef.current = [];
+    setAttachments([]);
+    return nextMessageAttachments;
+  };
+  return {
+    attachments,
+    appendFiles,
+    removeAttachment,
+    clearAttachments,
+    takeMessageAttachments
+  };
+};
+
+// src/components/chat-composer/hooks/use-chat-composer.ts
+var nowIso = () => (/* @__PURE__ */ new Date()).toISOString();
+var ATTACHMENT_NOTICE_DURATION_MS = 3e3;
+var STOP_WAIT_TIMEOUT_MS = 3e3;
+var resolveAccumulatedContent = (currentContent, update) => {
+  if (update.content !== void 0) {
+    return update.content;
+  }
+  if (update.contentDelta) {
+    return currentContent + update.contentDelta;
+  }
+  return currentContent;
+};
+var normalizeChatErrorMessage = (message, labels) => {
+  const trimmedMessage = message?.trim();
+  if (!trimmedMessage) {
+    return labels.genericError;
+  }
+  if (trimmedMessage === "Failed to fetch") {
+    return labels.networkError;
+  }
+  return trimmedMessage;
+};
+var skillsCacheByLoader = /* @__PURE__ */ new Map();
+var getCachedSkills = (loader) => {
+  if (!loader) {
+    return { skills: [], resolved: false };
+  }
+  const cachedEntry = skillsCacheByLoader.get(loader);
+  return {
+    skills: cachedEntry?.skills ?? [],
+    resolved: cachedEntry?.resolved ?? false
+  };
+};
+var loadSkillsWithCache = async (loader) => {
+  const cachedEntry = skillsCacheByLoader.get(loader);
+  if (cachedEntry?.resolved) {
+    return cachedEntry.skills;
+  }
+  if (cachedEntry?.promise) {
+    return cachedEntry.promise;
+  }
+  const pendingPromise = loader().then((response) => {
+    const nextSkills = response.skills;
+    skillsCacheByLoader.set(loader, { skills: nextSkills, resolved: true });
+    return nextSkills;
+  }).catch((error2) => {
+    skillsCacheByLoader.delete(loader);
+    throw error2;
+  });
+  skillsCacheByLoader.set(loader, {
+    skills: cachedEntry?.skills ?? [],
+    resolved: false,
+    promise: pendingPromise
+  });
+  return pendingPromise;
+};
+var useChatComposer = () => {
+  const { transport, enableImageAttachments, labels, store } = useChatContext();
+  const modelsLoader = transport.getModels;
+  const skillsLoader = transport.getSkills;
+  const activeSkillsLoaderRef = useRef10(skillsLoader);
+  const activeSessionId = useChatStore((s) => s.activeSessionId);
+  const activeSession = useChatStore(
+    (s) => s.sessions.find((x) => x.sessionId === s.activeSessionId) ?? null
+  );
+  const preferredMode = useChatStore((s) => s.preferredMode);
+  const streamingSessionId = useChatStore(
+    (s) => s.activeSessionId && s.isStreamingBySession[s.activeSessionId] ? s.activeSessionId : null
+  );
+  const isStreaming = Boolean(streamingSessionId);
+  const isStopping = useChatStore((s) => {
+    const currentStreamingSessionId = s.activeSessionId && s.isStreamingBySession[s.activeSessionId] ? s.activeSessionId : null;
+    return currentStreamingSessionId ? s.isStoppingBySession[currentStreamingSessionId] ?? false : false;
+  });
+  const createSession = useChatStore((s) => s.createSession);
+  const replaceSessionId = useChatStore((s) => s.replaceSessionId);
+  const appendMessage = useChatStore((s) => s.appendMessage);
+  const startStreamingMessage = useChatStore((s) => s.startStreamingMessage);
+  const patchStreamingMessage = useChatStore((s) => s.patchStreamingMessage);
+  const completeStreamingMessage = useChatStore((s) => s.completeStreamingMessage);
+  const requestStopStreaming = useChatStore((s) => s.requestStopStreaming);
+  const finalizeStoppedStreamingMessage = useChatStore((s) => s.finalizeStoppedStreamingMessage);
+  const setSessionError = useChatStore((s) => s.setSessionError);
+  const clearSessionError = useChatStore((s) => s.clearSessionError);
+  const setPreferredMode = useChatStore((s) => s.setPreferredMode);
+  const setSessionMode = useChatStore((s) => s.setSessionMode);
+  const [availableModels, setAvailableModels] = useState8([]);
+  const [isModelsLoading, setIsModelsLoading] = useState8(true);
+  const [isModelsError, setIsModelsError] = useState8(false);
+  const [availableSkills, setAvailableSkills] = useState8(
+    () => getCachedSkills(skillsLoader).skills
+  );
+  const [isSkillsLoading, setIsSkillsLoading] = useState8(
+    () => Boolean(skillsLoader) && !getCachedSkills(skillsLoader).resolved
+  );
+  const fetchModels = useCallback7(async () => {
+    setIsModelsLoading(true);
+    setIsModelsError(false);
+    try {
+      const modelsResponse = await modelsLoader();
+      setAvailableModels(modelsResponse.data);
+    } catch {
+      setIsModelsError(true);
     } finally {
       setIsModelsLoading(false);
     }
-  }, [transport]);
-  useEffect6(() => {
+  }, [modelsLoader]);
+  useEffect7(() => {
     void fetchModels();
   }, [fetchModels]);
+  useEffect7(() => {
+    activeSkillsLoaderRef.current = skillsLoader;
+    const cachedSkills = getCachedSkills(skillsLoader);
+    setAvailableSkills(cachedSkills.skills);
+    setIsSkillsLoading(Boolean(skillsLoader) && !cachedSkills.resolved);
+  }, [skillsLoader]);
+  const fetchSkills = useCallback7(async () => {
+    if (!skillsLoader) {
+      setAvailableSkills([]);
+      setIsSkillsLoading(false);
+      return;
+    }
+    const cachedSkills = getCachedSkills(skillsLoader);
+    if (cachedSkills.resolved) {
+      setAvailableSkills(cachedSkills.skills);
+      setIsSkillsLoading(false);
+      return;
+    }
+    setIsSkillsLoading(true);
+    try {
+      const nextSkills = await loadSkillsWithCache(skillsLoader);
+      if (activeSkillsLoaderRef.current !== skillsLoader) {
+        return;
+      }
+      setAvailableSkills(nextSkills);
+    } catch {
+      if (activeSkillsLoaderRef.current !== skillsLoader) {
+        return;
+      }
+      setAvailableSkills([]);
+    } finally {
+      if (activeSkillsLoaderRef.current === skillsLoader) {
+        setIsSkillsLoading(false);
+      }
+    }
+  }, [skillsLoader]);
+  useEffect7(() => {
+    void fetchSkills();
+  }, [fetchSkills]);
   const hasModels = availableModels.length > 0;
-  const [value, setValue] = useState6("");
-  const [selectedModel, setSelectedModel] = useState6("");
-  const [selectedMode, setSelectedModeLocal] = useState6(DEFAULT_CHAT_AGENT_MODE);
-  const [attachmentNotice, setAttachmentNotice] = useState6(null);
+  const [value, setValue] = useState8("");
+  const [selectedModel, setSelectedModel] = useState8("");
+  const [selectedMode, setSelectedModeLocal] = useState8(DEFAULT_CHAT_AGENT_MODE);
+  const [selectedSkills, setSelectedSkills] = useState8([]);
+  const [attachmentNotice, setAttachmentNotice] = useState8(null);
   const { attachments, appendFiles, removeAttachment, takeMessageAttachments } = useComposerAttachments();
-  const abortControllerBySessionRef = useRef7(/* @__PURE__ */ new Map());
-  const stopRequestBySessionRef = useRef7(/* @__PURE__ */ new Map());
-  const lastRequestBySessionRef = useRef7(/* @__PURE__ */ new Map());
-  useEffect6(() => {
+  const abortControllerBySessionRef = useRef10(/* @__PURE__ */ new Map());
+  const stopRequestBySessionRef = useRef10(/* @__PURE__ */ new Map());
+  const lastRequestBySessionRef = useRef10(/* @__PURE__ */ new Map());
+  useEffect7(() => {
     setSelectedModel(
       (current) => resolveSelectedChatModel({ currentModel: current, availableModels, isModelsLoading })
     );
   }, [availableModels, isModelsLoading]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (activeSession) {
       setSelectedModeLocal(activeSession.mode ?? DEFAULT_CHAT_AGENT_MODE);
       return;
     }
     setSelectedModeLocal(preferredMode ?? DEFAULT_CHAT_AGENT_MODE);
   }, [activeSession, preferredMode]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!attachmentNotice)
       return;
     const timeoutId = window.setTimeout(
@@ -4260,11 +6877,11 @@ var useChatComposer = () => {
     window.clearTimeout(stopRequest.timeoutId);
     stopRequest.timeoutId = null;
   };
-  const clearStopRequest = useCallback4((sessionId) => {
+  const clearStopRequest = useCallback7((sessionId) => {
     clearStopTimeout(sessionId);
     stopRequestBySessionRef.current.delete(sessionId);
   }, []);
-  const moveSessionRuntimeState = useCallback4(
+  const moveSessionRuntimeState = useCallback7(
     (previousSessionId, nextSessionId) => {
       if (previousSessionId === nextSessionId) {
         return;
@@ -4282,7 +6899,7 @@ var useChatComposer = () => {
     },
     []
   );
-  const finalizeStop = useCallback4(
+  const finalizeStop = useCallback7(
     (sessionId) => {
       const stopRequest = stopRequestBySessionRef.current.get(sessionId);
       if (stopRequest) {
@@ -4299,11 +6916,12 @@ var useChatComposer = () => {
     },
     [clearStopRequest, finalizeStoppedStreamingMessage]
   );
-  const runStream = useCallback4(
+  const runStream = useCallback7(
     async ({
       localSessionId,
       sessionId,
       content,
+      skills,
       attachments: attachments2,
       model,
       mode
@@ -4324,6 +6942,7 @@ var useChatComposer = () => {
         localSessionId,
         sessionId,
         content,
+        skills,
         attachments: attachments2,
         model,
         mode
@@ -4336,6 +6955,7 @@ var useChatComposer = () => {
           model,
           mode,
           content,
+          skills,
           attachments: attachments2,
           signal: abortController.signal,
           onSessionId: (nextSessionId) => {
@@ -4349,6 +6969,7 @@ var useChatComposer = () => {
               localSessionId: nextSessionId,
               sessionId: nextSessionId,
               content,
+              skills,
               attachments: attachments2,
               model,
               mode
@@ -4420,11 +7041,13 @@ var useChatComposer = () => {
       store
     ]
   );
-  const send = useCallback4(
+  const send = useCallback7(
     async (contentOverride, options) => {
       const content = (contentOverride ?? value).trim();
       const includeComposerAttachments = options?.includeComposerAttachments ?? true;
+      const includeComposerSkills = options?.includeComposerSkills ?? true;
       const composerAttachmentCount = includeComposerAttachments ? attachments.length : 0;
+      const messageSkills = includeComposerSkills ? selectedSkills : void 0;
       if (!canSendChatMessage({
         value: content,
         attachmentCount: composerAttachmentCount,
@@ -4461,14 +7084,20 @@ var useChatComposer = () => {
         createMessageId: () => `user-${Date.now()}`
       });
       appendMessage(localSessionId, userMessage);
-      if (includeComposerAttachments) {
+      if (includeComposerAttachments || includeComposerSkills) {
         setAttachmentNotice(null);
+      }
+      if (includeComposerAttachments) {
         setValue("");
       }
+      if (includeComposerSkills) {
+        setSelectedSkills([]);
+      }
       await runStream({
         localSessionId,
         sessionId,
         content,
+        skills: messageSkills,
         attachments: messageAttachments,
         model: resolvedModel,
         mode: currentMode
@@ -4477,6 +7106,7 @@ var useChatComposer = () => {
     [
       value,
       attachments,
+      selectedSkills,
       isModelsLoading,
       isModelsError,
       hasModels,
@@ -4490,7 +7120,7 @@ var useChatComposer = () => {
       store
     ]
   );
-  const stopSession = useCallback4(
+  const stopSession = useCallback7(
     async (sessionId) => {
       const storeState = store.getState();
       const isSessionStreaming = storeState.isStreamingBySession[sessionId] ?? false;
@@ -4526,13 +7156,16 @@ var useChatComposer = () => {
     state: {
       value,
       attachments,
+      selectedSkills,
       attachmentNotice,
       isStreaming,
       isStopping,
       selectedModel,
       selectedMode,
       availableModels,
+      availableSkills,
       isModelsLoading,
+      isSkillsLoading,
       isModelsError,
       hasModels
     },
@@ -4555,6 +7188,12 @@ var useChatComposer = () => {
         removeAttachment(attachmentId);
         setAttachmentNotice(null);
       },
+      addSkill: (skill) => {
+        setSelectedSkills((current) => current.includes(skill) ? current : [...current, skill]);
+      },
+      removeSkill: (skill) => {
+        setSelectedSkills((current) => current.filter((item) => item !== skill));
+      },
       setSelectedModel,
       setSelectedMode: (mode) => {
         setSelectedModeLocal(mode);
@@ -4569,6 +7208,7 @@ var useChatComposer = () => {
         }
       },
       reloadModels: () => void fetchModels(),
+      reloadSkills: () => void fetchSkills(),
       stopSession,
       stop: async () => {
         if (!streamingSessionId)
@@ -4588,29 +7228,29 @@ var useChatComposer = () => {
 };
 
 // src/components/chat-composer/components/chat-composer-attachment-list.tsx
-import { useState as useState7 } from "react";
+import { useState as useState9 } from "react";
 import styled10 from "@emotion/styled";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "@emotion/react/jsx-runtime";
 var ChatComposerAttachmentList = ({
   attachments,
   onRemoveAttachment
 }) => {
-  const [activeImage, setActiveImage] = useState7(null);
+  const [activeImage, setActiveImage] = useState9(null);
   if (!attachments.length) {
     return null;
   }
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsx11(AttachmentList, { "data-testid": "chat-composer-attachment-list", children: attachments.map((attachment) => /* @__PURE__ */ jsxs8(AttachmentCard, { children: [
-      /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsx12(AttachmentList, { "data-testid": "chat-composer-attachment-list", children: attachments.map((attachment) => /* @__PURE__ */ jsxs9(AttachmentCard, { children: [
+      /* @__PURE__ */ jsx12(
         AttachmentPreviewButton,
         {
           type: "button",
           "aria-label": `${attachment.name} preview`,
           onClick: () => setActiveImage(attachment),
-          children: /* @__PURE__ */ jsx11(AttachmentThumb, { src: attachment.previewUrl, alt: attachment.name })
+          children: /* @__PURE__ */ jsx12(AttachmentThumb, { src: attachment.previewUrl, alt: attachment.name })
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx12(
         AttachmentRemoveButton,
         {
           type: "button",
@@ -4619,11 +7259,11 @@ var ChatComposerAttachmentList = ({
             event.stopPropagation();
             onRemoveAttachment(attachment.id);
           },
-          children: /* @__PURE__ */ jsx11(CloseGlyph, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ jsx12(CloseGlyph, { "aria-hidden": "true" })
         }
       )
     ] }, attachment.id)) }),
-    activeImage ? /* @__PURE__ */ jsx11(
+    activeImage ? /* @__PURE__ */ jsx12(
       ImageViewer,
       {
         src: activeImage.previewUrl,
@@ -4747,7 +7387,7 @@ var CloseGlyph = styled10.span`
 // src/components/chat-composer/components/chat-model-control.tsx
 import styled11 from "@emotion/styled";
 import { Select } from "@xinghunm/compass-ui";
-import { jsx as jsx12, jsxs as jsxs9 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
 var ChatModelControl = ({
   selectedModel,
   availableModels,
@@ -4758,7 +7398,7 @@ var ChatModelControl = ({
   onReloadModels
 }) => {
   if (isModelsError) {
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       ModelReloadButton,
       {
         type: "button",
@@ -4766,8 +7406,8 @@ var ChatModelControl = ({
         "aria-label": "Reload",
         onClick: onReloadModels,
         children: [
-          /* @__PURE__ */ jsx12("span", { children: "Failed to load models" }),
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsx13("span", { children: "Failed to load models" }),
+          /* @__PURE__ */ jsxs10(
             ReloadIcon,
             {
               "data-testid": "chat-model-reload-icon",
@@ -4778,8 +7418,8 @@ var ChatModelControl = ({
               fill: "currentColor",
               xmlns: "http://www.w3.org/2000/svg",
               children: [
-                /* @__PURE__ */ jsx12("path", { d: "M895.469672 511.745197c0-146.498562-82.099856-273.805016-202.788589-338.470805l22.072715-46.630017c-4.50664-12.609179-18.382673-19.176758-30.991852-14.670118l-92.436272 33.040511c-12.609179 4.50664-19.176758 18.382673-14.670118 30.991852l33.040511 92.436272c4.50664 12.609179 18.382673 19.176758 30.991852 14.670118l24.581861-51.92972c99.069343 54.335513 166.240185 159.596881 166.240185 280.561907 0 165.56685-125.817544 301.747415-287.057855 318.14692l0 0.022513c-17.730826 0-32.105209 14.374382-32.105209 32.105209 0 17.730826 14.374382 32.105209 32.105209 32.105209 2.098801 0 4.149507-0.207731 6.135744-0.592494C744.270041 874.039593 895.469672 710.564381 895.469672 511.745197z" }),
-                /* @__PURE__ */ jsx12("path", { d: "M480.616222 129.23948c-0.041956 0-0.082888 0.00307-0.124843 0.00307l0-0.00307c-0.01535 0.001023-0.031722 0.00307-0.047072 0.004093-1.892093 0.010233-3.744277 0.189312-5.545296 0.5137-194.674794 18.529005-346.957083 182.459588-346.957083 381.987924 0 147.431817 83.146699 275.42798 205.097168 339.700819l-24.814152 52.419883c4.50664 12.609179 18.382673 19.176758 30.991852 14.670118l92.436272-33.040511c12.609179-4.50664 19.176758-18.382673 14.670118-30.991852l-33.040511-92.436272c-4.50664-12.609179-18.382673-19.176758-30.991852-14.670118l-21.853727 46.167482c-100.326986-53.964052-168.535461-159.920246-168.535461-281.81955 0-166.089759 126.616746-302.591643 288.588721-318.284043l0-0.014326c0.041956 0 0.082888 0.00307 0.124843 0.00307 17.730826 0 32.105209-14.374382 32.105209-32.105209C512.721431 143.613862 498.347049 129.23948 480.616222 129.23948z" })
+                /* @__PURE__ */ jsx13("path", { d: "M895.469672 511.745197c0-146.498562-82.099856-273.805016-202.788589-338.470805l22.072715-46.630017c-4.50664-12.609179-18.382673-19.176758-30.991852-14.670118l-92.436272 33.040511c-12.609179 4.50664-19.176758 18.382673-14.670118 30.991852l33.040511 92.436272c4.50664 12.609179 18.382673 19.176758 30.991852 14.670118l24.581861-51.92972c99.069343 54.335513 166.240185 159.596881 166.240185 280.561907 0 165.56685-125.817544 301.747415-287.057855 318.14692l0 0.022513c-17.730826 0-32.105209 14.374382-32.105209 32.105209 0 17.730826 14.374382 32.105209 32.105209 32.105209 2.098801 0 4.149507-0.207731 6.135744-0.592494C744.270041 874.039593 895.469672 710.564381 895.469672 511.745197z" }),
+                /* @__PURE__ */ jsx13("path", { d: "M480.616222 129.23948c-0.041956 0-0.082888 0.00307-0.124843 0.00307l0-0.00307c-0.01535 0.001023-0.031722 0.00307-0.047072 0.004093-1.892093 0.010233-3.744277 0.189312-5.545296 0.5137-194.674794 18.529005-346.957083 182.459588-346.957083 381.987924 0 147.431817 83.146699 275.42798 205.097168 339.700819l-24.814152 52.419883c4.50664 12.609179 18.382673 19.176758 30.991852 14.670118l92.436272-33.040511c12.609179-4.50664 19.176758-18.382673 14.670118-30.991852l-33.040511-92.436272c-4.50664-12.609179-18.382673-19.176758-30.991852-14.670118l-21.853727 46.167482c-100.326986-53.964052-168.535461-159.920246-168.535461-281.81955 0-166.089759 126.616746-302.591643 288.588721-318.284043l0-0.014326c0.041956 0 0.082888 0.00307 0.124843 0.00307 17.730826 0 32.105209-14.374382 32.105209-32.105209C512.721431 143.613862 498.347049 129.23948 480.616222 129.23948z" })
               ]
             }
           )
@@ -4788,11 +7428,11 @@ var ChatModelControl = ({
     );
   }
   if (isModelsLoading) {
-    return /* @__PURE__ */ jsx12(ModelBadge, { children: "Loading models..." });
+    return /* @__PURE__ */ jsx13(ModelBadge, { children: "Loading models..." });
   }
   if (hasModels && selectedModel) {
     if (availableModels.length > 1) {
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx13(
         ModelSelect,
         {
           "data-testid": "chat-model-select",
@@ -4806,9 +7446,9 @@ var ChatModelControl = ({
         }
       );
     }
-    return /* @__PURE__ */ jsx12(ModelBadge, { children: selectedModel });
+    return /* @__PURE__ */ jsx13(ModelBadge, { children: selectedModel });
   }
-  return /* @__PURE__ */ jsx12(ModelBadge, { children: "No model available" });
+  return /* @__PURE__ */ jsx13(ModelBadge, { children: "No model available" });
 };
 var ModelBadge = styled11.span`
   border-radius: 999px;
@@ -4869,14 +7509,14 @@ var ModelSelect = styled11(Select)`
 // src/components/chat-composer/components/chat-mode-control.tsx
 import styled12 from "@emotion/styled";
 import { Select as Select2 } from "@xinghunm/compass-ui";
-import { jsx as jsx13 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx14 } from "@emotion/react/jsx-runtime";
 var ChatModeControl = ({
   value,
   disabled = false,
   labels,
   onChange
 }) => {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     ModeSelect,
     {
       "data-testid": "chat-mode-select",
@@ -4914,8 +7554,8 @@ var ModeSelect = styled12(Select2)`
 // src/components/chat-composer/components/chat-send-actions.tsx
 import styled13 from "@emotion/styled";
 import { Button } from "@xinghunm/compass-ui";
-import { Fragment as Fragment4, jsx as jsx14 } from "@emotion/react/jsx-runtime";
-var ArrowUpIcon = () => /* @__PURE__ */ jsx14(
+import { Fragment as Fragment5, jsx as jsx15 } from "@emotion/react/jsx-runtime";
+var ArrowUpIcon = () => /* @__PURE__ */ jsx15(
   "svg",
   {
     "aria-hidden": "true",
@@ -4924,7 +7564,7 @@ var ArrowUpIcon = () => /* @__PURE__ */ jsx14(
     viewBox: "0 0 12 12",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx14(
+    children: /* @__PURE__ */ jsx15(
       "path",
       {
         d: "M6 10V2M6 2L2 6M6 2L10 6",
@@ -4942,7 +7582,7 @@ var ChatSendActions = ({
   isStopping,
   onStop,
   onSend
-}) => /* @__PURE__ */ jsx14(Fragment4, { children: isStreaming ? /* @__PURE__ */ jsx14(
+}) => /* @__PURE__ */ jsx15(Fragment5, { children: isStreaming ? /* @__PURE__ */ jsx15(
   StopButton,
   {
     type: "button",
@@ -4952,14 +7592,14 @@ var ChatSendActions = ({
     disabled: isStopping,
     shape: "circle",
     onClick: () => void onStop(),
-    children: isStopping ? /* @__PURE__ */ jsx14(StopSpinner, { "aria-hidden": "true", "data-testid": "chat-composer-stop-spinner" }) : /* @__PURE__ */ jsx14(StopGlyph, { "aria-hidden": "true", "data-testid": "chat-composer-stop-glyph" })
+    children: isStopping ? /* @__PURE__ */ jsx15(StopSpinner, { "aria-hidden": "true", "data-testid": "chat-composer-stop-spinner" }) : /* @__PURE__ */ jsx15(StopGlyph, { "aria-hidden": "true", "data-testid": "chat-composer-stop-glyph" })
   }
-) : /* @__PURE__ */ jsx14(
+) : /* @__PURE__ */ jsx15(
   PrimaryButton,
   {
     $canSend: canSend,
     type: "button",
-    icon: /* @__PURE__ */ jsx14(ArrowUpIcon, {}),
+    icon: /* @__PURE__ */ jsx15(ArrowUpIcon, {}),
     "aria-label": "Send",
     "data-testid": "chat-composer-send",
     disabled: !canSend,
@@ -5048,7 +7688,7 @@ var StopSpinner = styled13.span`
 `;
 
 // src/components/chat-composer/index.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
 var CHAT_COMPOSER_LINE_HEIGHT_PX = 20;
 var CHAT_COMPOSER_MAX_ROWS = 7;
 var CHAT_COMPOSER_PADDING_TOP_PX = 8;
@@ -5070,7 +7710,7 @@ var getExpandedComposerHeightPx = () => {
     Math.floor(Math.min(CHAT_COMPOSER_EXPANDED_ROWS_HEIGHT_PX, viewportLimitedHeight))
   );
 };
-var PlusIcon = () => /* @__PURE__ */ jsx15(
+var PlusIcon = () => /* @__PURE__ */ jsx16(
   "svg",
   {
     "aria-hidden": "true",
@@ -5079,10 +7719,10 @@ var PlusIcon = () => /* @__PURE__ */ jsx15(
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx15("path", { d: "M8 3v10M3 8h10", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" })
+    children: /* @__PURE__ */ jsx16("path", { d: "M8 3v10M3 8h10", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" })
   }
 );
-var ComposerExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx15(
+var ComposerExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx16(
   "svg",
   {
     "aria-hidden": "true",
@@ -5091,7 +7731,7 @@ var ComposerExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx15(
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    children: expanded ? /* @__PURE__ */ jsx15(
+    children: expanded ? /* @__PURE__ */ jsx16(
       "path",
       {
         d: "M14 6h-4V2M10 6l4-4M2 10h4v4M6 10l-4 4",
@@ -5100,7 +7740,7 @@ var ComposerExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx15(
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ) : /* @__PURE__ */ jsx15(
+    ) : /* @__PURE__ */ jsx16(
       "path",
       {
         d: "M10 2h4v4M14 2L9 7M6 14H2v-4M2 14l5-5",
@@ -5112,16 +7752,39 @@ var ComposerExpandIcon = ({ expanded }) => /* @__PURE__ */ jsx15(
     )
   }
 );
+var resolveSkillQueryMatch = (value) => {
+  const matched = value.match(/(^|\s)\/([^\s/]*)$/);
+  if (!matched || matched.index === void 0) {
+    return null;
+  }
+  const start = matched.index + matched[1].length;
+  return {
+    query: matched[2] ?? "",
+    start,
+    end: value.length
+  };
+};
+var replaceSkillQuery = (value, match) => {
+  const before = value.slice(0, match.start).replace(/\s+$/, "");
+  const after = value.slice(match.end).replace(/^\s+/, "");
+  if (before && after) {
+    return `${before} ${after}`;
+  }
+  return before || after;
+};
 var ChatComposerView = ({
   value,
   placeholder,
   attachments,
   attachmentNotice,
   attachmentLimitNotice,
+  selectedSkills,
   selectedModel,
   selectedMode,
   availableModels,
+  availableSkills,
   isModelsLoading,
+  isSkillsLoading,
   isModelsError,
   hasModels,
   isStreaming,
@@ -5130,20 +7793,29 @@ var ChatComposerView = ({
   modeLabels,
   expandComposerAriaLabel,
   collapseComposerAriaLabel,
+  skillLoadingLabel,
+  skillEmptyLabel,
+  removeSkillAriaLabel,
   onValueChange,
   onPickImages,
   onPasteImages,
   onRemoveAttachment,
+  onAddSkill,
+  onRemoveSkill,
   onSelectedModelChange,
   onSelectedModeChange,
   onReloadModels,
   onStop,
   onSend
 }) => {
-  const imageInputRef = useRef8(null);
-  const inputRef = useRef8(null);
-  const [isComposerExpandable, setIsComposerExpandable] = useState8(false);
-  const [isComposerExpanded, setIsComposerExpanded] = useState8(false);
+  const imageInputRef = useRef11(null);
+  const inputRef = useRef11(null);
+  const [isComposerExpandable, setIsComposerExpandable] = useState10(false);
+  const [isComposerExpanded, setIsComposerExpanded] = useState10(false);
+  const [activeSkillNavigation, setActiveSkillNavigation] = useState10({
+    queryKey: "",
+    index: 0
+  });
   const canSend = canSendChatMessage({
     value,
     attachmentCount: attachments.length,
@@ -5151,7 +7823,50 @@ var ChatComposerView = ({
     isModelsError,
     hasModels
   });
-  useLayoutEffect3(() => {
+  const skillQueryMatch = resolveSkillQueryMatch(value);
+  const filteredSkills = skillQueryMatch ? availableSkills.filter((skill) => {
+    if (selectedSkills.includes(skill)) {
+      return false;
+    }
+    if (skillQueryMatch.query === "") {
+      return true;
+    }
+    return skill.toLowerCase().includes(skillQueryMatch.query.toLowerCase());
+  }) : [];
+  const showSkillMenu = Boolean(skillQueryMatch);
+  const activeSkillQueryKey = skillQueryMatch ? `${skillQueryMatch.start}:${skillQueryMatch.end}:${skillQueryMatch.query}:${selectedSkills.join("\0")}` : "";
+  const { refs, floatingStyles } = useFloating2({
+    open: showSkillMenu,
+    placement: "bottom-start",
+    middleware: [
+      offset3(8),
+      flip3({ padding: 8 }),
+      shift3({ padding: 8 }),
+      size3({
+        apply({ rects, elements, availableHeight }) {
+          Object.assign(elements.floating.style, {
+            width: `${rects.reference.width}px`,
+            maxHeight: `${Math.min(availableHeight, 240)}px`
+          });
+        }
+      })
+    ],
+    whileElementsMounted: autoUpdate
+  });
+  const setSkillMenuReference = useCallback8(
+    (element) => {
+      refs.setReference(element);
+    },
+    [refs]
+  );
+  const setSkillMenuFloating = useCallback8(
+    (element) => {
+      refs.setFloating(element);
+    },
+    [refs]
+  );
+  const activeSkillIndex = activeSkillNavigation.queryKey === activeSkillQueryKey ? activeSkillNavigation.index : 0;
+  useLayoutEffect5(() => {
     const element = inputRef.current;
     if (!element) {
       return;
@@ -5171,7 +7886,43 @@ var ChatComposerView = ({
     setIsComposerExpanded(false);
     await onSend();
   };
+  const handleSelectSkill = (skill) => {
+    if (!skillQueryMatch) {
+      return;
+    }
+    onAddSkill(skill);
+    onValueChange(replaceSkillQuery(value, skillQueryMatch));
+    setActiveSkillNavigation({ queryKey: "", index: 0 });
+  };
   const handleKeyDown = (event) => {
+    if (skillQueryMatch) {
+      if (event.key === "ArrowDown" && filteredSkills.length > 0) {
+        event.preventDefault();
+        setActiveSkillNavigation({
+          queryKey: activeSkillQueryKey,
+          index: (activeSkillIndex + 1) % filteredSkills.length
+        });
+        return;
+      }
+      if (event.key === "ArrowUp" && filteredSkills.length > 0) {
+        event.preventDefault();
+        setActiveSkillNavigation({
+          queryKey: activeSkillQueryKey,
+          index: (activeSkillIndex - 1 + filteredSkills.length) % filteredSkills.length
+        });
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        onValueChange(replaceSkillQuery(value, skillQueryMatch));
+        return;
+      }
+      if (event.key === "Enter" && !event.shiftKey && filteredSkills.length > 0) {
+        event.preventDefault();
+        handleSelectSkill(filteredSkills[activeSkillIndex] ?? filteredSkills[0]);
+        return;
+      }
+    }
     if (shouldStopChatComposer({ key: event.key, shiftKey: event.shiftKey, isStreaming })) {
       event.preventDefault();
       void onStop();
@@ -5194,105 +7945,143 @@ var ChatComposerView = ({
     event.preventDefault();
     onPasteImages(imageFiles);
   };
-  return /* @__PURE__ */ jsx15(Container2, { children: /* @__PURE__ */ jsxs10(Surface, { "data-testid": "chat-composer-surface", children: [
-    enableImageAttachments ? /* @__PURE__ */ jsx15(
-      "input",
-      {
-        ref: imageInputRef,
-        type: "file",
-        accept: "image/png,image/jpeg,image/webp",
-        multiple: true,
-        hidden: true,
-        "data-testid": "chat-composer-image-input",
-        onChange: handlePickImages
-      }
-    ) : null,
-    /* @__PURE__ */ jsx15(
-      ChatComposerAttachmentList,
-      {
-        attachments,
-        onRemoveAttachment
-      }
-    ),
-    attachmentNotice === "limit_reached" ? /* @__PURE__ */ jsx15(AttachmentNotice, { "data-testid": "chat-composer-attachment-notice", children: attachmentLimitNotice }) : null,
-    /* @__PURE__ */ jsxs10(InputArea, { "data-testid": "chat-composer-input-area", children: [
-      isComposerExpanded || isComposerExpandable ? /* @__PURE__ */ jsx15(
-        ComposerExpandButton,
+  return /* @__PURE__ */ jsxs11(Container2, { children: [
+    /* @__PURE__ */ jsxs11(Surface, { "data-testid": "chat-composer-surface", children: [
+      enableImageAttachments ? /* @__PURE__ */ jsx16(
+        "input",
         {
-          type: "button",
-          "data-testid": "chat-composer-expand-toggle",
-          "aria-label": isComposerExpanded ? collapseComposerAriaLabel : expandComposerAriaLabel,
-          "aria-expanded": isComposerExpanded,
-          onClick: () => setIsComposerExpanded((current) => !current),
-          children: /* @__PURE__ */ jsx15(ComposerExpandIcon, { expanded: isComposerExpanded })
+          ref: imageInputRef,
+          type: "file",
+          accept: "image/png,image/jpeg,image/webp",
+          multiple: true,
+          hidden: true,
+          "data-testid": "chat-composer-image-input",
+          onChange: handlePickImages
         }
       ) : null,
-      /* @__PURE__ */ jsx15(
-        Input,
-        {
-          ref: inputRef,
-          "data-testid": "chat-composer-input",
-          "data-expanded": isComposerExpanded,
-          value,
-          onChange: (event) => onValueChange(event.target.value),
-          onKeyDown: handleKeyDown,
-          onPaste: enableImageAttachments ? handlePaste : void 0,
-          placeholder
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs10(Footer, { children: [
-      /* @__PURE__ */ jsx15(LeadingActions, { "data-testid": "chat-composer-leading-actions", children: enableImageAttachments ? /* @__PURE__ */ jsx15(
-        AttachButton,
+      /* @__PURE__ */ jsx16(
+        ChatComposerAttachmentList,
         {
-          type: "button",
-          "data-testid": "chat-composer-attach-image",
-          "aria-label": "Attach image",
-          onClick: () => imageInputRef.current?.click(),
-          children: /* @__PURE__ */ jsx15(PlusIcon, {})
+          attachments,
+          onRemoveAttachment
         }
-      ) : null }),
-      /* @__PURE__ */ jsxs10(TrailingActions, { "data-testid": "chat-composer-trailing-actions", children: [
-        /* @__PURE__ */ jsx15(
-          ChatModeControl,
+      ),
+      attachmentNotice === "limit_reached" ? /* @__PURE__ */ jsx16(AttachmentNotice, { "data-testid": "chat-composer-attachment-notice", children: attachmentLimitNotice }) : null,
+      selectedSkills.length ? /* @__PURE__ */ jsx16(SkillTagList, { "data-testid": "chat-composer-skill-tags", children: selectedSkills.map((skill) => /* @__PURE__ */ jsxs11(SkillTag, { children: [
+        /* @__PURE__ */ jsx16("span", { children: skill }),
+        /* @__PURE__ */ jsx16(
+          SkillTagRemoveButton,
           {
-            value: selectedMode,
-            disabled: isStreaming,
-            labels: modeLabels,
-            onChange: onSelectedModeChange
+            type: "button",
+            "data-testid": `chat-composer-skill-remove-${skill}`,
+            "aria-label": `${removeSkillAriaLabel}: ${skill}`,
+            onClick: () => onRemoveSkill(skill),
+            children: "\xD7"
           }
-        ),
-        /* @__PURE__ */ jsx15(
-          ChatModelControl,
+        )
+      ] }, skill)) }) : null,
+      /* @__PURE__ */ jsxs11(InputArea, { ref: setSkillMenuReference, "data-testid": "chat-composer-input-area", children: [
+        isComposerExpanded || isComposerExpandable ? /* @__PURE__ */ jsx16(
+          ComposerExpandButton,
           {
-            selectedModel,
-            availableModels,
-            isModelsLoading,
-            isModelsError,
-            hasModels,
-            onSelectedModelChange,
-            onReloadModels
+            type: "button",
+            "data-testid": "chat-composer-expand-toggle",
+            "aria-label": isComposerExpanded ? collapseComposerAriaLabel : expandComposerAriaLabel,
+            "aria-expanded": isComposerExpanded,
+            onClick: () => setIsComposerExpanded((current) => !current),
+            children: /* @__PURE__ */ jsx16(ComposerExpandIcon, { expanded: isComposerExpanded })
           }
-        ),
-        /* @__PURE__ */ jsx15(
-          ChatSendActions,
+        ) : null,
+        /* @__PURE__ */ jsx16(
+          Input,
           {
-            canSend,
-            isStreaming,
-            isStopping,
-            onStop,
-            onSend: handleSend
+            ref: inputRef,
+            "data-testid": "chat-composer-input",
+            "data-expanded": isComposerExpanded,
+            value,
+            onChange: (event) => onValueChange(event.target.value),
+            onKeyDown: handleKeyDown,
+            onPaste: enableImageAttachments ? handlePaste : void 0,
+            placeholder
           }
         )
+      ] }),
+      /* @__PURE__ */ jsxs11(Footer, { children: [
+        /* @__PURE__ */ jsx16(LeadingActions, { "data-testid": "chat-composer-leading-actions", children: enableImageAttachments ? /* @__PURE__ */ jsx16(
+          AttachButton,
+          {
+            type: "button",
+            "data-testid": "chat-composer-attach-image",
+            "aria-label": "Attach image",
+            onClick: () => imageInputRef.current?.click(),
+            children: /* @__PURE__ */ jsx16(PlusIcon, {})
+          }
+        ) : null }),
+        /* @__PURE__ */ jsxs11(TrailingActions, { "data-testid": "chat-composer-trailing-actions", children: [
+          /* @__PURE__ */ jsx16(
+            ChatModeControl,
+            {
+              value: selectedMode,
+              disabled: isStreaming,
+              labels: modeLabels,
+              onChange: onSelectedModeChange
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            ChatModelControl,
+            {
+              selectedModel,
+              availableModels,
+              isModelsLoading,
+              isModelsError,
+              hasModels,
+              onSelectedModelChange,
+              onReloadModels
+            }
+          ),
+          /* @__PURE__ */ jsx16(
+            ChatSendActions,
+            {
+              canSend,
+              isStreaming,
+              isStopping,
+              onStop,
+              onSend: handleSend
+            }
+          )
+        ] })
       ] })
-    ] })
-  ] }) });
+    ] }),
+    showSkillMenu ? /* @__PURE__ */ jsx16(FloatingPortal, { children: /* @__PURE__ */ jsx16(
+      SkillMenu,
+      {
+        ref: setSkillMenuFloating,
+        style: floatingStyles,
+        "data-testid": "chat-composer-skill-menu",
+        role: "listbox",
+        children: isSkillsLoading ? /* @__PURE__ */ jsx16(SkillMenuState, { "data-testid": "chat-composer-skill-loading", children: skillLoadingLabel }) : filteredSkills.length ? filteredSkills.map((skill, index3) => /* @__PURE__ */ jsx16(
+          SkillMenuItem,
+          {
+            type: "button",
+            role: "option",
+            "data-testid": `chat-composer-skill-option-${skill}`,
+            "data-active": index3 === activeSkillIndex,
+            "aria-selected": index3 === activeSkillIndex,
+            onMouseDown: (event) => event.preventDefault(),
+            onClick: () => handleSelectSkill(skill),
+            children: skill
+          },
+          skill
+        )) : /* @__PURE__ */ jsx16(SkillMenuState, { "data-testid": "chat-composer-skill-empty", children: skillEmptyLabel })
+      }
+    ) }) : null
+  ] });
 };
 var ChatComposer = () => {
   const { labels, sendRef, retryRef, stopRef, enableImageAttachments } = useChatContext();
   const { state, actions } = useChatComposer();
   const { send, retry } = actions;
-  useEffect7(() => {
+  useEffect8(() => {
     sendRef.current = send;
     retryRef.current = async (sessionId) => {
       retry(sessionId);
@@ -5304,18 +8093,21 @@ var ChatComposer = () => {
     plan: labels.modeLabelPlan,
     agent: labels.modeLabelAgent
   };
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     ChatComposerView,
     {
       value: state.value,
       attachments: state.attachments,
       attachmentNotice: state.attachmentNotice,
       attachmentLimitNotice: labels.attachmentLimitNotice,
+      selectedSkills: state.selectedSkills,
       placeholder: labels.placeholder,
       selectedModel: state.selectedModel,
       selectedMode: state.selectedMode,
       availableModels: state.availableModels,
+      availableSkills: state.availableSkills,
       isModelsLoading: state.isModelsLoading,
+      isSkillsLoading: state.isSkillsLoading,
       isModelsError: state.isModelsError,
       hasModels: state.hasModels,
       isStreaming: state.isStreaming,
@@ -5324,10 +8116,15 @@ var ChatComposer = () => {
       modeLabels,
       expandComposerAriaLabel: labels.expandComposerAriaLabel,
       collapseComposerAriaLabel: labels.collapseComposerAriaLabel,
+      skillLoadingLabel: labels.skillLoading,
+      skillEmptyLabel: labels.skillEmpty,
+      removeSkillAriaLabel: labels.removeSkillAriaLabel,
       onValueChange: actions.setValue,
       onPickImages: actions.pickImages,
       onPasteImages: actions.pasteImages,
       onRemoveAttachment: actions.removeAttachment,
+      onAddSkill: actions.addSkill,
+      onRemoveSkill: actions.removeSkill,
       onSelectedModelChange: actions.setSelectedModel,
       onSelectedModeChange: actions.setSelectedMode,
       onReloadModels: actions.reloadModels,
@@ -5369,6 +8166,32 @@ var AttachmentNotice = styled14.div`
   font-size: 12px;
   line-height: 1.4;
 `;
+var SkillTagList = styled14.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 12px 12px 0;
+`;
+var SkillTag = styled14.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  max-width: 100%;
+  border-radius: 999px;
+  padding: 8px 12px;
+  background: rgba(255, 255, 255, 0.06);
+  color: var(--text-primary);
+  font-size: 13px;
+  line-height: 1;
+`;
+var SkillTagRemoveButton = styled14.button`
+  border: none;
+  padding: 0;
+  background: transparent;
+  color: inherit;
+  cursor: pointer;
+  line-height: 1;
+`;
 var InputArea = styled14.div`
   grid-area: input;
   position: relative;
@@ -5421,6 +8244,40 @@ var Input = styled14.textarea`
     max-height: var(--textarea-expanded-max-height);
   }
 `;
+var SkillMenu = styled14.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  max-height: 240px;
+  overflow-y: auto;
+  padding: 8px;
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 16px;
+  background: rgba(28, 28, 28, 0.98);
+  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
+  z-index: 1000;
+`;
+var SkillMenuItem = styled14.button`
+  width: 100%;
+  border: none;
+  border-radius: 12px;
+  padding: 12px 14px;
+  background: transparent;
+  color: var(--text-primary);
+  text-align: left;
+  cursor: pointer;
+
+  &[data-active='true'],
+  &:hover {
+    background: rgba(255, 255, 255, 0.12);
+  }
+`;
+var SkillMenuState = styled14.div`
+  padding: 12px 14px;
+  color: var(--text-secondary);
+  font-size: 13px;
+`;
 var ComposerExpandButton = styled14.button`
   position: absolute;
   top: 8px;
@@ -5489,18 +8346,18 @@ import styled16 from "@emotion/styled";
 // src/components/chat-conversation-list/components/chat-session-item.tsx
 import { memo as memo2 } from "react";
 import styled15 from "@emotion/styled";
-import { jsx as jsx16, jsxs as jsxs11 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "@emotion/react/jsx-runtime";
 var ChatSessionItem = memo2(
   ({ session, isActive, modeLabel, onClick }) => {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx17(
       SessionButton,
       {
         type: "button",
         "data-active": isActive,
         onClick: () => onClick(session.sessionId),
-        children: /* @__PURE__ */ jsxs11(SessionMeta, { children: [
-          /* @__PURE__ */ jsx16(SessionTitle, { children: session.title }),
-          /* @__PURE__ */ jsx16(ModeBadge, { children: modeLabel })
+        children: /* @__PURE__ */ jsxs12(SessionMeta, { children: [
+          /* @__PURE__ */ jsx17(SessionTitle, { children: session.title }),
+          /* @__PURE__ */ jsx17(ModeBadge, { children: modeLabel })
         ] })
       }
     );
@@ -5545,7 +8402,7 @@ var ModeBadge = styled15.span`
 `;
 
 // src/components/chat-conversation-list/index.tsx
-import { jsx as jsx17, jsxs as jsxs12 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
 var ChatConversationList = () => {
   const { labels } = useChatContext();
   const sessions = useChatStore((s) => s.sessions);
@@ -5557,12 +8414,12 @@ var ChatConversationList = () => {
     plan: labels.modeLabelPlan,
     agent: labels.modeLabelAgent
   };
-  return /* @__PURE__ */ jsxs12(Container3, { children: [
-    /* @__PURE__ */ jsxs12(Toolbar, { children: [
-      /* @__PURE__ */ jsx17(Title3, { children: "Sessions" }),
-      /* @__PURE__ */ jsx17(CreateButton, { type: "button", "data-testid": "chat-create-session", onClick: startNewChat, children: labels.newChat })
+  return /* @__PURE__ */ jsxs13(Container3, { children: [
+    /* @__PURE__ */ jsxs13(Toolbar, { children: [
+      /* @__PURE__ */ jsx18(Title3, { children: "Sessions" }),
+      /* @__PURE__ */ jsx18(CreateButton, { type: "button", "data-testid": "chat-create-session", onClick: startNewChat, children: labels.newChat })
     ] }),
-    /* @__PURE__ */ jsx17(List2, { "data-testid": "chat-session-list", children: sessions.map((session) => /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(List2, { "data-testid": "chat-session-list", children: sessions.map((session) => /* @__PURE__ */ jsx18(
       ChatSessionItem,
       {
         session,
@@ -5611,7 +8468,7 @@ var List2 = styled16.div`
 `;
 
 // src/components/ai-chat/index.tsx
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs14 } from "@emotion/react/jsx-runtime";
 var QuickActions = ({ renderNewChatTrigger }) => {
   const { labels, stopRef, store } = useChatContext();
   const startNewChat = useChatStore((state) => state.startNewChat);
@@ -5652,9 +8509,15 @@ var QuickActions = ({ renderNewChatTrigger }) => {
     startNewChat: handleStartNewChat
   };
   if (renderNewChatTrigger) {
-    return /* @__PURE__ */ jsx18(QuickActionsRow, { children: /* @__PURE__ */ jsx18(NewChatTriggerRenderer, { renderNewChatTrigger, triggerProps }) });
+    return /* @__PURE__ */ jsx19(QuickActionsRow, { children: /* @__PURE__ */ jsx19(
+      NewChatTriggerRenderer,
+      {
+        renderNewChatTrigger,
+        triggerProps
+      }
+    ) });
   }
-  return /* @__PURE__ */ jsx18(QuickActionsRow, { children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(QuickActionsRow, { children: /* @__PURE__ */ jsx19(
     QuickActionButton,
     {
       type: "button",
@@ -5668,13 +8531,13 @@ var QuickActions = ({ renderNewChatTrigger }) => {
 var NewChatTriggerRenderer = ({
   renderNewChatTrigger,
   triggerProps
-}) => /* @__PURE__ */ jsx18(Fragment5, { children: renderNewChatTrigger(triggerProps) });
+}) => /* @__PURE__ */ jsx19(Fragment6, { children: renderNewChatTrigger(triggerProps) });
 var AiChat = ({
   showConversationList = false,
   showNewChatButton = false,
   renderNewChatTrigger,
   ...providerProps
-}) => /* @__PURE__ */ jsx18(
+}) => /* @__PURE__ */ jsx19(
   ConfigProvider,
   {
     theme: {
@@ -5709,12 +8572,12 @@ var AiChat = ({
         }
       }
     },
-    children: /* @__PURE__ */ jsx18(AiChatProvider, { ...providerProps, children: /* @__PURE__ */ jsxs13(Root, { "data-testid": "ai-chat", children: [
-      showConversationList ? /* @__PURE__ */ jsx18(ChatConversationList, {}) : null,
-      /* @__PURE__ */ jsxs13(Workspace, { children: [
-        showNewChatButton && !showConversationList ? /* @__PURE__ */ jsx18(QuickActions, { renderNewChatTrigger }) : null,
-        /* @__PURE__ */ jsx18(ChatThread, {}),
-        /* @__PURE__ */ jsx18(ChatComposer, {})
+    children: /* @__PURE__ */ jsx19(AiChatProvider, { ...providerProps, children: /* @__PURE__ */ jsxs14(Root, { "data-testid": "ai-chat", children: [
+      showConversationList ? /* @__PURE__ */ jsx19(ChatConversationList, {}) : null,
+      /* @__PURE__ */ jsxs14(Workspace, { children: [
+        showNewChatButton && !showConversationList ? /* @__PURE__ */ jsx19(QuickActions, { renderNewChatTrigger }) : null,
+        /* @__PURE__ */ jsx19(ChatThread, {}),
+        /* @__PURE__ */ jsx19(ChatComposer, {})
       ] })
     ] }) })
   }
@@ -5766,3 +8629,11 @@ export {
   useChatContext,
   useChatStore
 };
+/*! Bundled license information:
+
+tabbable/dist/index.esm.js:
+  (*!
+  * tabbable 6.3.0
+  * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+  *)
+*/