@glodon-aiot/agent-cli-ui 0.0.0-20251106104234

package/README.git.md

@@ -0,0 +1,73 @@
+git 使用文档 | [组件库使用文档](./README.lib.md)
+
+## 模板工程使用：
+
+### 模板代码拉取与安装
+
+`git clone https://geek.glodon.com/scm/gos/aiot-standard-frontend.git`，克隆代码。
+
+`yarn install`,安装项目所有依赖。
+
+yarn 安装可参考：https://blog.csdn.net/qq_45112637/article/details/125543953
+
+`yarn start`，运行模板项目。
+
+### 贡献代码
+
+`git switch master`，切换分支 master。
+
+`git pull`，获取 master 最新代码。
+
+`git switch –c feature/xxx`，在 master 分支下创建并切换到新分支 feature/xxx。
+
+在新分支编写代码。
+
+`git add .`，把所有文件修改添加到暂存区。
+
+`git commit -m "备注信息"`，将暂存区内容添加到本地仓库。
+
+`git push`，把本地仓库的更新推到远程仓库。
+
+分支代码完成后提 PR，将分支`feature/xxx`merge 到 develop 分支。
+
+- 若有冲突，`git switch feature/xxx`切换到该分支，然后`git pull origin develop`，手动解决冲突之后再次提交代码。
+- 没有冲突且测试没有问题，再提 PR，将 develop 分支 merge 到 master 分支。
+
+### 更换远程仓库
+
+**可向自己的代码仓库提交代码，不要在模板项目上提交代码哦~**
+
+关联远程库例子：`git remote add origin git@server-name:path/repo-name.git`，可参考https://www.liaoxuefeng.com/wiki/896043488029600/898732864121440。
+
+`git add .`，把所有文件修改添加到暂存区。
+
+`git commit -m "备注信息"`，将暂存区内容添加到本地仓库。
+
+`git push`，把本地仓库的更新推到远程仓库。
+
+## 代码提交规范:
+
+[@commitlint/config-conventional](https://github.com/conventional-changelog/commitlint/tree/master/@commitlint/config-conventional)
+
+```
+{
+  'build': 打包
+  'chore': 性能,
+  'ci': 脚手架/工程化,
+  'docs': 文档,
+  'feat' : 新功能,
+  'fix': 修改bug,
+  'perf': 性能优化,
+  'refactor': 重构,
+  'revert'： 回退,
+  'style': 样式,
+  'test': 单元测试
+}
+```
+
+举个例子
+```
+git commit -m "fix: some bug"
+
+git commit -m "feat: some feautre"
+```

package/README.lib.md

@@ -0,0 +1,135 @@
+[git 使用文档](./README.git.md) | 组件库使用文档
+
+## 组件库使用文档
+
+### 项目结构
+
+```
+sdk/
+ |-.husky
+ |-.storybook
+ |-dist/
+ |-example/
+   |-App.tsx
+   |-main.tsx
+ |-node_modules/
+ |-packages/
+   |-api/
+     |-common
+       |-base.api.ts
+       |-base.model.ts
+     |-panorama
+       |-index.ts
+       |-model.ts
+     |-index.ts
+   |-react-biz-components/
+     |-PanoramaMap
+       |-index.ts
+       |-style.less
+   |-react-components/
+     |-Button
+       |-index.ts
+       |-style.less
+   |-index.tsx
+ |-public/
+ |-stories/
+   |-Button/
+     |-Button.stories.tsx
+ |-package.json
+ |-index.html
+ |-vite.config
+```
+
+| 目录/文件  | 作用介绍                    |
+| ---------- | --------------------------- |
+| .storybook | 文档预览服务的配置文件      |
+| dist       | 打包文件，上传到 npm 上的包 |
+| example    | 开发组件挂在在 root         |
+| packages   | 需要开发的组件              |
+| stories    | 需要生成预览文档的组件      |
+
+#### 组件开发
+
+1、项目启动： `npm run dev`
+
+2、预览：`http://localhost:3000`
+
+3、App.tsx 中引入 packages 中开发的组件，example 中示例如下：
+
+```
+import React from 'react';
+import { Button } from '../packages/index';
+const Test = () => {
+  return (
+    <div>
+      <Button label="按钮" primary></Button>
+    </div>
+  );
+};
+
+export default Test;
+```
+
+### 组件发布
+
+1、执行`npm run build`打包文件
+
+2、命令行使用`npm login`登录 npm
+
+3、使用`npm publish`发布
+
+package.json 上定义的基础入口信息和类型声明
+
+```
+  {
+	  "name": "aiot-panorama-jssdk",
+	  "private": false,
+	  "version": "0.0.2",
+	  "description": "React components",
+	  "type": "module",
+	  "keywords": [
+      "react",
+      "react-component"
+	  ],
+	  "files": [
+      "dist"
+	  ],
+	  "main": "./dist/aiot-panorama-jssdk.umd.cjs",
+	  "module": "./dist/aiot-panorama-jssdk.js",
+	  "typings": "./dist/index.d.ts",
+	  "exports": {
+      ".": {
+        "import": "./dist/aiot-panorama-jssdk.js",
+        "require": "./dist/aiot-panorama-jssdk.umd.cjs"
+      },
+      "./style.css": "./dist/style.css"
+	  },
+	  "repository": "",
+	  "author": "gspace",
+	  "license": "MIT"
+  }
+```
+
+### 组件使用
+
+#### 安装
+
+```bash
+yarn add aiot-panorama-jssdk
+```
+
+#### 使用
+
+```
+import { Button } from 'aiot-panorama-jssdk';
+import "aiot-panorama-jssdk/style.css"
+
+<Button label="按钮" primary></Button>
+
+```
+
+附：
+
+[storybook 中文使用文档](https://storybook.js.org/tutorials/design-systems-for-developers/react/zh-CN/document/)
+
+[storybook 英文使用文档](https://storybook.js.org/docs/react/get-started/introduction)

package/dist/es/AgentClientUI.mjs

@@ -0,0 +1,150 @@
+var K = Object.defineProperty, Q = Object.defineProperties;
+var X = Object.getOwnPropertyDescriptors;
+var x = Object.getOwnPropertySymbols;
+var Y = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable;
+var y = (o, t, e) => t in o ? K(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, f = (o, t) => {
+  for (var e in t || (t = {}))
+    Y.call(t, e) && y(o, e, t[e]);
+  if (x)
+    for (var e of x(t))
+      Z.call(t, e) && y(o, e, t[e]);
+  return o;
+}, g = (o, t) => Q(o, X(t));
+import { jsx as s, jsxs as R } from "react/jsx-runtime";
+import { forwardRef as _, useRef as S, useState as m, useEffect as U, useImperativeHandle as B } from "react";
+/* empty css             */import { AgentClientProvider as z } from "./context.mjs";
+import { Resizable as ee } from "react-resizable";
+import te from "./Dialog/index.mjs";
+import { SessionProvider as ne } from "./context/SessionContext.mjs";
+import { ConfigProvider as k, Spin as oe, Button as A } from "antd";
+import ie from "antd/es/locale/zh_CN";
+const xe = _((o, t) => {
+  const {
+    className: e,
+    triggerButton: r,
+    size: n,
+    theme: L,
+    icon: p,
+    docViewerUrl: $,
+    token: se,
+    debug: le,
+    env: re,
+    plugins: ae,
+    mcp: de,
+    footer: H,
+    defaultInput: P,
+    onComment: j,
+    onSessionLoad: M,
+    onSessionUnload: T,
+    onMessage: W,
+    beforeMessageSend: D,
+    bodyStyle: u,
+    apiUrl: me,
+    sessionId: E,
+    disabled: O,
+    transform: V,
+    features: q,
+    stream: ce,
+    agentClient: c,
+    application: a
+  } = o, b = S(null), [F, he] = m(!1), [C, G] = m(), [i, v] = m(n), [w, I] = m(o.open), d = S(null);
+  U(() => {
+    a && (console.log("[AgentClientUI] token", c, a), G(a.id));
+  }, [a]), k.config({
+    theme: L
+  }), U(() => {
+    n && v(n);
+  }, [n]);
+  const J = (l, {
+    element: h,
+    size: N
+  }) => {
+    v({
+      width: Number(N.width),
+      height: N.height
+    });
+  };
+  return B(t, () => ({
+    createSession: (l) => {
+      var h;
+      return (h = d.current) == null ? void 0 : h.createSession(l);
+    },
+    getSessionList: () => {
+      var l;
+      return (l = d.current) == null ? void 0 : l.getSessionList();
+    },
+    // 新增：获取当前输入框内容
+    getCurrentInputText: () => {
+      var l;
+      return (l = d.current) == null ? void 0 : l.getCurrentInputText();
+    }
+  })), /* @__PURE__ */ s(k, {
+    locale: ie,
+    children: /* @__PURE__ */ R(z, {
+      value: g(f({}, o), {
+        popupContainer: b,
+        agentClient: c,
+        footer: H,
+        defaultInput: P,
+        onComment: j,
+        onSessionLoad: M,
+        onSessionUnload: T,
+        onMessage: W,
+        beforeMessageSend: D,
+        bodyStyle: u,
+        disabled: O,
+        transform: V,
+        features: q
+      }),
+      children: [/* @__PURE__ */ s(ee, {
+        height: (i == null ? void 0 : i.height) || "100%",
+        width: (i == null ? void 0 : i.width) || "100%",
+        maxConstraints: [document.body.clientWidth - 45],
+        minConstraints: [Number(n == null ? void 0 : n.minWidth)],
+        onResize: J,
+        handle: /* @__PURE__ */ s("span", {
+          className: "resize-handle-ew"
+        }),
+        resizeHandles: e == "float" ? ["w"] : [],
+        children: /* @__PURE__ */ R("div", {
+          id: "dialog-modal",
+          className: `gbot-dialog-modal ${e} ${w ? "opened" : "closed"}`,
+          style: g(f({}, n), {
+            width: e == "float" ? i == null ? void 0 : i.width : n == null ? void 0 : n.width,
+            height: e === "float" ? i == null ? void 0 : i.height : n == null ? void 0 : n.height,
+            maxHeight: "100vh"
+          }),
+          ref: b,
+          children: [F ? /* @__PURE__ */ s("div", {
+            className: "loading",
+            children: /* @__PURE__ */ s(oe, {})
+          }) : C && c ? /* @__PURE__ */ s(ne, {
+            children: /* @__PURE__ */ s(te, {
+              ref: d,
+              appId: C,
+              docViewerUrl: $,
+              bodyStyle: u,
+              sessionId: E
+            })
+          }) : null, (r == null ? void 0 : r.visible) && /* @__PURE__ */ s(A, {
+            className: "trigger-btn close-btn",
+            icon: /* @__PURE__ */ s("img", {
+              src: p
+            }),
+            onClick: () => I(!1)
+          })]
+        })
+      }), (r == null ? void 0 : r.visible) && !w && /* @__PURE__ */ s(A, {
+        className: `${e}-trigger-btn open-btn`,
+        style: r.style,
+        icon: /* @__PURE__ */ s("img", {
+          src: p
+        }),
+        onClick: () => I(!0)
+      })]
+    })
+  });
+});
+export {
+  xe as default
+};

package/dist/es/Dialog/AgentChat/HistoryItem/FileItem/index.mjs

@@ -0,0 +1,95 @@
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { useContext as b, useState as x, useEffect as v } from "react";
+/* empty css             */import { Typography as w, message as m } from "antd";
+import { getFileExtension as C, formatFileSize as y, isValidImageUrlWithAnyExtension as I } from "../../../../utils/index.mjs";
+import E from "../../../../context.mjs";
+import { FILE_ICONS as U } from "../../../../constant.mjs";
+const K = (u) => {
+  const {
+    currentSession: c,
+    fileId: d,
+    file: s,
+    docViewerUrl: f
+  } = u, {
+    service: l,
+    popupContainer: r
+  } = b(E), [e, h] = x(), [t, p] = x("");
+  v(() => {
+    var n;
+    if (s != null && s.id) {
+      h(s);
+      const i = C(s == null ? void 0 : s.name) || "";
+      p(i);
+    } else {
+      if (!d || !((n = c == null ? void 0 : c.data) != null && n.id))
+        return;
+      l == null || l.getSessionKnowledgeFile(c.data.id, d).then((i) => {
+        h(i);
+        const N = C(i == null ? void 0 : i.name) || "";
+        p(N);
+      });
+    }
+  }, []);
+  const F = (n) => {
+    if (!(n != null && n.url)) {
+      m.config({
+        getContainer: () => (r == null ? void 0 : r.current) || document.body,
+        prefixCls: "gbot-message"
+      }), m.error("链接不存在"), m.config({
+        getContainer: void 0,
+        prefixCls: "gbot-message"
+      });
+      return;
+    }
+    if (!I(n.url)) {
+      m.config({
+        getContainer: () => (r == null ? void 0 : r.current) || document.body,
+        prefixCls: "gbot-message"
+      }), m.error("链接格式不正确"), m.config({
+        getContainer: void 0,
+        prefixCls: "gbot-message"
+      });
+      return;
+    }
+    window.open(`${f}#/doc?url=${encodeURIComponent(n == null ? void 0 : n.url)}`);
+  };
+  return /* @__PURE__ */ g("div", {
+    className: "file-item",
+    onClick: () => F(e),
+    children: [/* @__PURE__ */ o("div", {
+      className: "item-left",
+      children: /* @__PURE__ */ o("img", {
+        className: "file-icon",
+        src: U[t]
+      })
+    }), /* @__PURE__ */ g("div", {
+      className: "item-main",
+      children: [/* @__PURE__ */ o("div", {
+        className: "file-name",
+        children: /* @__PURE__ */ o(w.Paragraph, {
+          style: {
+            margin: 0,
+            width: "100%"
+          },
+          ellipsis: {
+            rows: 1,
+            tooltip: e == null ? void 0 : e.name
+          },
+          children: e == null ? void 0 : e.name
+        })
+      }), /* @__PURE__ */ g("div", {
+        className: "file-desc",
+        children: [/* @__PURE__ */ o("span", {
+          children: t == null ? void 0 : t.toUpperCase()
+        }), /* @__PURE__ */ o("span", {
+          children: "，"
+        }), /* @__PURE__ */ o("span", {
+          children: y((e == null ? void 0 : e.size) || 0)
+        })]
+      })]
+    })]
+  });
+};
+export {
+  K as default
+};

package/dist/es/Dialog/AgentChat/HistoryItem/InputProgress/index.mjs

@@ -0,0 +1,38 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+/* empty css             */const o = (n) => {
+  const {
+    text: i,
+    size: s = 12
+  } = n;
+  return /* @__PURE__ */ e("span", {
+    className: "input-progress",
+    children: [/* @__PURE__ */ e("span", {
+      className: "progress-point",
+      children: [/* @__PURE__ */ t("div", {
+        className: "point point1",
+        style: {
+          width: s,
+          height: s
+        }
+      }), /* @__PURE__ */ t("div", {
+        className: "point point2",
+        style: {
+          width: s,
+          height: s
+        }
+      }), /* @__PURE__ */ t("div", {
+        className: "point point3",
+        style: {
+          width: s,
+          height: s
+        }
+      })]
+    }), i ? /* @__PURE__ */ t("span", {
+      className: "progress-waiting",
+      children: i
+    }) : null]
+  });
+};
+export {
+  o as default
+};

package/dist/es/Dialog/AgentChat/HistoryItem/SearchReference/index.mjs

@@ -0,0 +1,101 @@
+import { jsx as e, jsxs as n, Fragment as k } from "react/jsx-runtime";
+import { useState as S } from "react";
+/* empty css             */import { CheckOutlined as w, CloseOutlined as x } from "@ant-design/icons";
+import { Collapse as g, Space as i } from "antd";
+import C from "dayjs";
+import I from "../../../../assets/think.svg.mjs";
+const {
+  Panel: v
+} = g, M = (u) => {
+  var r, h, o, d, m, p;
+  const {
+    history: a,
+    openTarget: N = "_blank",
+    container: l,
+    onShowList: c
+  } = u, [f, R] = S(!1), t = a.searchingStatus ? a.searchingStatus : (r = a.searchReference) != null && r.length ? "end" : "";
+  return t ? /* @__PURE__ */ e("div", {
+    className: "search-reference",
+    children: /* @__PURE__ */ n("div", {
+      className: "item-bot-plugin",
+      onClick: () => {
+        R(!f);
+      },
+      children: [t === "start" && /* @__PURE__ */ n(k, {
+        children: [/* @__PURE__ */ e("img", {
+          src: I,
+          alt: ""
+        }), /* @__PURE__ */ e("span", {
+          children: "正在搜索…"
+        })]
+      }), t === "end" && /* @__PURE__ */ e(g, {
+        ghost: !0,
+        expandIconPosition: "right",
+        onChange: c && (() => {
+          t === "end" && c(a.searchReference, a.messageId);
+        }),
+        children: /* @__PURE__ */ e(v, {
+          collapsible: l ? "disabled" : "icon",
+          showArrow: !!(t === "end" && ((h = a.searchReference) != null && h.length)),
+          header: /* @__PURE__ */ n(i, {
+            size: 8,
+            style: {
+              width: "100%"
+            },
+            children: [/* @__PURE__ */ n("span", {
+              className: "bot-plugin-status",
+              children: [t === "end" && ((o = a.searchReference) == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e("span", {
+                className: "plugin-status-success",
+                children: /* @__PURE__ */ e(w, {})
+              }), t === "end" && !((d = a.searchReference) != null && d.length) && /* @__PURE__ */ e("span", {
+                className: "plugin-status-error",
+                children: /* @__PURE__ */ e(x, {})
+              })]
+            }), t === "end" && /* @__PURE__ */ e("span", {
+              className: "bot-plugin-title",
+              children: (m = a.searchReference) != null && m.length ? `已搜索到${a.searchReference.length}个网页` : "未找到搜索内容，请检查搜索服务"
+            })]
+          }),
+          children: !l && /* @__PURE__ */ e("div", {
+            className: "search-reference-list",
+            children: (p = a.searchReference) == null ? void 0 : p.map((s, b) => /* @__PURE__ */ n(i, {
+              direction: "vertical",
+              className: "search-reference-list-item",
+              onClick: () => {
+                window.open(s.link, N);
+              },
+              size: 12,
+              children: [/* @__PURE__ */ n("span", {
+                className: "search-reference-list-item-title",
+                children: [/* @__PURE__ */ n("span", {
+                  className: "number",
+                  children: [b + 1, "."]
+                }), s.title]
+              }), s.snippet && /* @__PURE__ */ e("span", {
+                className: "search-reference-list-item-content",
+                children: s.snippet
+              }), /* @__PURE__ */ n("div", {
+                className: "search-reference-list-item-footer",
+                children: [/* @__PURE__ */ n(i, {
+                  children: [(s == null ? void 0 : s.siteIcon) && /* @__PURE__ */ e("img", {
+                    className: "logo",
+                    src: s == null ? void 0 : s.siteIcon
+                  }), /* @__PURE__ */ e("span", {
+                    className: "name",
+                    children: s.siteName
+                  })]
+                }), /* @__PURE__ */ e("span", {
+                  className: "time",
+                  children: C(s.ts || s.datePublished).format("YYYY-MM-DD")
+                })]
+              })]
+            }, s.link))
+          })
+        }, "")
+      })]
+    })
+  }) : null;
+};
+export {
+  M as default
+};