@blueking/ai-ui-sdk 0.5.1-beta.4 → 0.5.1-beta.6

package/dist/components/render-agent/action/index.script.vue.js.js

@@ -1,7 +1,7 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, normalizeClass as _normalizeClass, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, createVNode as _createVNode, Fragment as _Fragment, createElementBlock as _createElementBlock, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString } from "vue";
 const _hoisted_1 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { ref, toRef } from 'vue';
 import { RenderDropdown, RenderMarkdown } from '../../../components.ts.js';
@@ -332,7 +332,7 @@ export default /*@__PURE__*/ _defineComponent({
                                     text: __props.isTextButton,
                                     class: _normalizeClass([
                                         '!g-p-5',
-                                        __props.isTextButton ? 'hover:!g-bg-[#dcdee5] hover:!g-rounded-4' : ''
+                                        __props.isTextButton ? 'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:!g-rounded-[var(--aidev-radius)]' : ''
                                     ]),
                                     size: "small"
                                 }, {

package/dist/components/render-agent/agent-search.script.vue.js.js

@@ -80,7 +80,7 @@ export default /*@__PURE__*/ _defineComponent({
                 module: props.module,
                 "get-menu-list": handleGetMenuList,
                 "api-prefix": props.apiPrefix,
-                class: "!g-bg-white",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",

package/dist/components/render-agent/agent-type.vue.css

@@ -1,19 +1,19 @@
 
-.agent-type[data-v-vpygqr8s] {
+.agent-type[data-v-w0jk885a] {
   display: inline-block;
-  border-radius: 2px;
+  border-radius: var(--aidev-radius-s);
   text-align: left;
   white-space: nowrap;
 }
-.agent-type.single[data-v-vpygqr8s] {
-    color: #1768EF;
-    background-color: #E1ECFF;
+.agent-type.single[data-v-w0jk885a] {
+    color: var(--aidev-agent-type-single-color);
+    background-color: var(--aidev-agent-type-single-background);
 }
-.agent-type.flow[data-v-vpygqr8s] {
-    color: #7573E6;
-    background: #E8E6FF;
+.agent-type.flow[data-v-w0jk885a] {
+    color: var(--aidev-agent-type-flow-color);
+    background: var(--aidev-agent-type-flow-background);
 }
-.agent-type.craw[data-v-vpygqr8s] {
-    color: #E38B02;
-    background: #FDEED8;
+.agent-type.craw[data-v-w0jk885a] {
+    color: var(--aidev-agent-type-craw-color);
+    background: var(--aidev-agent-type-craw-background);
 }

package/dist/components/render-agent/agent-type.vue.js

@@ -1,5 +1,5 @@
 import script from './agent-type.script.vue.js.js';
-script.__scopeId = "data-v-vpygqr8s";
+script.__scopeId = "data-v-w0jk885a";
 script.__file = "./src/components/render-agent/agent-type.vue";
 import './agent-type.vue.css';
 export default script;

package/dist/components/render-auth/auth-dialog.script.vue.js.js

@@ -1,6 +1,7 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, createTextVNode as _createTextVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { createVNode as _createVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 import { ref } from 'vue';
+import RenderException from '../render-exception/index.vue.js';
 import RenderTTable from '../render-t-table/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
     setup (__props, { expose: __expose }) {
@@ -8,23 +9,23 @@ export default /*@__PURE__*/ _defineComponent({
         const perm = ref();
         const tableData = ref([]);
         let cancelCallback;
-        const getColumns = ()=>[
-                {
-                    colKey: 'system_name',
-                    ellipsis: true,
-                    title: '系统'
-                },
-                {
-                    colKey: 'name',
-                    ellipsis: true,
-                    title: '需要申请的权限'
-                },
-                {
-                    colKey: 'instance_name',
-                    ellipsis: true,
-                    title: '关联的资源实例'
-                }
-            ];
+        const columns = [
+            {
+                colKey: 'system_name',
+                ellipsis: true,
+                title: '系统'
+            },
+            {
+                colKey: 'name',
+                ellipsis: true,
+                title: '需要申请的权限'
+            },
+            {
+                colKey: 'instance_name',
+                ellipsis: true,
+                title: '关联的资源实例'
+            }
+        ];
         const handleApply = ()=>{
             var _perm_value;
             window.open((_perm_value = perm.value) === null || _perm_value === void 0 ? void 0 : _perm_value.apply_url, '_blank', 'noopener,noreferrer');
@@ -50,7 +51,6 @@ export default /*@__PURE__*/ _defineComponent({
             handleShow
         });
         return (_ctx, _cache)=>{
-            const _component_bk_exception = _resolveComponent("bk-exception");
             const _component_bk_button = _resolveComponent("bk-button");
             const _component_bk_dialog = _resolveComponent("bk-dialog");
             return _openBlock(), _createBlock(_component_bk_dialog, {
@@ -60,7 +60,7 @@ export default /*@__PURE__*/ _defineComponent({
                 onClosed: handleClosed
             }, {
                 header: _withCtx(()=>[
-                        _createVNode(_component_bk_exception, {
+                        _createVNode(RenderException, {
                             type: "403",
                             scene: "part",
                             title: "该操作需要以下权限"
@@ -69,7 +69,9 @@ export default /*@__PURE__*/ _defineComponent({
                 footer: _withCtx(()=>[
                         _createElementVNode("div", null, [
                             _createVNode(_component_bk_button, {
-                                theme: "primary",
+                                class: _normalizeClass({
+                                    'g-main-button': true
+                                }),
                                 onClick: handleApply
                             }, {
                                 default: _withCtx(()=>[
@@ -94,12 +96,11 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                 default: _withCtx(()=>[
                         _createVNode(RenderTTable, {
-                            columns: getColumns(),
+                            columns: columns,
                             data: tableData.value,
                             "row-key": "system_name",
                             class: "g-mb-20"
                         }, null, 8 /* PROPS */ , [
-                            "columns",
                             "data"
                         ])
                     ]),

package/dist/components/render-auto-height-textarea/index.script.vue.js.js

@@ -49,23 +49,23 @@ export default /*@__PURE__*/ _defineComponent({
         });
         return (_ctx, _cache)=>{
             return _openBlock(), _createElementBlock("section", {
-                class: "send-container",
                 style: _normalizeStyle({
                     '--text-height': textHeight.value + 'px',
                     '--origin-height': (__props.focusShowHeight ? __props.height : textHeight.value) + 'px'
-                })
+                }),
+                class: "send-container"
             }, [
                 _createVNode(_unref(BkInput), {
-                    type: "textarea",
-                    row: "1",
-                    class: "send-input",
-                    ref_key: "inputRef",
-                    ref: inputRef,
                     disabled: __props.disabled,
                     clearable: false,
                     resize: false,
                     placeholder: __props.placeholder,
                     "model-value": __props.modelValue,
+                    type: "textarea",
+                    row: "1",
+                    class: "send-input",
+                    ref_key: "inputRef",
+                    ref: inputRef,
                     onInput: handleValueChange
                 }, null, 8 /* PROPS */ , [
                     "disabled",

package/dist/components/render-auto-height-textarea/index.vue.css

@@ -1,48 +1,48 @@
 
-.send-container[data-v-lhgc0y6g] {
+.send-container[data-v-z00a2dbj] {
   position: relative;
 }
-.send-container[data-v-lhgc0y6g]:has(textarea:focus) {
+.send-container[data-v-z00a2dbj]:has(textarea:focus) {
     z-index: 2;
 }
-.send-container:hover .send-clear[data-v-lhgc0y6g] {
+.send-container:hover .send-clear[data-v-z00a2dbj] {
       display: inline-flex !important;
 }
-.send-input[data-v-lhgc0y6g] {
+.send-input[data-v-z00a2dbj] {
   width: 100%;
   flex-direction: row;
   height: var(--origin-height);
 }
-.send-input[data-v-lhgc0y6g]:has(textarea:focus) {
+.send-input[data-v-z00a2dbj]:has(textarea:focus) {
     height: var(--text-height);
 }
-.send-input[data-v-lhgc0y6g] textarea {
+.send-input[data-v-z00a2dbj] textarea {
     font-size: 12px;
     line-height: 16px;
     padding: 7px;
     resize: none !important;
 }
-.send-input[data-v-lhgc0y6g] textarea::-webkit-scrollbar {
+.send-input[data-v-z00a2dbj] textarea::-webkit-scrollbar {
       width: 4px;
       height: 4px;
 }
-.send-input[data-v-lhgc0y6g] textarea::-webkit-scrollbar-thumb {
+.send-input[data-v-z00a2dbj] textarea::-webkit-scrollbar-thumb {
       height: 5px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.send-input[data-v-lhgc0y6g] textarea::placeholder {
+.send-input[data-v-z00a2dbj] textarea::placeholder {
       line-height: 16px;
 }
-.send-clear[data-v-lhgc0y6g] {
+.send-clear[data-v-z00a2dbj] {
   display: none !important;
   position: absolute;
   right: 10px;
   bottom: 10px;
-  color: #979ba5;
+  color: var(--aidev-assist-color);
   font-size: 14px;
   cursor: pointer;
 }
-.send-clear[data-v-lhgc0y6g]:hover {
-    color: #313238;
+.send-clear[data-v-z00a2dbj]:hover {
+    color: var(--aidev-title-color);
 }

package/dist/components/render-auto-height-textarea/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-lhgc0y6g";
+script.__scopeId = "data-v-z00a2dbj";
 script.__file = "./src/components/render-auto-height-textarea/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-auto-refresh/index.vue.css

@@ -1,12 +1,12 @@
 
-.auto-refresh[data-v-sksgxhbf] {
+.auto-refresh[data-v-uiqet99f] {
   position: relative;
   cursor: pointer;
   line-height: 26px;
   padding: 0 4px;
   white-space: nowrap;
 }
-.auto-refresh[data-v-sksgxhbf]:after {
+.auto-refresh[data-v-uiqet99f]:after {
     content: '';
     position: absolute;
     top: 5px;
@@ -16,31 +16,31 @@
     background-color: #dcdee5;
     z-index: 1;
 }
-.auto-refresh[data-v-sksgxhbf]:hover {
-    color: #3A84FF;
+.auto-refresh[data-v-uiqet99f]:hover {
+    color: var(--aidev-clickable-color);
     background-color: #E1ECFF;
 }
-.refresh[data-v-sksgxhbf] {
+.refresh[data-v-uiqet99f] {
   cursor: pointer;
   line-height: 26px;
   padding: 0 4px;
 }
-.refresh[data-v-sksgxhbf]:hover {
-    color: #3A84FF;
+.refresh[data-v-uiqet99f]:hover {
+    color: var(--aidev-clickable-color);
     background-color: #E1ECFF;
 }
-.textarea-list[data-v-sksgxhbf] {
+.textarea-list[data-v-uiqet99f] {
   padding: 4px 0;
   line-height: 32px;
   max-height: 300px;
   position: relative;
   z-index: 2;
 }
-.textarea-list .textarea-item[data-v-sksgxhbf] {
+.textarea-list .textarea-item[data-v-uiqet99f] {
     padding: 0 12px;
     cursor: pointer;
 }
-.textarea-list .textarea-item[data-v-sksgxhbf]:hover {
+.textarea-list .textarea-item[data-v-uiqet99f]:hover {
       background: #E1ECFF;
-      color: #3A84FF;
+      color: var(--aidev-clickable-color);
 }

package/dist/components/render-auto-refresh/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-sksgxhbf";
+script.__scopeId = "data-v-uiqet99f";
 script.__file = "./src/components/render-auto-refresh/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-card/agent/prefix-info-tool.script.vue.js.js

@@ -112,12 +112,12 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_popover = _resolveComponent("bk-popover");
             const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
             return _openBlock(), _createBlock(_component_bk_popover, {
+                disabled: getIsDisabled(),
                 width: "282",
                 theme: "light",
                 trigger: "click",
                 ref_key: "popoverRef",
                 ref: popoverRef,
-                disabled: getIsDisabled(),
                 onAfterShow: handleInitPopover
             }, {
                 content: _withCtx(()=>[
@@ -126,7 +126,7 @@ export default /*@__PURE__*/ _defineComponent({
                         }, {
                             default: _withCtx(()=>[
                                     _cache[4] || (_cache[4] = _createElementVNode("span", {
-                                        class: "!g-block g-text-black g-text-16 g-pb-20 g-leading-24"
+                                        class: "!g-block g-text-[var(--aidev-title-color)] g-text-16 g-pb-20 g-leading-24"
                                     }, "请勾选要添加的快捷指令", -1 /* CACHED */ )),
                                     _createElementVNode("ul", null, [
                                         (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(showCommands.value, (command)=>{
@@ -136,19 +136,19 @@ export default /*@__PURE__*/ _defineComponent({
                                                 onClick: ($event)=>handleToggleChooseCommand(command)
                                             }, [
                                                 (_openBlock(), _createBlock(_unref(RenderCheckbox), {
-                                                    key: command.id,
                                                     checked: getIsCheck(command),
-                                                    disabled: getCommandIsDeleted(command) && !getIsCheck(command)
+                                                    disabled: getCommandIsDeleted(command) && !getIsCheck(command),
+                                                    key: command.id
                                                 }, null, 8 /* PROPS */ , [
                                                     "checked",
                                                     "disabled"
                                                 ])),
                                                 _createElementVNode("section", {
                                                     class: _normalizeClass([
-                                                        "g-flex-row li-content",
                                                         {
                                                             'g-deleted-resource': getCommandIsDeleted(command)
-                                                        }
+                                                        },
+                                                        "g-flex-row li-content"
                                                     ])
                                                 }, [
                                                     _createVNode(RenderImage, {
@@ -198,8 +198,12 @@ export default /*@__PURE__*/ _defineComponent({
                                             class: "g-ml-6 g-leading-20 !g-text-12"
                                         }, " 全选 ", -1 /* CACHED */ )),
                                         _createVNode(_component_bk_button, {
-                                            class: "confirm-button !g-text-12 g-w-64",
-                                            theme: "primary",
+                                            class: _normalizeClass([
+                                                {
+                                                    'g-main-button': true
+                                                },
+                                                "confirm-button !g-text-12 g-w-64"
+                                            ]),
                                             size: "small",
                                             onClick: handleConfirm
                                         }, {
@@ -234,8 +238,8 @@ export default /*@__PURE__*/ _defineComponent({
                             class: _normalizeClass({
                                 '!g-disabled': getIsDisabled(),
                                 'ai-ui-sdk-icon ai-ui-sdk-kuaijiezhiling g-text-16 g-mr-16 g-ml-16': true,
-                                'g-text-gray !g-cursor-pointer': true,
-                                'hover:!g-text-blue': !getIsDisabled()
+                                'g-text-[var(--aidev-assist-color)] !g-cursor-pointer': true,
+                                'hover:!g-text-[var(--aidev-clickable-color)]': !getIsDisabled()
                             })
                         }, null, 2 /* CLASS */ ), [
                             [

package/dist/components/render-card/agent/prefix-info-tool.vue.css

@@ -1,28 +1,28 @@
 
-.command-number[data-v-7clau68v] {
+.command-number[data-v-6dyjym66] {
   width: 24px;
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
   background: #A3C5FD;
 }
-.delete-icon[data-v-7clau68v] {
+.delete-icon[data-v-6dyjym66] {
   width: 18px;
   height: 17px;
   background: #C4C6CC;
-  border-radius: 0 4px 0 4px;
+  border-radius: 0 var(--aidev-radius) 0 var(--aidev-radius);
   top: 0;
   right: 0;
 }
-.li-content[data-v-7clau68v] {
+.li-content[data-v-6dyjym66] {
   width: 220px;
-  border: 1px solid #DCDEE5;
+  border: 1px solid var(--aidev-line-strong-color);
   border-radius: 12px;
   height: 24px;
   margin-left: 15px;
   padding: 0 10px;
 }
-.confirm-button[data-v-7clau68v] {
+.confirm-button[data-v-6dyjym66] {
   margin: 0 8px 0 68px;
 }
-.command-name-text[data-v-7clau68v] {
+.command-name-text[data-v-6dyjym66] {
   max-width: 165px;
 }

package/dist/components/render-card/agent/prefix-info-tool.vue.js

@@ -1,5 +1,5 @@
 import script from './prefix-info-tool.script.vue.js.js';
-script.__scopeId = "data-v-7clau68v";
+script.__scopeId = "data-v-6dyjym66";
 script.__file = "./src/components/render-card/agent/prefix-info-tool.vue";
 import './prefix-info-tool.vue.css';
 export default script;

package/dist/components/render-card/agent/upgrade.script.vue.js.js

@@ -53,10 +53,14 @@ export default /*@__PURE__*/ _defineComponent({
                     return [
                         _createElementVNode("span", null, "当前智能体线上服务依赖框架版本为 " + _toDisplayString(__props.agent.agentSdkVersion) + "，可升级至 " + _toDisplayString(__props.agent.latestSdkVersion), 1 /* TEXT */ ),
                         _createElementVNode("span", {
-                            class: _normalizeClass({
-                                'g-cursor-pointer g-text-blue': true,
-                                'g-disabled': !((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent)
-                            }),
+                            class: _normalizeClass([
+                                'g-cursor-pointer',
+                                'g-text-[var(--aidev-clickable-color)]',
+                                'hover:g-text-[var(--aidev-clickable-hover-color)]',
+                                {
+                                    'g-disabled': !((_props_agent_permission = props.agent.permission) === null || _props_agent_permission === void 0 ? void 0 : _props_agent_permission.manageAgent)
+                                }
+                            ]),
                             onMouseenter: handleManagePermissionMouseEnter,
                             onMousemove: handleManagePermissionMouseMove,
                             onMouseleave: _cache[3] || (_cache[3] = //@ts-ignore
@@ -109,7 +113,7 @@ export default /*@__PURE__*/ _defineComponent({
                         }, [
                             ..._cache[6] || (_cache[6] = [
                                 _createElementVNode("span", {
-                                    class: "g-absolute g-top-8 g-right-0 g-rotate-45 g-text-10 !g-text-white"
+                                    class: "g-absolute g-top-8 g-right-0 g-rotate-45 g-text-10 !g-text-[var(--aidev-main-background)]"
                                 }, "可升级", -1 /* CACHED */ )
                             ])
                         ], 34 /* CLASS, NEED_HYDRATION */ ))

package/dist/components/render-card/agent/upgrade.vue.css

@@ -1,9 +1,9 @@
 
-.agent-corner-badge[data-v-c0x4wh4n] {
+.agent-corner-badge[data-v-1nqurjv9] {
   background: linear-gradient(142.7deg, #fdf4e8 0%, #f8b64f 100%);
   clip-path: polygon(100% 0, 0 0, 100% 100%);
-  border-radius: 0 8px;
+  border-radius: 0 var(--aidev-radius-l);
 }
-.agent-corner-badge[data-v-c0x4wh4n]:hover {
+.agent-corner-badge[data-v-1nqurjv9]:hover {
     background: linear-gradient(142.7deg, #fdf4e8 0%, #e5a239 100%);
 }

package/dist/components/render-card/agent/upgrade.vue.js

@@ -1,5 +1,5 @@
 import script from './upgrade.script.vue.js.js';
-script.__scopeId = "data-v-c0x4wh4n";
+script.__scopeId = "data-v-1nqurjv9";
 script.__file = "./src/components/render-card/agent/upgrade.vue";
 import './upgrade.vue.css';
 export default script;

package/dist/components/render-card/agent-command/info-tool.script.vue.js.js

@@ -117,8 +117,9 @@ export default /*@__PURE__*/ _defineComponent({
                 getIsNewCommand() && getIsSelfCommand() ? _withDirectives((_openBlock(), _createElementBlock("i", {
                     key: 0,
                     class: _normalizeClass([
-                        'ai-ui-sdk-icon ai-ui-sdk-edit-line g-text-16 g-text-gray !g-cursor-pointer g-ml-16 g-mr-16',
-                        props.disabled ? '!g-disabled' : 'hover:!g-text-blue'
+                        'ai-ui-sdk-icon ai-ui-sdk-edit-line g-text-16',
+                        'g-text-[var(--aidev-assist-color)] !g-cursor-pointer g-ml-16 g-mr-16',
+                        props.disabled ? '!g-disabled' : 'hover:!g-text-[var(--aidev-clickable-color)]'
                     ]),
                     onClick: handleEdit
                 }, null, 2 /* CLASS */ )), [
@@ -166,8 +167,9 @@ export default /*@__PURE__*/ _defineComponent({
                     default: _withCtx(()=>[
                             _withDirectives(_createElementVNode("i", {
                                 class: _normalizeClass([
-                                    'ai-ui-sdk-icon ai-ui-sdk-edit-line g-text-16 g-text-gray !g-cursor-pointer g-ml-16 g-mr-16',
-                                    props.disabled ? '!g-disabled' : 'hover:!g-text-blue'
+                                    'ai-ui-sdk-icon ai-ui-sdk-edit-line g-text-16',
+                                    'g-text-[var(--aidev-assist-color)] !g-cursor-pointer g-ml-16 g-mr-16',
+                                    props.disabled ? '!g-disabled' : 'hover:!g-text-[var(--aidev-clickable-color)]'
                                 ])
                             }, null, 2 /* CLASS */ ), [
                                 [
@@ -184,8 +186,8 @@ export default /*@__PURE__*/ _defineComponent({
                 ])),
                 _withDirectives(_createElementVNode("i", {
                     class: _normalizeClass([
-                        'ai-ui-sdk-icon ai-ui-sdk-delete g-text-16 g-text-gray !g-cursor-pointer g-mr-16',
-                        props.disabled ? '!g-disabled' : 'hover:!g-text-blue'
+                        'ai-ui-sdk-icon ai-ui-sdk-delete g-text-16 g-text-[var(--aidev-assist-color)] !g-cursor-pointer g-mr-16',
+                        props.disabled ? '!g-disabled' : 'hover:!g-text-[var(--aidev-clickable-color)]'
                     ]),
                     onClick: handleDelete
                 }, null, 2 /* CLASS */ ), [
@@ -199,8 +201,8 @@ export default /*@__PURE__*/ _defineComponent({
                 _createElementVNode("i", {
                     class: _normalizeClass([
                         'ai-ui-sdk-icon ai-ui-sdk-drag',
-                        'g-text-light g-text-16 g-cursor-grab',
-                        props.disabled ? '!g-disabled' : 'command-drag hover:!g-text-blue'
+                        'g-text-[var(--aidev-assist-color)] g-text-16 g-cursor-grab',
+                        props.disabled ? '!g-disabled' : 'command-drag hover:!g-text-[var(--aidev-clickable-color)]'
                     ])
                 }, null, 2 /* CLASS */ )
             ], 64 /* STABLE_FRAGMENT */ );