@osdk/react-components 0.33.0 → 0.34.0-main-d24cc61b1e7fde7722d8229ed2b6821f5ce1bf8a

package/build/cjs/public/experimental.cjs

@@ -1,22 +1,23 @@
 'use strict';
 
-var chunkN7TOWLUY_cjs = require('../chunk-N7TOWLUY.cjs');
-var chunkXCZD54BD_cjs = require('../chunk-XCZD54BD.cjs');
-var chunk3MDT2TJK_cjs = require('../chunk-3MDT2TJK.cjs');
-var chunkN5NOB4G4_cjs = require('../chunk-N5NOB4G4.cjs');
-var chunkLYAAHEAS_cjs = require('../chunk-LYAAHEAS.cjs');
+var chunkMSUA3D5M_cjs = require('../chunk-MSUA3D5M.cjs');
+var chunkHM6F2PSA_cjs = require('../chunk-HM6F2PSA.cjs');
+var chunkILBAVINW_cjs = require('../chunk-ILBAVINW.cjs');
+var chunkABKLMCWO_cjs = require('../chunk-ABKLMCWO.cjs');
+var chunkYNECVUTQ_cjs = require('../chunk-YNECVUTQ.cjs');
+var chunk4SBWDLNA_cjs = require('../chunk-4SBWDLNA.cjs');
+var chunkPSXAPQB3_cjs = require('../chunk-PSXAPQB3.cjs');
 require('../chunk-POHAXPLQ.cjs');
-var chunk4AGEVOFW_cjs = require('../chunk-4AGEVOFW.cjs');
+var chunkMV4WJDCS_cjs = require('../chunk-MV4WJDCS.cjs');
 var chunk2YA74OKB_cjs = require('../chunk-2YA74OKB.cjs');
-var chunkOTAWBR27_cjs = require('../chunk-OTAWBR27.cjs');
-var chunkAEFCONAY_cjs = require('../chunk-AEFCONAY.cjs');
-var chunkPFGIO77A_cjs = require('../chunk-PFGIO77A.cjs');
+var chunkS7Z4MCUS_cjs = require('../chunk-S7Z4MCUS.cjs');
+var chunk5JPP5IKU_cjs = require('../chunk-5JPP5IKU.cjs');
 require('../chunk-JKNARBQW.cjs');
 require('../chunk-PUQBJVFU.cjs');
 require('../chunk-CASYBF4M.cjs');
 require('../chunk-XWT6S3FL.cjs');
 require('../chunk-XK4H7EHE.cjs');
-var chunkQWFT3G4W_cjs = require('../chunk-QWFT3G4W.cjs');
+var chunkEOXGPHI7_cjs = require('../chunk-EOXGPHI7.cjs');
 var chunkZMAWPOG5_cjs = require('../chunk-ZMAWPOG5.cjs');
 require('../chunk-VFRZREZV.cjs');
 require('../chunk-C6IPNPMZ.cjs');
@@ -24,131 +25,138 @@ require('../chunk-DWNKXV5E.cjs');
 require('../chunk-HNBSGCSZ.cjs');
 require('../chunk-7LXS66DW.cjs');
 require('../chunk-MD4KDE44.cjs');
-var chunk56CFJTXV_cjs = require('../chunk-56CFJTXV.cjs');
+var chunk73EYJP6Z_cjs = require('../chunk-73EYJP6Z.cjs');
+var chunkKHMOMROL_cjs = require('../chunk-KHMOMROL.cjs');
 var chunkOUJQJQ7N_cjs = require('../chunk-OUJQJQ7N.cjs');
+var chunk3SJODG6U_cjs = require('../chunk-3SJODG6U.cjs');
 var chunkVOROB7KJ_cjs = require('../chunk-VOROB7KJ.cjs');
 var chunkIYJOHKJE_cjs = require('../chunk-IYJOHKJE.cjs');
 var chunkDA22W6ZO_cjs = require('../chunk-DA22W6ZO.cjs');
 var chunkIISDOJPR_cjs = require('../chunk-IISDOJPR.cjs');
