@ai-group/chat-sdk 3.5.5 → 3.5.7

package/dist/cjs/components/XAdkThoughtChain/styles.js

@@ -0,0 +1,206 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkThoughtChain/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var blinkAnimation = import_css.keyframes`
+  0%   { background-position-x: -200%; background-position-y: 100%; }
+  25%  { background-position-x: -100%; background-position-y: 100%; }
+  50%  { background-position-x: 0%;    background-position-y: 100%; }
+  75%  { background-position-x: 100%;  background-position-y: 100%; }
+  100% { background-position-x: 200%;  background-position-y: 100%; }
+`;
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  /* --- ThoughtChain --- */
+  thoughtChainBlock: import_css.css`
+    margin-bottom: 16px;
+    border-radius: 8px;
+    overflow: hidden;
+  `,
+  thoughtHeader: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 10px 14px;
+    cursor: pointer;
+    user-select: none;
+    transition: background 0.2s;
+    &:hover {
+      background: #f0f0f0;
+      border-color: #ccc;
+    }
+  `,
+  headerLeft: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  `,
+  caret: import_css.css`
+    font-size: 12px;
+    color: #8194ad;
+    transition: transform 0.2s;
+    &.open {
+      transform: rotate(90deg);
+    }
+  `,
+  statusIcon: import_css.css`
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+  `,
+  headerTitle: import_css.css`
+    font-size: 13px;
+    color: #8194ad;
+    font-weight: 500;
+  `,
+  headerRight: import_css.css``,
+  thinkingBody: import_css.css`
+    padding: 0 16px;
+    animation: fadeIn 0.2s ease-in-out;
+  `,
+  /* --- Timeline --- */
+  timeline: import_css.css`
+    width: 100%;
+  `,
+  timelineItem: import_css.css`
+    display: flex;
+    gap: 12px;
+    position: relative;
+  `,
+  timelineLeft: import_css.css`
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 20px;
+    flex-shrink: 0;
+  `,
+  timelineIcon: import_css.css`
+    color: #8194ad;
+    font-size: 16px;
+    margin-top: 6px;
+  `,
+  timelineIconTool: import_css.css`
+    color: #faad14;
+    font-size: 16px;
+    margin-top: 6px;
+  `,
+  timelineConnector: import_css.css`
+    flex: 1;
+    width: 1px;
+    background-color: #e5e5e5;
+    margin: 4px 0;
+    min-height: 12px;
+  `,
+  /* Hide connector on last item */
+  timelineItemLastConnector: import_css.css`
+    display: none;
+  `,
+  timelineRight: import_css.css`
+    flex: 1;
+    padding-bottom: 8px;
+    min-width: 0;
+  `,
+  collapsibleHeader: import_css.css`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px 8px;
+    margin: 0 -8px 4px -8px;
+    border-radius: 6px;
+    cursor: pointer;
+    transition: all 0.2s;
+    user-select: none;
+
+    &:hover {
+      background: #f5f5f5;
+    }
+  `,
+  titleText: import_css.css`
+    font-size: 13px;
+    font-weight: 600;
+    color: #8194ad;
+  `,
+  toolTitleGroup: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    overflow: hidden;
+  `,
+  toolName: import_css.css`
+    font-size: 13px;
+    font-weight: 600;
+    color: #8194ad;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  `,
+  toolStatusTag: import_css.css`
+    font-size: 11px;
+    color: #52c41a;
+    background: #f6ffed;
+    border: 1px solid #b7eb8f;
+    padding: 0 6px;
+    border-radius: 4px;
+    flex-shrink: 0;
+  `,
+  arrowIcon: import_css.css`
+    font-size: 10px;
+    color: #bbb;
+    margin-left: 8px;
+  `,
+  stepContent: import_css.css`
+    font-size: 13px;
+    color: #8194ad;
+    line-height: 1.6;
+    padding-left: 4px;
+  `,
+  statusInfo: import_css.css`
+    font-size: 12px;
+    color: #8194ad;
+    margin-bottom: 4px;
+    font-style: italic;
+  `,
+  blink: import_css.css`
+    color: #8194ad;
+    background-image: linear-gradient(
+      90deg,
+      transparent,
+      rgba(0, 0, 0, 0.88),
+      transparent
+    );
+    background-clip: text;
+    -webkit-background-clip: text;
+    background-size: 50%;
+    background-repeat: no-repeat;
+    animation-name: ${blinkAnimation};
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+    animation-timing-function: linear;
+    animation-fill-mode: forwards;
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/XAdkThoughtChain/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkThoughtChain/styles.tsx"],
+  "sourcesContent": ["/* eslint-disable import/prefer-default-export */\nimport { css, keyframes } from \"@emotion/css\";\nimport { withBasicStyles, lightBlue, primaryBlue } from \"@/styles/common\";\n\nconst blinkAnimation = keyframes`\n  0%   { background-position-x: -200%; background-position-y: 100%; }\n  25%  { background-position-x: -100%; background-position-y: 100%; }\n  50%  { background-position-x: 0%;    background-position-y: 100%; }\n  75%  { background-position-x: 100%;  background-position-y: 100%; }\n  100% { background-position-x: 200%;  background-position-y: 100%; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  /* --- ThoughtChain --- */\n\n  thoughtChainBlock: css`\n    margin-bottom: 16px;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n\n  thoughtHeader: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 14px;\n    cursor: pointer;\n    user-select: none;\n    transition: background 0.2s;\n    &:hover {\n      background: #f0f0f0;\n      border-color: #ccc;\n    }\n  `,\n\n  headerLeft: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  `,\n\n  caret: css`\n    font-size: 12px;\n    color: #8194ad;\n    transition: transform 0.2s;\n    &.open {\n      transform: rotate(90deg);\n    }\n  `,\n\n  statusIcon: css`\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n  `,\n\n  headerTitle: css`\n    font-size: 13px;\n    color: #8194ad;\n    font-weight: 500;\n  `,\n\n  headerRight: css``,\n\n  thinkingBody: css`\n    padding: 0 16px;\n    animation: fadeIn 0.2s ease-in-out;\n  `,\n\n  /* --- Timeline --- */\n\n  timeline: css`\n    width: 100%;\n  `,\n\n  timelineItem: css`\n    display: flex;\n    gap: 12px;\n    position: relative;\n  `,\n\n  timelineLeft: css`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 20px;\n    flex-shrink: 0;\n  `,\n\n  timelineIcon: css`\n    color: #8194ad;\n    font-size: 16px;\n    margin-top: 6px;\n  `,\n\n  timelineIconTool: css`\n    color: #faad14;\n    font-size: 16px;\n    margin-top: 6px;\n  `,\n\n  timelineConnector: css`\n    flex: 1;\n    width: 1px;\n    background-color: #e5e5e5;\n    margin: 4px 0;\n    min-height: 12px;\n  `,\n\n  /* Hide connector on last item */\n  timelineItemLastConnector: css`\n    display: none;\n  `,\n\n  timelineRight: css`\n    flex: 1;\n    padding-bottom: 8px;\n    min-width: 0;\n  `,\n\n  collapsibleHeader: css`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 5px 8px;\n    margin: 0 -8px 4px -8px;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n    user-select: none;\n\n    &:hover {\n      background: #f5f5f5;\n    }\n  `,\n\n  titleText: css`\n    font-size: 13px;\n    font-weight: 600;\n    color: #8194ad;\n  `,\n\n  toolTitleGroup: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    overflow: hidden;\n  `,\n\n  toolName: css`\n    font-size: 13px;\n    font-weight: 600;\n    color: #8194ad;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  `,\n\n  toolStatusTag: css`\n    font-size: 11px;\n    color: #52c41a;\n    background: #f6ffed;\n    border: 1px solid #b7eb8f;\n    padding: 0 6px;\n    border-radius: 4px;\n    flex-shrink: 0;\n  `,\n\n  arrowIcon: css`\n    font-size: 10px;\n    color: #bbb;\n    margin-left: 8px;\n  `,\n\n  stepContent: css`\n    font-size: 13px;\n    color: #8194ad;\n    line-height: 1.6;\n    padding-left: 4px;\n  `,\n\n  statusInfo: css`\n    font-size: 12px;\n    color: #8194ad;\n    margin-bottom: 4px;\n    font-style: italic;\n  `,\n\n  blink: css`\n    color: #8194ad;\n    background-image: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.88),\n      transparent\n    );\n    background-clip: text;\n    -webkit-background-clip: text;\n    background-size: 50%;\n    background-repeat: no-repeat;\n    animation-name: ${blinkAnimation};\n    animation-duration: 1s;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear;\n    animation-fill-mode: forwards;\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,oBAAwD;AAExD,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhB,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAG9C,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaf,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASP,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,EAMb,aAAa;AAAA,EAEb,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,UAAU;AAAA;AAAA;AAAA,EAIV,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAMd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA,EAMd,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASnB,2BAA2B;AAAA;AAAA;AAAA,EAI3B,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBnB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASV,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUf,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAMX,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOb,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAYa;AAAA;AAAA;AAAA;AAAA;AAAA;AAMtB,EAAE;",
+  "names": []
+}

package/dist/cjs/components/XAiChatbot/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { XAiChatbotProps, ActionItem } from "../../types/XAiChatbot";
+export interface ActionHeaderProps {
+    execute: any[];
+    thinks: string;
+}
+export declare const ActionHeader: React.FC<ActionHeaderProps>;
+export declare const defaultActions: ActionItem[];
+declare const XAiChatbot: React.FC<XAiChatbotProps>;
+export default XAiChatbot;