@hubstr/kit 0.1.3 → 0.1.4

package/editor/src/codemirror/index.ts

@@ -10,7 +10,7 @@ export {
   loadCodeMirror,
 } from './loader';
 export { styles } from './style';
-export { hubstrTheme, hubstrTheme as lobeTheme } from './theme';
+export { hubstrTheme } from './theme';
 export type {
   CodeMirrorLabels,
   CodeMirrorMode,

package/editor/src/plugins/code/plugin/index.ts

@@ -3,6 +3,7 @@ import { $setSelection, LexicalEditor, TextNode } from 'lexical';
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
 import { KernelPlugin } from '../../../editor-kernel/plugin';
 import { $createCursorNode, cursorNodeSerialized } from '../../common';
+import type { LitexmlXmlElement } from '../../litexml';
 import { ILitexmlService } from '../../litexml';
 import { IMarkdownShortCutService } from '../../markdown/service/shortcut';
 import type { IEditorKernel, IEditorPlugin, IEditorPluginConstructor } from '../../../types';
@@ -61,7 +62,7 @@ export const CodePlugin: IEditorPluginConstructor<CodePluginOptions> = class
     litexmlService.registerXMLWriter(CodeNode.getType(), (node, ctx) => {
       return ctx.createXmlNode('codeInline', {});
     });
-    litexmlService.registerXMLReader('codeInline', (xmlElement: Element, children: any[]) => {
+    litexmlService.registerXMLReader('codeInline', (xmlElement: LitexmlXmlElement, children: any[]) => {
       return INodeHelper.createElementNode(CodeNode.getType(), {
         children,
       });

package/editor/src/plugins/codeblock/plugin/index.ts

@@ -22,6 +22,7 @@ import {
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
 import { KernelPlugin } from '../../../editor-kernel/plugin';
 import { IBlockMenuService } from '../../block/service';
+import type { LitexmlXmlElement } from '../../litexml';
 import { ILitexmlService } from '../../litexml';
 import { IMarkdownShortCutService } from '../../markdown/service/shortcut';
 import { IEditorKernel, IEditorPlugin, IEditorPluginConstructor } from '../../../types';
@@ -218,7 +219,7 @@ export const CodeblockPlugin: IEditorPluginConstructor<CodeblockPluginOptions> =
       return xmlNode;
     });
 
-    litexmlService.registerXMLReader('code', (xmlElment: Element, children: any[]) => {
+    litexmlService.registerXMLReader('code', (xmlElment: LitexmlXmlElement, children: any[]) => {
       const text = children.map((v) => v.text || '').join('');
       return INodeHelper.createElementNode(CodeNode.getType(), {
         children: text

package/editor/src/plugins/codemirror-block/plugin/index.ts

@@ -2,6 +2,7 @@ import { $createNodeSelection, $setSelection, DecoratorNode, LexicalEditor } fro
 
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
 import { KernelPlugin } from '../../../editor-kernel/plugin';
+import type { LitexmlXmlElement } from '../../litexml/service/litexml-service';
 import { ILitexmlService } from '../../litexml/service/litexml-service';
 import { IMarkdownShortCutService } from '../../markdown/service/shortcut';
 import { IEditorKernel, IEditorPlugin, IEditorPluginConstructor } from '../../../types';
@@ -66,7 +67,7 @@ export const CodemirrorPlugin: IEditorPluginConstructor<CodemirrorPluginOptions>
       return xmlNode;
     });
 
-    litexmlService.registerXMLReader('code', (xmlElement: Element, children: any[]) => {
+    litexmlService.registerXMLReader('code', (xmlElement: LitexmlXmlElement, children: any[]) => {
       const text = children.map((v) => v.text || '').join('');
       const language = xmlElement.getAttribute('lang') || 'plain';
       return INodeHelper.createTypeNode('code', {

package/editor/src/plugins/common/plugin/index.ts

@@ -31,6 +31,7 @@ import type { LexicalEditor } from 'lexical';
 import { noop } from '../../../editor-kernel';
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
 import { KernelPlugin } from '../../../editor-kernel/plugin';
+import type { LitexmlXmlElement } from '../../litexml';
 import { ILitexmlService } from '../../litexml';
 import { IMarkdownShortCutService } from '../../markdown/service/shortcut';
 import { isPunctuationChar } from '../../markdown/utils';
@@ -568,7 +569,7 @@ export const CommonPlugin: IEditorPluginConstructor<CommonPluginOptions> = class
       sampleReader.bind(this, TEXT_TYPE_TO_FORMAT['underline']),
     );
 
-    litexmlService.registerXMLReader('span', (xmlElement: Element, children: any[]) => {
+    litexmlService.registerXMLReader('span', (xmlElement: LitexmlXmlElement, children: any[]) => {
       const bold = xmlElement.getAttribute('bold');
       const italic = xmlElement.getAttribute('italic');
       const underline = xmlElement.getAttribute('underline');
@@ -615,7 +616,7 @@ export const CommonPlugin: IEditorPluginConstructor<CommonPluginOptions> = class
         return false;
       });
 
-      litexmlService.registerXMLReader('quote', (xmlElement: Element, children: any[]) => {
+      litexmlService.registerXMLReader('quote', (xmlElement: LitexmlXmlElement, children: any[]) => {
         return INodeHelper.createElementNode(QuoteNode.getType(), {
           children,
         });
@@ -633,7 +634,7 @@ export const CommonPlugin: IEditorPluginConstructor<CommonPluginOptions> = class
 
       const headingTags: HeadingTagType[] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
       headingTags.forEach((tag) => {
-        litexmlService.registerXMLReader(tag, (xmlElement: Element, children: any[]) => {
+        litexmlService.registerXMLReader(tag, (xmlElement: LitexmlXmlElement, children: any[]) => {
           return INodeHelper.createElementNode(HeadingNode.getType(), {
             children,
             tag,
@@ -646,7 +647,7 @@ export const CommonPlugin: IEditorPluginConstructor<CommonPluginOptions> = class
       return ctx.createXmlNode('p', {});
     });
 
-    litexmlService.registerXMLReader('p', (xmlElement: Element, children: any[]) => {
+    litexmlService.registerXMLReader('p', (xmlElement: LitexmlXmlElement, children: any[]) => {
       return INodeHelper.createElementNode(ParagraphNode.getType(), {
         children,
       });

package/editor/src/plugins/common/utils/index.ts

@@ -16,9 +16,10 @@ import {
 } from 'lexical';
 
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
+import type { LitexmlXmlElement } from '../../litexml/service/litexml-service';
 import type { ElementTransformer } from '../../markdown/service/transformers';
 
-export const sampleReader = (format: number, xmlElement: Element, children: any[]) => {
+export const sampleReader = (format: number, _xmlElement: LitexmlXmlElement, children: any[]) => {
   children.forEach((child) => {
     if (INodeHelper.isTextNode(child)) {
       child.format = (child.format || 0) | format;

package/editor/src/plugins/file/plugin/index.ts

@@ -11,6 +11,7 @@ import {
 
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
 import { KernelPlugin } from '../../../editor-kernel/plugin';
+import type { LitexmlXmlElement } from '../../litexml';
 import { ILitexmlService } from '../../litexml';
 import { IMarkdownShortCutService } from '../../markdown/service/shortcut';
 import { IUploadService } from '../../upload';
@@ -123,7 +124,7 @@ export const FilePlugin: IEditorPluginConstructor<FilePluginOptions> = class
       return false;
     });
 
-    litexmlService.registerXMLReader('file', (xmlElement: Element) => {
+    litexmlService.registerXMLReader('file', (xmlElement: LitexmlXmlElement) => {
       const name = xmlElement.getAttribute('name') || 'unknown';
       const fileUrl = xmlElement.getAttribute('fileUrl') || '';
       const status = xmlElement.getAttribute('status') as

package/editor/src/plugins/litexml/index.ts

@@ -15,6 +15,7 @@ export { LitexmlPlugin } from './plugin';
 export { ReactLiteXmlPlugin } from './react';
 export { useHasDiffNode } from './react/hooks/useHasDiffNode';
 export type {
+  LitexmlXmlElement,
   XMLReaderFunc,
   XMLReaderRecord,
   XMLWriterFunc,

package/editor/src/plugins/litexml/service/litexml-service.ts

@@ -2,10 +2,20 @@ import type { LexicalNode } from 'lexical';
 
 import { genServiceId } from '../../../editor-kernel';
 
+export interface LitexmlXmlElement {
+  childNodes: ArrayLike<{ nodeType: number; tagName?: string; textContent: string | null }>;
+  getAttribute(name: string): string | null;
+  tagName: string;
+  textContent: string | null;
+}
+
 /**
  * XML Reader function type - converts XML element to Lexical node
  */
-export type XMLReaderFunc = (xmlElement: any, children: any[]) => any | any[] | false;
+export type XMLReaderFunc = (
+  xmlElement: LitexmlXmlElement,
+  children: any[],
+) => any | any[] | false;
 
 /**
  * XML Writer function type - converts Lexical node to XML string

package/editor/src/plugins/table/plugin/index.ts

@@ -17,6 +17,7 @@ import type { ReactNode } from 'react';
 import { INodeHelper } from '../../../editor-kernel/inode/helper';
 import { KernelPlugin } from '../../../editor-kernel/plugin';
 import { IBlockMenuService } from '../../block/service';
+import type { LitexmlXmlElement } from '../../litexml';
 import { ILitexmlService } from '../../litexml';
 import { IMarkdownShortCutService } from '../../markdown/service/shortcut';
 import type { IDecorator, IEditorKernel, IEditorPlugin, IEditorPluginConstructor } from '../../../types';
@@ -384,7 +385,7 @@ export const TablePlugin: IEditorPluginConstructor<TablePluginOptions> = class
       });
     });
 
-    const tdReader = (xmlNode: Element, children: any[]) => {
+    const tdReader = (xmlNode: LitexmlXmlElement, children: any[]) => {
       return INodeHelper.createElementNode(TableCellNode.getType(), {
         backgroundColor: xmlNode.getAttribute('backgroundColor') || null,
         children,

package/icons/es/components/AgentGuideCard/index.js

@@ -1,108 +1,108 @@
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "initialMode", "labels", "mode", "onModeChange", "sections"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Block, Flexbox, Icon, Segmented, Snippet, Text } from '@hubstr/kit/ui';
-import { BotIcon, UserRoundIcon } from 'lucide-react';
-import { memo, useMemo, useState } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var AgentGuideCard = /*#__PURE__*/memo(function (_ref) {
-  var className = _ref.className,
-    _ref$initialMode = _ref.initialMode,
-    initialMode = _ref$initialMode === void 0 ? 'agent' : _ref$initialMode,
-    labels = _ref.labels,
-    mode = _ref.mode,
-    onModeChange = _ref.onModeChange,
-    sections = _ref.sections,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(initialMode),
-    _useState2 = _slicedToArray(_useState, 2),
-    innerMode = _useState2[0],
-    setInnerMode = _useState2[1];
-  var currentMode = mode !== null && mode !== void 0 ? mode : innerMode;
-  var handleModeChange = function handleModeChange(value) {
-    if (!mode) setInnerMode(value);
-    onModeChange === null || onModeChange === void 0 || onModeChange(value);
-  };
-  var content = useMemo(function () {
-    return sections[currentMode];
-  }, [currentMode, sections]);
-  return /*#__PURE__*/_jsxs(Block, _objectSpread(_objectSpread({
-    className: className,
-    flex: 'none',
-    shadow: true,
-    style: {
-      maxWidth: 960
-    },
-    variant: 'outlined',
-    width: '100%'
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Flexbox, {
-      flex: 1,
-      padding: 8,
-      children: /*#__PURE__*/_jsx(Segmented, {
-        block: true,
-        onChange: function onChange(value) {
-          return handleModeChange(value);
-        },
-        options: [{
-          icon: /*#__PURE__*/_jsx(Icon, {
-            icon: BotIcon
-          }),
-          label: labels.agent,
-          value: 'agent'
-        }, {
-          icon: /*#__PURE__*/_jsx(Icon, {
-            icon: UserRoundIcon
-          }),
-          label: labels.human,
-          value: 'human'
-        }],
-        value: currentMode,
-        variant: 'filled'
-      })
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      gap: 8,
-      paddingBlock: '8px 16px',
-      paddingInline: 16,
-      children: [/*#__PURE__*/_jsx(Text, {
-        align: 'center',
-        weight: 500,
-        children: content.description
-      }), content.linkHref && content.linkLabel && /*#__PURE__*/_jsx(Flexbox, {
-        align: 'center',
-        children: /*#__PURE__*/_jsx("a", {
-          href: content.linkHref,
-          rel: 'noreferrer',
-          style: {
-            fontSize: 13
-          },
-          target: '_blank',
-          children: content.linkLabel
-        })
-      }), /*#__PURE__*/_jsx(Snippet, {
-        language: content.commandLanguage || 'shell',
-        style: {
-          fontSize: 12,
-          width: '100%'
-        },
-        children: content.command
-      })]
-    })]
-  }));
-});
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "initialMode", "labels", "mode", "onModeChange", "sections"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Block, Flexbox, Icon, Segmented, Snippet, Text } from '@hubstr/kit/ui';
+import { BotIcon, UserRoundIcon } from 'lucide-react';
+import { memo, useMemo, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var AgentGuideCard = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    _ref$initialMode = _ref.initialMode,
+    initialMode = _ref$initialMode === void 0 ? 'agent' : _ref$initialMode,
+    labels = _ref.labels,
+    mode = _ref.mode,
+    onModeChange = _ref.onModeChange,
+    sections = _ref.sections,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(initialMode),
+    _useState2 = _slicedToArray(_useState, 2),
+    innerMode = _useState2[0],
+    setInnerMode = _useState2[1];
+  var currentMode = mode !== null && mode !== void 0 ? mode : innerMode;
+  var handleModeChange = function handleModeChange(value) {
+    if (!mode) setInnerMode(value);
+    onModeChange === null || onModeChange === void 0 || onModeChange(value);
+  };
+  var content = useMemo(function () {
+    return sections[currentMode];
+  }, [currentMode, sections]);
+  return /*#__PURE__*/_jsxs(Block, _objectSpread(_objectSpread({
+    className: className,
+    flex: 'none',
+    shadow: true,
+    style: {
+      maxWidth: 960
+    },
+    variant: 'outlined',
+    width: '100%'
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(Flexbox, {
+      flex: 1,
+      padding: 8,
+      children: /*#__PURE__*/_jsx(Segmented, {
+        block: true,
+        onChange: function onChange(value) {
+          return handleModeChange(value);
+        },
+        options: [{
+          icon: /*#__PURE__*/_jsx(Icon, {
+            icon: BotIcon
+          }),
+          label: labels.agent,
+          value: 'agent'
+        }, {
+          icon: /*#__PURE__*/_jsx(Icon, {
+            icon: UserRoundIcon
+          }),
+          label: labels.human,
+          value: 'human'
+        }],
+        value: currentMode,
+        variant: 'filled'
+      })
+    }), /*#__PURE__*/_jsxs(Flexbox, {
+      gap: 8,
+      paddingBlock: '8px 16px',
+      paddingInline: 16,
+      children: [/*#__PURE__*/_jsx(Text, {
+        align: 'center',
+        weight: 500,
+        children: content.description
+      }), content.linkHref && content.linkLabel && /*#__PURE__*/_jsx(Flexbox, {
+        align: 'center',
+        children: /*#__PURE__*/_jsx("a", {
+          href: content.linkHref,
+          rel: 'noreferrer',
+          style: {
+            fontSize: 13
+          },
+          target: '_blank',
+          children: content.linkLabel
+        })
+      }), /*#__PURE__*/_jsx(Snippet, {
+        language: content.commandLanguage || 'shell',
+        style: {
+          fontSize: 12,
+          width: '100%'
+        },
+        children: content.command
+      })]
+    })]
+  }));
+});
 export default AgentGuideCard;

package/icons/es/components/ColorPreview/index.js

@@ -1,35 +1,35 @@
-'use client';
-
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { CopyButton, Flexbox, Tooltip } from '@hubstr/kit/ui';
-import { createStaticStyles, cx } from 'antd-style';
-import { memo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var styles = createStaticStyles(function (_ref) {
-  var css = _ref.css,
-    cssVar = _ref.cssVar;
-  return {
-    btn: cx('copy-button', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        opacity: 0;\n      "])))),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      width: 98px;\n      height: 98px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), cssVar.colorBorder, cssVar.borderRadius, cssVar.colorBgContainer)
-  };
-});
-var IconPreview = /*#__PURE__*/memo(function (_ref2) {
-  var color = _ref2.color;
-  return /*#__PURE__*/_jsx(Tooltip, {
-    title: color,
-    children: /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.container,
-      justify: 'center',
-      style: {
-        background: color
-      },
-      children: /*#__PURE__*/_jsx(CopyButton, {
-        className: styles.btn,
-        content: color
-      })
-    })
-  });
-});
+'use client';
+
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { CopyButton, Flexbox, Tooltip } from '@hubstr/kit/ui';
+import { createStaticStyles, cx } from 'antd-style';
+import { memo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    btn: cx('copy-button', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        opacity: 0;\n      "])))),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      width: 98px;\n      height: 98px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), cssVar.colorBorder, cssVar.borderRadius, cssVar.colorBgContainer)
+  };
+});
+var IconPreview = /*#__PURE__*/memo(function (_ref2) {
+  var color = _ref2.color;
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: color,
+    children: /*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      className: styles.container,
+      justify: 'center',
+      style: {
+        background: color
+      },
+      children: /*#__PURE__*/_jsx(CopyButton, {
+        className: styles.btn,
+        content: color
+      })
+    })
+  });
+});
 export default IconPreview;