-var chunkKHMOMROL_cjs = require('../chunk-KHMOMROL.cjs');
 require('../chunk-UCTQICPR.cjs');
-var chunkD6RQIMMX_cjs = require('../chunk-D6RQIMMX.cjs');
+var chunkRCL5R3P4_cjs = require('../chunk-RCL5R3P4.cjs');
 var chunkPKJFOG2Z_cjs = require('../chunk-PKJFOG2Z.cjs');
-var chunkSUEZQS7M_cjs = require('../chunk-SUEZQS7M.cjs');
-var chunk3SJODG6U_cjs = require('../chunk-3SJODG6U.cjs');
 require('../chunk-MVQKV5BJ.cjs');
-require('../chunk-364UCCB2.cjs');
+require('../chunk-WVRYCKJY.cjs');
 require('../chunk-PZPCRXSV.cjs');
 
 
 
+Object.defineProperty(exports, "VideoViewer", {
+  enumerable: true,
+  get: function () { return chunkMSUA3D5M_cjs.VideoViewer; }
+});
 Object.defineProperty(exports, "XmlViewer", {
   enumerable: true,
-  get: function () { return chunkN7TOWLUY_cjs.XmlViewer; }
+  get: function () { return chunkHM6F2PSA_cjs.XmlViewer; }
+});
+Object.defineProperty(exports, "ExcelViewer", {
+  enumerable: true,
+  get: function () { return chunkILBAVINW_cjs.ExcelViewer; }
 });
 Object.defineProperty(exports, "BaseFilterList", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.BaseFilterList; }
+  get: function () { return chunkABKLMCWO_cjs.BaseFilterList; }
 });
 Object.defineProperty(exports, "FilterInput", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.FilterInput; }
+  get: function () { return chunkABKLMCWO_cjs.FilterInput; }
 });
 Object.defineProperty(exports, "FilterList", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.FilterList; }
+  get: function () { return chunkABKLMCWO_cjs.FilterList; }
 });
 Object.defineProperty(exports, "FilterPopover", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.FilterPopover; }
+  get: function () { return chunkABKLMCWO_cjs.FilterPopover; }
 });
 Object.defineProperty(exports, "NO_VALUE", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.NO_VALUE; }
+  get: function () { return chunkABKLMCWO_cjs.NO_VALUE; }
 });
 Object.defineProperty(exports, "deserializeFilterStates", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.deserializeFilterStates; }
+  get: function () { return chunkABKLMCWO_cjs.deserializeFilterStates; }
 });
 Object.defineProperty(exports, "filterHasActiveState", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.filterHasActiveState; }
+  get: function () { return chunkABKLMCWO_cjs.filterHasActiveState; }
 });
 Object.defineProperty(exports, "getFilterKey", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.getFilterKey; }
+  get: function () { return chunkABKLMCWO_cjs.getFilterKey; }
 });
 Object.defineProperty(exports, "getFilterLabel", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.getFilterLabel; }
+  get: function () { return chunkABKLMCWO_cjs.getFilterLabel; }
 });
 Object.defineProperty(exports, "narrowObjectSet", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.narrowObjectSet; }
+  get: function () { return chunkABKLMCWO_cjs.narrowObjectSet; }
 });
 Object.defineProperty(exports, "serializeFilterStates", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.serializeFilterStates; }
+  get: function () { return chunkABKLMCWO_cjs.serializeFilterStates; }
 });
 Object.defineProperty(exports, "summarizeFilterValue", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.summarizeFilterValue; }
