@agentiffai/design 1.3.3 → 1.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1213,6 +1213,10 @@ var AssistantMessageBase = ({
1213
1213
  };
1214
1214
  var AssistantMessage = react.memo(AssistantMessageBase);
1215
1215
  AssistantMessage.displayName = "AssistantMessage";
1216
+ var TOOL_CALL_MARKER_REGEX = /<!--TOOL_CALL:([^:]+):(.+?)-->/g;
1217
+ function stripToolCallMarkers(content) {
1218
+ return content.replace(TOOL_CALL_MARKER_REGEX, "").trim();
1219
+ }
1216
1220
  var GenerativeUIContainer = styled4__default.default.div`
1217
1221
  margin-top: ${tokens.spacing.sm};
1218
1222
  margin-bottom: ${tokens.spacing.sm};
@@ -1233,7 +1237,8 @@ var AssistantMessageAdapterBase = ({
1233
1237
  if (isLoading || isGenerating && !message?.content) {
1234
1238
  return /* @__PURE__ */ jsxRuntime.jsx(AssistantThinking, { message: "Thinking..." });
1235
1239
  }
1236
- const content = message?.content || "";
1240
+ const rawContent = message?.content || "";
1241
+ const content = stripToolCallMarkers(rawContent);
1237
1242
  let generativeUIOutput = null;
1238
1243
  const msgWithUI = message;
1239
1244
  if (msgWithUI && typeof msgWithUI.generativeUI === "function") {
@@ -3252,6 +3257,11 @@ var MessageBubble = styled4__default.default.div`
3252
3257
  /* Smooth transitions */
3253
3258
  transition: all ${tokens.transitions.fast};
3254
3259
 
3260
+ /* Ensure long strings don't overflow */
3261
+ overflow: hidden;
3262
+ overflow-wrap: break-word;
3263
+ word-break: break-word;
3264
+
3255
3265
  /* Username styling */
3256
3266
  strong {
3257
3267
  font-size: ${tokens.typography.fontSize.xs};
@@ -3265,6 +3275,8 @@ var MessageContent2 = styled4__default.default.p`
3265
3275
  font-size: ${tokens.typography.fontSize.sm};
3266
3276
  line-height: ${tokens.typography.lineHeight.normal};
3267
3277
  word-wrap: break-word;
3278
+ overflow-wrap: break-word;
3279
+ word-break: break-word;
3268
3280
  white-space: pre-wrap;
3269
3281
  `;
3270
3282
  var MessageTime2 = styled4__default.default.time`