+  get: function () { return chunkABKLMCWO_cjs.summarizeFilterValue; }
 });
 Object.defineProperty(exports, "useFilterListState", {
   enumerable: true,
-  get: function () { return chunkXCZD54BD_cjs.useFilterListState; }
+  get: function () { return chunkABKLMCWO_cjs.useFilterListState; }
 });
 Object.defineProperty(exports, "ImageViewer", {
   enumerable: true,
-  get: function () { return chunk3MDT2TJK_cjs.ImageViewer; }
+  get: function () { return chunkYNECVUTQ_cjs.ImageViewer; }
 });
 Object.defineProperty(exports, "MarkdownViewerMedia", {
   enumerable: true,
-  get: function () { return chunkN5NOB4G4_cjs.MarkdownViewerMedia; }
+  get: function () { return chunk4SBWDLNA_cjs.MarkdownViewerMedia; }
 });
 Object.defineProperty(exports, "BaseTable", {
   enumerable: true,
-  get: function () { return chunkLYAAHEAS_cjs.BaseTable; }
+  get: function () { return chunkPSXAPQB3_cjs.BaseTable; }
 });
 Object.defineProperty(exports, "ColumnConfigDialog", {
   enumerable: true,
-  get: function () { return chunkLYAAHEAS_cjs.ColumnConfigDialog; }
+  get: function () { return chunkPSXAPQB3_cjs.ColumnConfigDialog; }
 });
 Object.defineProperty(exports, "LoadingCell", {
   enumerable: true,
-  get: function () { return chunkLYAAHEAS_cjs.LoadingCell; }
+  get: function () { return chunkPSXAPQB3_cjs.LoadingCell; }
 });
 Object.defineProperty(exports, "LoadingCellContent", {
   enumerable: true,
-  get: function () { return chunkLYAAHEAS_cjs.LoadingCellContent; }
+  get: function () { return chunkPSXAPQB3_cjs.LoadingCellContent; }
 });
 Object.defineProperty(exports, "MultiColumnSortDialog", {
   enumerable: true,
-  get: function () { return chunkLYAAHEAS_cjs.MultiColumnSortDialog; }
+  get: function () { return chunkPSXAPQB3_cjs.MultiColumnSortDialog; }
 });
 Object.defineProperty(exports, "ObjectTable", {
   enumerable: true,
-  get: function () { return chunkLYAAHEAS_cjs.ObjectTable; }
+  get: function () { return chunkPSXAPQB3_cjs.ObjectTable; }
 });
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunk4AGEVOFW_cjs.PdfViewer; }
+  get: function () { return chunkMV4WJDCS_cjs.PdfViewer; }
 });
 Object.defineProperty(exports, "PdfViewerContent", {
   enumerable: true,
-  get: function () { return chunk4AGEVOFW_cjs.PdfViewerContent; }
+  get: function () { return chunkMV4WJDCS_cjs.PdfViewerContent; }
 });
 Object.defineProperty(exports, "PdfViewerProvider", {
   enumerable: true,
-  get: function () { return chunk4AGEVOFW_cjs.PdfViewerProvider; }
+  get: function () { return chunkMV4WJDCS_cjs.PdfViewerProvider; }
 });
 Object.defineProperty(exports, "usePdfViewerContext", {
   enumerable: true,
-  get: function () { return chunk4AGEVOFW_cjs.usePdfViewerContext; }
+  get: function () { return chunkMV4WJDCS_cjs.usePdfViewerContext; }
 });
 Object.defineProperty(exports, "usePdfViewerInstance", {
   enumerable: true,
-  get: function () { return chunk4AGEVOFW_cjs.usePdfViewerInstance; }
+  get: function () { return chunkMV4WJDCS_cjs.usePdfViewerInstance; }
 });
 Object.defineProperty(exports, "OsdkThemeProvider", {
   enumerable: true,
@@ -160,55 +168,51 @@ Object.defineProperty(exports, "useOsdkTheme", {
 });
 Object.defineProperty(exports, "TiffViewerMedia", {
   enumerable: true,
-  get: function () { return chunkOTAWBR27_cjs.TiffViewerMedia; }
-});
-Object.defineProperty(exports, "VideoViewer", {
-  enumerable: true,
-  get: function () { return chunkAEFCONAY_cjs.VideoViewer; }
+  get: function () { return chunkS7Z4MCUS_cjs.TiffViewerMedia; }
 });
 Object.defineProperty(exports, "ActionForm", {
   enumerable: true,
-  get: function () { return chunkPFGIO77A_cjs.ActionForm; }
+  get: function () { return chunk5JPP5IKU_cjs.ActionForm; }
 });
 Object.defineProperty(exports, "BaseForm", {
   enumerable: true,
-  get: function () { return chunkPFGIO77A_cjs.BaseForm; }
+  get: function () { return chunk5JPP5IKU_cjs.BaseForm; }
 });
 Object.defineProperty(exports, "BaseCbacPicker", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.BaseCbacPicker; }
+  get: function () { return chunkEOXGPHI7_cjs.BaseCbacPicker; }
 });
 Object.defineProperty(exports, "BaseCbacPickerDialog", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.BaseCbacPickerDialog; }
+  get: function () { return chunkEOXGPHI7_cjs.BaseCbacPickerDialog; }
 });
 Object.defineProperty(exports, "CbacBannerPopover", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.CbacBannerPopover; }
+  get: function () { return chunkEOXGPHI7_cjs.CbacBannerPopover; }
 });
 Object.defineProperty(exports, "CbacPicker", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.CbacPicker; }
+  get: function () { return chunkEOXGPHI7_cjs.CbacPicker; }
 });
 Object.defineProperty(exports, "CbacPickerDialog", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.CbacPickerDialog; }
+  get: function () { return chunkEOXGPHI7_cjs.CbacPickerDialog; }
 });
 Object.defineProperty(exports, "MaxClassificationField", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.MaxClassificationField; }
+  get: function () { return chunkEOXGPHI7_cjs.MaxClassificationField; }
 });
 Object.defineProperty(exports, "computeMarkingStates", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.computeMarkingStates; }
+  get: function () { return chunkEOXGPHI7_cjs.computeMarkingStates; }
 });
 Object.defineProperty(exports, "groupMarkingsByCategory", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.groupMarkingsByCategory; }
+  get: function () { return chunkEOXGPHI7_cjs.groupMarkingsByCategory; }
 });
 Object.defineProperty(exports, "toggleMarking", {
   enumerable: true,
-  get: function () { return chunkQWFT3G4W_cjs.toggleMarking; }
+  get: function () { return chunkEOXGPHI7_cjs.toggleMarking; }
 });
 Object.defineProperty(exports, "BaseCbacBanner", {
   enumerable: true,
@@ -220,16 +224,24 @@ Object.defineProperty(exports, "CbacBanner", {
 });
 Object.defineProperty(exports, "DocumentViewer", {
   enumerable: true,
-  get: function () { return chunk56CFJTXV_cjs.DocumentViewer; }
+  get: function () { return chunk73EYJP6Z_cjs.DocumentViewer; }
 });
 Object.defineProperty(exports, "ViewerType", {
   enumerable: true,
-  get: function () { return chunk56CFJTXV_cjs.ViewerType; }
+  get: function () { return chunk73EYJP6Z_cjs.ViewerType; }
+});
+Object.defineProperty(exports, "BaseVideoViewer", {
+  enumerable: true,
+  get: function () { return chunkKHMOMROL_cjs.BaseVideoViewer; }
 });
 Object.defineProperty(exports, "BaseXmlViewer", {
   enumerable: true,
   get: function () { return chunkOUJQJQ7N_cjs.BaseXmlViewer; }
 });
+Object.defineProperty(exports, "BaseExcelViewer", {
+  enumerable: true,
+  get: function () { return chunk3SJODG6U_cjs.BaseExcelViewer; }
+});
 Object.defineProperty(exports, "BaseImageViewer", {
   enumerable: true,
   get: function () { return chunkVOROB7KJ_cjs.BaseImageViewer; }
@@ -310,25 +322,13 @@ Object.defineProperty(exports, "TiffRenderer", {
   enumerable: true,
   get: function () { return chunkIISDOJPR_cjs.TiffRenderer; }
 });
-Object.defineProperty(exports, "BaseVideoViewer", {
-  enumerable: true,
-  get: function () { return chunkKHMOMROL_cjs.BaseVideoViewer; }
-});
 Object.defineProperty(exports, "EmailViewer", {
   enumerable: true,
-  get: function () { return chunkD6RQIMMX_cjs.EmailViewer; }
+  get: function () { return chunkRCL5R3P4_cjs.EmailViewer; }
 });
 Object.defineProperty(exports, "BaseEmailViewer", {
   enumerable: true,
   get: function () { return chunkPKJFOG2Z_cjs.BaseEmailViewer; }
 });
-Object.defineProperty(exports, "ExcelViewer", {
-  enumerable: true,
-  get: function () { return chunkSUEZQS7M_cjs.ExcelViewer; }
-});
-Object.defineProperty(exports, "BaseExcelViewer", {
-  enumerable: true,
-  get: function () { return chunk3SJODG6U_cjs.BaseExcelViewer; }
-});
 //# sourceMappingURL=experimental.cjs.map
 //# sourceMappingURL=experimental.cjs.map

package/build/esm/aip-agent-chat/AipAgentChat.js

@@ -0,0 +1,113 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { foundryModel } from "@osdk/aip-core";
+import { useChat } from "@osdk/react/experimental/aip";
+import * as React from "react";
+import { BaseAipAgentChat } from "./BaseAipAgentChat.js";
+import { AipAgentChatModelPicker } from "./components/AipAgentChatModelPicker.js";
+const FALLBACK_MODEL_API_NAME = "gpt-4o";
+
+/**
+ * OSDK-aware chat surface backed by Foundry's Language Model Service.
+ * Constructs the LMS-backed model internally and uses `useChat` to
+ * manage conversation state, so consumers never need to import `useChat`,
+ * `streamText`, or `foundryModel` themselves.
+ */
+export function AipAgentChat({
+  client,
+  model: controlledModel,
+  defaultModel,
+  availableModels,
+  onModelChange,
+  system,
+  initialMessages,
+  className,
+  placeholder,
+  enableAutoScroll,
+  onError,
+  onFinish,
+  renderEmptyState,
+  renderMessage
+}) {
+  // Internal state used only in uncontrolled mode. Initialized once
+  // from the first available source: `controlledModel` → `defaultModel`
+  // → first entry of `availableModels` → `FALLBACK_MODEL_API_NAME`.
+  const [internalModel, setInternalModel] = React.useState(() => controlledModel ?? defaultModel ?? availableModels?.[0] ?? FALLBACK_MODEL_API_NAME);
+  const isControlled = controlledModel != null;
+  const activeModel = isControlled ? controlledModel : internalModel;
+  const handleModelChange = React.useCallback(next => {
+    if (!isControlled) {
+      setInternalModel(next);
+    }
+    onModelChange?.(next);
+  }, [isControlled, onModelChange]);
+  const model = React.useMemo(() => foundryModel({
+    client,
+    model: activeModel
+  }), [client, activeModel]);
+  const {
+    messages,
+    status,
+    error,
+    sendMessage,
+    stop,
+    clearError
+  } = useChat({
+    model,
+    system,
+    messages: initialMessages,
+    onError,
+    onFinish
+  });
+
+  // Snap the uncontrolled model to the first available option whenever the
+  // current selection isn't in `availableModels` (e.g. on first async resolve).
+  React.useEffect(() => {
+    if (isControlled || availableModels == null || availableModels.length === 0) {
+      return;
+    }
+    if (!availableModels.includes(internalModel)) {
+      setInternalModel(availableModels[0]);
+    }
+  }, [isControlled, availableModels, internalModel]);
+  const handleSendMessage = React.useCallback(text => {
+    return sendMessage({
+      text
+    });
+  }, [sendMessage]);
+  const composerFooter = availableModels != null && availableModels.length > 0 ? /*#__PURE__*/React.createElement(AipAgentChatModelPicker, {
+    activeModel: activeModel,
+    models: availableModels,
+    onModelChange: handleModelChange,
+    disabled: status === "submitted" || status === "streaming"
+  }) : undefined;
+  return /*#__PURE__*/React.createElement(BaseAipAgentChat, {
+    className: className,
+    composerFooter: composerFooter,
+    enableAutoScroll: enableAutoScroll,
+    messages: messages,
+    status: status,
+    error: error,
+    onClearError: clearError,
+    onSendMessage: handleSendMessage,
+    onStop: stop,
+    placeholder: placeholder,
+    renderEmptyState: renderEmptyState,
+    renderMessage: renderMessage
+  });
+}
+//# sourceMappingURL=AipAgentChat.js.map

package/build/esm/aip-agent-chat/AipAgentChat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AipAgentChat.js","names":["foundryModel","useChat","React","BaseAipAgentChat","AipAgentChatModelPicker","FALLBACK_MODEL_API_NAME","AipAgentChat","client","model","controlledModel","defaultModel","availableModels","onModelChange","system","initialMessages","className","placeholder","enableAutoScroll","onError","onFinish","renderEmptyState","renderMessage","internalModel","setInternalModel","useState","isControlled","activeModel","handleModelChange","useCallback","next","useMemo","messages","status","error","sendMessage","stop","clearError","useEffect","length","includes","handleSendMessage","text","composerFooter","createElement","models","disabled","undefined","onClearError","onSendMessage","onStop"],"sources":["AipAgentChat.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { foundryModel } from \"@osdk/aip-core\";\nimport { useChat } from \"@osdk/react/experimental/aip\";\nimport * as React from \"react\";\nimport type { AipAgentChatProps } from \"./AipAgentChatApi.js\";\nimport { BaseAipAgentChat } from \"./BaseAipAgentChat.js\";\nimport { AipAgentChatModelPicker } from \"./components/AipAgentChatModelPicker.js\";\n\nexport type { AipAgentChatProps } from \"./AipAgentChatApi.js\";\n\nconst FALLBACK_MODEL_API_NAME = \"gpt-4o\";\n\n/**\n * OSDK-aware chat surface backed by Foundry's Language Model Service.\n * Constructs the LMS-backed model internally and uses `useChat` to\n * manage conversation state, so consumers never need to import `useChat`,\n * `streamText`, or `foundryModel` themselves.\n */\nexport function AipAgentChat({\n  client,\n  model: controlledModel,\n  defaultModel,\n  availableModels,\n  onModelChange,\n  system,\n  initialMessages,\n  className,\n  placeholder,\n  enableAutoScroll,\n  onError,\n  onFinish,\n  renderEmptyState,\n  renderMessage,\n}: AipAgentChatProps): React.ReactElement {\n  // Internal state used only in uncontrolled mode. Initialized once\n  // from the first available source: `controlledModel` → `defaultModel`\n  // → first entry of `availableModels` → `FALLBACK_MODEL_API_NAME`.\n  const [internalModel, setInternalModel] = React.useState<string>(\n    () =>\n      controlledModel\n        ?? defaultModel\n        ?? availableModels?.[0]\n        ?? FALLBACK_MODEL_API_NAME,\n  );\n\n  const isControlled = controlledModel != null;\n  const activeModel = isControlled ? controlledModel : internalModel;\n\n  const handleModelChange = React.useCallback(\n    (next: string) => {\n      if (!isControlled) {\n        setInternalModel(next);\n      }\n      onModelChange?.(next);\n    },\n    [isControlled, onModelChange],\n  );\n\n  const model = React.useMemo(\n    () => foundryModel({ client, model: activeModel }),\n    [client, activeModel],\n  );\n\n  const {\n    messages,\n    status,\n    error,\n    sendMessage,\n    stop,\n    clearError,\n  } = useChat({\n    model,\n    system,\n    messages: initialMessages,\n    onError,\n    onFinish,\n  });\n\n  // Snap the uncontrolled model to the first available option whenever the\n  // current selection isn't in `availableModels` (e.g. on first async resolve).\n  React.useEffect(() => {\n    if (\n      isControlled || availableModels == null || availableModels.length === 0\n    ) {\n      return;\n    }\n    if (!availableModels.includes(internalModel)) {\n      setInternalModel(availableModels[0]);\n    }\n  }, [isControlled, availableModels, internalModel]);\n\n  const handleSendMessage = React.useCallback(\n    (text: string) => {\n      return sendMessage({ text });\n    },\n    [sendMessage],\n  );\n\n  const isInFlight = status === \"submitted\" || status === \"streaming\";\n\n  const composerFooter = availableModels != null && availableModels.length > 0\n    ? (\n      <AipAgentChatModelPicker\n        activeModel={activeModel}\n        models={availableModels}\n        onModelChange={handleModelChange}\n        disabled={isInFlight}\n      />\n    )\n    : undefined;\n\n  return (\n    <BaseAipAgentChat\n      className={className}\n      composerFooter={composerFooter}\n      enableAutoScroll={enableAutoScroll}\n      messages={messages}\n      status={status}\n      error={error}\n      onClearError={clearError}\n      onSendMessage={handleSendMessage}\n      onStop={stop}\n      placeholder={placeholder}\n      renderEmptyState={renderEmptyState}\n      renderMessage={renderMessage}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/aip-agent-chat/AipAgentChat.module.css

@@ -0,0 +1,231 @@
+.chat {
+  background: var(--osdk-aip-agent-chat-background);
+  border: 1px solid var(--osdk-aip-agent-chat-border-color);
+  border-radius: var(--osdk-aip-agent-chat-border-radius);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+  width: 100%;
+}
+
+.messageList {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: var(--osdk-aip-agent-chat-message-gap);
+  min-height: 0;
+  overflow-y: auto;
+  padding: var(--osdk-aip-agent-chat-padding);
+}
+
+.messageList:not(.empty) > * {
+  max-width: var(--osdk-aip-agent-chat-content-max-width);
+  width: 100%;
+}
+
+.empty {
+  align-items: center;
+  color: var(--osdk-aip-agent-chat-empty-color);
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: var(--osdk-aip-agent-chat-message-gap);
+  justify-content: center;
+  padding: var(--osdk-aip-agent-chat-padding);
+  text-align: center;
+}
+
+.emptyIcon {
+  color: var(--osdk-aip-agent-chat-empty-icon-color);
+  font-size: var(--osdk-aip-agent-chat-empty-icon-size);
+}
+
+.emptyTitle {
+  color: var(--osdk-typography-color-default-rest);
+  font-size: var(--osdk-typography-size-body-large);
+  font-weight: var(--osdk-typography-weight-bold);
+}
+
+.message {
+  display: flex;
+  flex-direction: column;
+}
+
+.userMessage {
+  align-items: flex-end;
+}
+
+.assistantMessage {
+  align-items: flex-start;
+}
+
+.systemMessage {
+  align-items: center;
+}
+
+.bubble {
+  border-radius: var(--osdk-aip-agent-chat-bubble-border-radius);
+  max-width: var(--osdk-aip-agent-chat-bubble-max-width);
+  overflow-wrap: break-word;
+  padding: var(--osdk-aip-agent-chat-bubble-padding);
+  text-align: left;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.userBubble {
+  background: var(--osdk-aip-agent-chat-user-bubble-background);
+  border-radius: var(--osdk-aip-agent-chat-user-bubble-border-radius);
+  color: var(--osdk-aip-agent-chat-user-bubble-color);
+}
+
+.assistantBubble {
+  background: transparent;
+  color: var(--osdk-aip-agent-chat-assistant-bubble-color);
+  padding: 0;
+}
+
+.systemBubble {
+  background: var(--osdk-background-tertiary);
+  color: var(--osdk-typography-color-muted);
+  font-size: var(--osdk-typography-size-body-small);
+  font-style: italic;
+}
+
+.streamingPlaceholder {
+  color: var(--osdk-typography-color-muted);
+}
+
+.composer {
+  align-items: center;
+  background: var(--osdk-aip-agent-chat-composer-background);
+
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  gap: var(--osdk-aip-agent-chat-section-gap);
+  padding: var(--osdk-aip-agent-chat-padding);
+}
+
+.composer > * {
+  max-width: var(--osdk-aip-agent-chat-content-max-width);
+  width: 100%;
+}
+
+.inputWrapper {
+  background: var(--osdk-background-primary);
+  border: 1px solid var(--osdk-surface-border-color-default);
+  border-radius: var(--osdk-aip-agent-chat-composer-border-radius);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.inputWrapper:focus-within {
+  border-color: var(--osdk-emphasis-focus-color);
+}
+
+.textarea {
+  background: transparent;
+  border: none;
+  color: var(--osdk-typography-color-default-rest);
+  font-family: inherit;
+  font-size: var(--osdk-typography-size-body-medium);
+  line-height: var(--osdk-typography-line-height-default);
+  max-height: var(--osdk-aip-agent-chat-composer-textarea-max-height);
+  min-height: var(--osdk-aip-agent-chat-composer-textarea-min-height);
+  outline: none;
+  padding: var(--osdk-aip-agent-chat-section-gap);
+  resize: none;
+  width: 100%;
+}
+
+.inputActions {
+  align-items: center;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0 var(--osdk-aip-agent-chat-section-gap)
+    var(--osdk-aip-agent-chat-section-gap);
+}
+
+.composerFooterLeft {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  gap: var(--osdk-aip-agent-chat-section-gap);
+  min-width: 0;
+}
+
+.modelPicker {
+  background: var(--osdk-background-primary);
+  border: 1px solid var(--osdk-surface-border-color-default);
+  border-radius: var(--osdk-aip-agent-chat-border-radius);
+  color: var(--osdk-typography-color-default-rest);
+  font-family: inherit;
+  font-size: var(--osdk-typography-size-body-small);
+  outline: none;
+  padding: calc(var(--osdk-surface-spacing) * 1)
+    calc(var(--osdk-surface-spacing) * 2);
+}
+
+.modelPicker:focus {
+  border-color: var(--osdk-emphasis-focus-color);
+}
+
+.modelPicker:disabled {
+  cursor: not-allowed;
+  opacity: 0.6;
+}
+
+.modelPickerLabel {
+  color: var(--osdk-typography-color-muted);
+  font-size: var(--osdk-typography-size-body-small);
+}
+
+.loader {
+  align-items: center;
+  color: var(--osdk-aip-agent-chat-loader-color);
+  display: inline-flex;
+  gap: var(--osdk-aip-agent-chat-loader-dot-gap);
+}
+
+.loaderDot {
+  animation-duration: 1.4s;
+  animation-iteration-count: infinite;
+  animation-name: aipAgentChatLoaderBounce;
+  animation-timing-function: ease-in-out;
+  background: currentColor;
+  border-radius: 50%;
+  display: inline-block;
+  height: var(--osdk-aip-agent-chat-loader-dot-size);
+  width: var(--osdk-aip-agent-chat-loader-dot-size);
+}
+
+.loaderDot:nth-child(1) {
+  animation-delay: 0s;
+}
+
+.loaderDot:nth-child(2) {
+  animation-delay: 0.2s;
+}
+
+.loaderDot:nth-child(3) {
+  animation-delay: 0.4s;
+}
+
+@keyframes aipAgentChatLoaderBounce {
+  0%,
+  60%,
+  100% {
+    opacity: 0.3;
+    transform: translateY(0);
+  }
+
+  30% {
+    opacity: 1;
+    transform: translateY(-25%);
+  }
+}