@yinuo-ngm/server 1.0.15 → 1.0.17

package/www/browser/chunk-XF5H7E4L.js

@@ -1,4723 +0,0 @@
-import {
-  NzLayoutModule
-} from "./chunk-YWHRP4X3.js";
-import {
-  NzPopconfirmModule
-} from "./chunk-Y7JBZHNK.js";
-import "./chunk-Z7FJIV62.js";
-import {
-  NzTabsModule
-} from "./chunk-O7LB6VFM.js";
-import {
-  NzDrawerModule
-} from "./chunk-7FC7DN65.js";
-import {
-  DragDropModule,
-  NZ_MODAL_DATA,
-  NzModalModule,
-  NzModalRef,
-  NzModalService
-} from "./chunk-FLSUSPBD.js";
-import {
-  Clipboard,
-  ClipboardModule
-} from "./chunk-LPME4AJ3.js";
-import {
-  NzCheckboxModule
-} from "./chunk-766T7YES.js";
-import "./chunk-S77VVYUZ.js";
-import "./chunk-ULOHDK7Y.js";
-import {
-  NzSpinModule
-} from "./chunk-EQOY6A3M.js";
-import {
-  NzTagModule
-} from "./chunk-J447GBHM.js";
-import {
-  NzContextMenuService,
-  NzDropDownModule,
-  NzMenuModule
-} from "./chunk-ZBZHXS46.js";
-import "./chunk-KSHAGY2M.js";
-import {
-  require_lodash
-} from "./chunk-VXHZMSDM.js";
-import {
-  NzEmptyModule,
-  NzSelectModule
-} from "./chunk-ETTBRXVA.js";
-import {
-  NzPopoverModule,
-  PageLayoutComponent
-} from "./chunk-6QMSEZPT.js";
-import {
-  ProjectContextStore
-} from "./chunk-TEW4MY4J.js";
-import "./chunk-APGQRYWX.js";
-import {
-  ApiClient,
-  LS_KEYS,
-  LocalStateStore,
-  NzMessageService
-} from "./chunk-2YSUXBGC.js";
-import {
-  Directionality,
-  FormsModule,
-  NzButtonModule,
-  NzIconDirective,
-  NzIconModule,
-  NzInputModule,
-  NzOutletModule,
-  NzSpaceModule,
-  NzStringTemplateOutletDirective,
-  NzTooltipModule,
-  WithConfig,
-  onConfigChangeEventForComponent,
-  slideAlertMotion,
-  takeUntilDestroyed
-} from "./chunk-RUXJCM3V.js";
-import "./chunk-VYNQPZQO.js";
-import {
-  RouterModule
-} from "./chunk-665WC4RU.js";
-import {
-  CommonModule,
-  HttpParams
-} from "./chunk-3MCIETCQ.js";
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  DestroyRef,
-  EventEmitter,
-  FactoryTarget,
-  HostListener,
-  Injectable,
-  Input,
-  NgModule,
-  Output,
-  ViewChild,
-  ViewEncapsulation,
-  __decorate,
-  __esDecorate,
-  __objRest,
-  __publicField,
-  __runInitializers,
-  __spreadProps,
-  __spreadValues,
-  __toESM,
-  booleanAttribute,
-  computed,
-  core_exports,
-  effect,
-  firstValueFrom,
-  inject,
-  input,
-  model,
-  signal,
-  ɵɵngDeclareClassMetadata,
-  ɵɵngDeclareComponent,
-  ɵɵngDeclareFactory,
-  ɵɵngDeclareInjector,
-  ɵɵngDeclareNgModule
-} from "./chunk-XQY5SPGI.js";
-
-// angular:jit:style:inline:src\app\pages\api-client\api-client.component.ts;CiAgICAucGFnZXsKICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBmbGV4LWRpcmVjdGlvbjogcm93OwogICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICBnYXA6IDE2cHg7CiAgICAgIHBhZGRpbmc6MCAxNnB4OwogICAgfQogICAgLmNvbnRlbnQgewogICAgICBmbGV4OiAxIDEgYXV0bzsKICAgICAgd2lkdGg6IDA7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICAgIGhlaWdodDogMTAwJTsKICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgIH0KICAgIC5lZGl0b3ItYXJlYSB7CiAgICAgIGZsZXg6IDEgMSBhdXRvOwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgICBtaW4taGVpZ2h0OiAwOwogICAgfQogICAgYXBwLXJlcXVlc3QtZWRpdG9yIHsKICAgICAgZmxleDogMCAwIGF1dG87CiAgICAgIGhlaWdodDo1MCU7CiAgICB9CiAgICBhcHAtcmVzcG9uc2Utdmlld2VyIHsKICAgICAgZmxleDogMCAwIGF1dG87CiAgICAgIGhlaWdodDo1MCU7CiAgICAgIG92ZXJmbG93OiBhdXRvOwogICAgfQogICAg
-var api_client_component_default = "/* angular:styles/component:less;43d540c6ba4e6e48b509c83db85e36183929b3703b772c49b4f9f3fa50efdf2e;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\api-client.component.ts */\n.page {\n  height: 100%;\n  display: flex;\n  flex-direction: row;\n  overflow: hidden;\n  gap: 16px;\n  padding: 0 16px;\n}\n.content {\n  flex: 1 1 auto;\n  width: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n}\n.editor-area {\n  flex: 1 1 auto;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\napp-request-editor {\n  flex: 0 0 auto;\n  height: 50%;\n}\napp-response-viewer {\n  flex: 0 0 auto;\n  height: 50%;\n  overflow: auto;\n}\n/*# sourceMappingURL=api-client.component.css.map */\n";
-
-// angular:jit:style:inline:src\app\pages\api-client\components\history\api-history-drawer.component.ts;CiAgICAubGlzdHsKICAgICAgZGlzcGxheTpmbGV4OwogICAgICBmbGV4LWRpcmVjdGlvbjpjb2x1bW47CiAgICAgIGdhcDoxMnB4OwogICAgfQogICAgLml0ZW17CiAgICAgIGJvcmRlcjoxcHggc29saWQgI2YwZjBmMDsKICAgICAgYm9yZGVyLXJhZGl1czo4cHg7CiAgICAgIHBhZGRpbmc6MTBweDsKICAgIH0KICAgIC5yb3d7CiAgICAgIGRpc3BsYXk6ZmxleDsKICAgICAgZ2FwOjhweDsKICAgICAgYWxpZ24taXRlbXM6Y2VudGVyOwogICAgICBmb250LXdlaWdodDo1MDA7CiAgICB9CiAgICAudXJsewogICAgICBmbGV4OjE7CiAgICAgIG92ZXJmbG93OmhpZGRlbjsKICAgICAgdGV4dC1vdmVyZmxvdzplbGxpcHNpczsKICAgICAgd2hpdGUtc3BhY2U6bm93cmFwOwogICAgfQogICAgLm1ldGF7CiAgICAgIG1hcmdpbi10b3A6NnB4OwogICAgICBkaXNwbGF5OmZsZXg7CiAgICAgIGdhcDo4cHg7CiAgICAgIGZvbnQtc2l6ZToxMnB4OwogICAgICBvcGFjaXR5Oi43OwogICAgfQogICAgLmFjdGlvbnN7CiAgICAgIG1hcmdpbi10b3A6OHB4OwogICAgICBkaXNwbGF5OmZsZXg7CiAgICAgIGdhcDo4cHg7CiAgICB9CiAgICAuZW1wdHl7CiAgICAgIHBhZGRpbmc6MTZweDsKICAgICAgb3BhY2l0eTouNjsKICAgICAgdGV4dC1hbGlnbjpjZW50ZXI7CiAgICB9CiAg
-var api_history_drawer_component_default = "/* angular:styles/component:less;d7b4f4dbc085d63893d028214b767bd20de371e514440bbc69820402fa10f93a;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\history\\api-history-drawer.component.ts */\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.item {\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  padding: 10px;\n}\n.row {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  font-weight: 500;\n}\n.url {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.meta {\n  margin-top: 6px;\n  display: flex;\n  gap: 8px;\n  font-size: 12px;\n  opacity: 0.7;\n}\n.actions {\n  margin-top: 8px;\n  display: flex;\n  gap: 8px;\n}\n.empty {\n  padding: 16px;\n  opacity: 0.6;\n  text-align: center;\n}\n/*# sourceMappingURL=api-history-drawer.component.css.map */\n";
-
-// src/app/pages/api-client/components/history/api-history-drawer.component.ts
-var ApiHistoryDrawerComponent = class ApiHistoryDrawerComponent2 {
-  loading = false;
-  histories = [];
-  close = new EventEmitter();
-  replay = new EventEmitter();
-  copy(text) {
-    navigator.clipboard.writeText(text);
-  }
-  static propDecorators = {
-    loading: [{ type: Input }],
-    histories: [{ type: Input }],
-    close: [{ type: Output }],
-    replay: [{ type: Output }]
-  };
-};
-ApiHistoryDrawerComponent = __decorate([
-  Component({
-    selector: "app-api-history-drawer",
-    standalone: true,
-    imports: [
-      CommonModule,
-      NzDrawerModule,
-      NzButtonModule,
-      NzSpinModule,
-      NzTagModule
-    ],
-    template: `
-    <nz-drawer
-      nzTitle="\u8BF7\u6C42\u5386\u53F2"
-      [nzVisible]="true"
-      nzPlacement="right"
-      [nzWidth]="520"
-      (nzOnClose)="close.emit()"
-    >
-      <ng-container *nzDrawerContent>
-      @if(loading){
-        <nz-spin />
-      } @else {
-        <div class="list">
-          @for (h of histories; track h.id) {
-            <div class="item">
-              <div class="row">
-                <nz-tag>{{h.requestSnapshot.method}}</nz-tag>
-                <span class="url">{{h.requestSnapshot.url}}</span>
-              </div>
-
-              <div class="meta">
-                <span>{{h.metrics.durationMs}} ms</span>
-                @if(h.response){
-                  <nz-tag>HTTP {{h.response.status}}</nz-tag>
-                }
-                @if(h.error){
-                  <nz-tag nzColor="red">ERR</nz-tag>
-                }
-              </div>
-
-              <div class="actions">
-                <button nz-button nzSize="small" (click)="replay.emit(h)">\u91CD\u653E</button>
-                @if(h.resolved.curl){
-                  <button nz-button nzSize="small" (click)="copy(h.resolved.curl.bash)">curl</button>
-                }
-              </div>
-            </div>
-          }
-
-          @if(!histories.length){
-            <div class="empty">\u6682\u65E0\u5386\u53F2\u8BB0\u5F55</div>
-          }
-        </div>
-      }
-      </ng-container>
-    </nz-drawer>
-  `,
-    styles: [api_history_drawer_component_default]
-  })
-], ApiHistoryDrawerComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-collections\request-list.component.ts;CiAgICAubGlzdHsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47IGdhcDo4cHg7IHBhZGRpbmc6MTBweDsgfQogICAgCiAgICAucm93MXsgZGlzcGxheTpmbGV4OyBnYXA6OHB4OyBhbGlnbi1pdGVtczpjZW50ZXI7IH0KICAgIC5tZXRob2R7IG1hcmdpbjowOyB9CiAgICAubmFtZXsKICAgICAgZm9udC13ZWlnaHQ6NjAwOwogICAgICBvdmVyZmxvdzpoaWRkZW47CiAgICAgIHRleHQtb3ZlcmZsb3c6ZWxsaXBzaXM7CiAgICAgIHdoaXRlLXNwYWNlOm5vd3JhcDsKICAgICAgZmxleDoxOwogICAgICBtaW4td2lkdGg6MDsKICAgIH0KICAgIC5yb3cyeyBtYXJnaW4tdG9wOjZweDsgZm9udC1zaXplOjEycHg7IG9wYWNpdHk6Ljc1OyB9CiAgICAudXJsewogICAgICBvdmVyZmxvdzpoaWRkZW47CiAgICAgIHRleHQtb3ZlcmZsb3c6ZWxsaXBzaXM7CiAgICAgIHdoaXRlLXNwYWNlOm5vd3JhcDsKICAgICAgZGlzcGxheTpibG9jazsKICAgIH0KICAgIC5yb3czeyBtYXJnaW4tdG9wOjZweDsgZm9udC1zaXplOjEycHg7IG9wYWNpdHk6LjU1OyB9CiAgICAuZW1wdHl7IHBhZGRpbmc6MTZweDsgb3BhY2l0eTouNjsgdGV4dC1hbGlnbjpjZW50ZXI7IH0KICA=
-var request_list_component_default = "/* angular:styles/component:less;ae07397b8578d7f6bec40f1ea1a29780a45a5679bc745311900bac751387d82b;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-collections\\request-list.component.ts */\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px;\n}\n.row1 {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.method {\n  margin: 0;\n}\n.name {\n  font-weight: 600;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n  min-width: 0;\n}\n.row2 {\n  margin-top: 6px;\n  font-size: 12px;\n  opacity: 0.75;\n}\n.url {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  display: block;\n}\n.row3 {\n  margin-top: 6px;\n  font-size: 12px;\n  opacity: 0.55;\n}\n.empty {\n  padding: 16px;\n  opacity: 0.6;\n  text-align: center;\n}\n/*# sourceMappingURL=request-list.component.css.map */\n";
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-collections\request-list-item.component.ts;CiAgICAgIDpob3N0LnJlcXVlc3QtaXRlbSB7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICAgICAgICBnYXA6IDhweDsKICAgICAgICBwYWRkaW5nOiA4cHggMTBweDsKICAgICAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAgICAgY3Vyc29yOiBwb2ludGVyOwogICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4ycyBlYXNlOwogICAgICB9CiAgICAgIAogICAgICA6aG9zdC5yZXF1ZXN0LWl0ZW06aG92ZXIgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wNCk7CiAgICAgIH0KICAgICAgCiAgICAgIDpob3N0LnJlcXVlc3QtaXRlbS5hY3RpdmUgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlNmY3ZmY7CiAgICAgIH0KICAgICAgCiAgICAgIDpob3N0LnJlcXVlc3QtaXRlbS5hY3RpdmU6aG92ZXIgewogICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNiYWU3ZmY7CiAgICAgIH0KICAgICAgCiAgICAgIC5jb250ZW50IHsKICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgZ2FwOiA4cHg7CiAgICAgICAgZmxleDogMTsKICAgICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICB9CiAgICAgIAogICAgICBidXR0b24ubW9yZS1hY3Rpb25zIHsKICAgICAgICBmbGV4OiAwIDAgYXV0bzsKICAgICAgICB3aWR0aDogMjBweDsKICAgICAgICBoZWlnaHQ6IDIwcHg7CiAgICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50OwogICAgICAgIHZpc2liaWxpdHk6IGhpZGRlbjsKICAgICAgICBvcGFjaXR5OiAwLjU7CiAgICAgIH0KICAgICAgCiAgICAgIGJ1dHRvbi5tb3JlLWFjdGlvbnM6aG92ZXIgewogICAgICAgIG9wYWNpdHk6IDE7CiAgICAgIH0KICAgICAgCiAgICAgIDpob3N0LnJlcXVlc3QtaXRlbTpob3ZlciBidXR0b24ubW9yZS1hY3Rpb25zIHsKICAgICAgICB2aXNpYmlsaXR5OiB2aXNpYmxlOwogICAgICB9CiAgICAgIAogICAgICAubWV0aG9kIHsKICAgICAgICBmbGV4OiAwIDAgYXV0bzsKICAgICAgICBmb250LXNpemU6IDEwcHg7CiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDsKICAgICAgICBsaW5lLWhlaWdodDogMS40OwogICAgICAgIHBhZGRpbmc6IDAgNHB4OwogICAgICAgIG1hcmdpbjogMDsKICAgICAgfQogICAgICAKICAgICAgLm5hbWUgewogICAgICAgIGZsZXg6IDEgMSBhdXRvOwogICAgICAgIGZvbnQtc2l6ZTogMTNweDsKICAgICAgICBmb250LXdlaWdodDogNTAwOwogICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg1KTsKICAgICAgfQogICAgICAKICAgICAgLm1lbnUtaXRlbSB7CiAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICB9CiAgICA=
-var request_list_item_component_default = "/* angular:styles/component:less;fa00256422daa02f76d2e7176add9a62a7c1e427676c0200d0ada9f3a2f19e2c;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-collections\\request-list-item.component.ts */\n:host.request-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n:host.request-item:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n:host.request-item.active {\n  background-color: #e6f7ff;\n}\n:host.request-item.active:hover {\n  background-color: #bae7ff;\n}\n.content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  overflow: hidden;\n}\nbutton.more-actions {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  padding: 0 !important;\n  visibility: hidden;\n  opacity: 0.5;\n}\nbutton.more-actions:hover {\n  opacity: 1;\n}\n:host.request-item:hover button.more-actions {\n  visibility: visible;\n}\n.method {\n  flex: 0 0 auto;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1.4;\n  padding: 0 4px;\n  margin: 0;\n}\n.name {\n  flex: 1 1 auto;\n  font-size: 13px;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: rgba(0, 0, 0, 0.85);\n}\n.menu-item {\n  display: flex;\n  align-items: center;\n}\n/*# sourceMappingURL=request-list-item.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-collections/request-list-item.component.ts
-var RequestListItemComponent = class RequestListItemComponent2 {
-  r;
-  activeId = null;
-  select = new EventEmitter();
-  delete = new EventEmitter();
-  mouseover = false;
-  /**
-   * 获取方法对应的颜色
-   */
-  getMethodColor(method) {
-    const colors = {
-      GET: "#61affe",
-      POST: "#49cc90",
-      PUT: "#fca130",
-      PATCH: "#50e3c2",
-      DELETE: "#f93e3e",
-      HEAD: "#909090",
-      OPTIONS: "#909090"
-    };
-    return colors[method.toUpperCase()] || "#909090";
-  }
-  static propDecorators = {
-    r: [{ type: Input }],
-    activeId: [{ type: Input }],
-    select: [{ type: Output }],
-    delete: [{ type: Output }]
-  };
-};
-RequestListItemComponent = __decorate([
-  Component({
-    selector: "app-request-list-item",
-    imports: [CommonModule, NzTagModule, NzIconModule, NzButtonModule, NzPopoverModule, NzMenuModule, NzTooltipModule],
-    host: {
-      "[class.request-item]": "true",
-      "[class.active]": "r.id === activeId",
-      "(click)": "$event.stopPropagation();select.emit(r.id)",
-      "(mouseover)": "$event.stopPropagation();mouseover=true",
-      "(mouseleave)": "$event.stopPropagation();mouseover=false"
-    },
-    template: `
-    <div class="content" [nz-tooltip]="r.url" [nzTooltipTrigger]="'hover'" nzTooltipPlacement="right">
-        <nz-tag class="method" [nzColor]="getMethodColor(r.method)">{{r.method}}</nz-tag>
-        <span class="name">{{r.name || '\u672A\u547D\u540D'}}</span>
-    </div>
-    <button class="more-actions" nz-button nzType="text" nzSize="small" (click)="$event.stopPropagation();" 
-          nz-popover 
-          nzPopoverTrigger="click" 
-          [nzPopoverContent]="contentTemplate" 
-          nzPopoverPlacement="topRight" 
-          [nzPopoverOverlayClassName]="'project-item-popover'"> 
-        <nz-icon nzType="more" nzTheme="outline"  /> 
-    </button>
-    <ng-template #contentTemplate>
-      <ul nz-menu>
-        <li nz-menu-item class="menu-item">
-          <nz-icon nzType="edit" nzTheme="outline" />
-          <span>\u91CD\u547D\u540D</span>
-        </li>
-        <li nz-menu-item class="menu-item">
-          <nz-icon nzType="folder" nzTheme="outline" />
-          <span>\u79FB\u52A8\u5230</span>
-        </li>
-        <li nz-menu-item class="menu-item">
-          <nz-icon nzType="export" nzTheme="outline" />
-          <span>\u5BFC\u51FA</span>
-        </li>
-        <li nz-menu-item class="menu-item">
-          <nz-icon nzType="copy" nzTheme="outline" />
-          <span>\u590D\u5236cURL</span>
-        </li>
-        <li nz-menu-divider></li>
-        <li nz-menu-item nzDanger class="menu-item" (click)="delete.emit(r.id)">
-          <nz-icon nzType="delete"></nz-icon>
-          <span>\u5220\u9664</span>
-        </li>
-      </ul>
-    </ng-template>
-  `,
-    styles: [request_list_item_component_default]
-  })
-], RequestListItemComponent);
-
-// src/app/pages/api-client/components/request-collections/request-list.component.ts
-var RequestListComponent = class RequestListComponent2 {
-  requests = [];
-  activeId = null;
-  select = new EventEmitter();
-  static propDecorators = {
-    requests: [{ type: Input }],
-    activeId: [{ type: Input }],
-    select: [{ type: Output }]
-  };
-};
-RequestListComponent = __decorate([
-  Component({
-    selector: "app-request-list",
-    standalone: true,
-    imports: [CommonModule, NzTagModule, NzIconModule, RequestListItemComponent],
-    template: `
-    <div class="list">
-      @for (r of requests; track r.id) {
-        <app-request-list-item [r]="r" [activeId]="activeId" (select)="select.emit($event)" />
-      }
-      @if(!requests.length){
-        <div class="empty">\u6682\u65E0\u8BF7\u6C42</div>
-      }
-    </div>
-  `,
-    styles: [request_list_component_default]
-  })
-], RequestListComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-collections\request-collections.component.ts;CiAgICA6aG9zdCB7IAogICAgICBoZWlnaHQ6IDEwMCU7IAogICAgICBkaXNwbGF5OiBmbGV4OyAKICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsgCiAgICAgIHdpZHRoOiAzMDBweDsgCiAgICAgIGZsZXg6IDAgMCAzMDBweDsgCiAgICB9CiAgICAKICAgIC53cmFwIHsgCiAgICAgIGhlaWdodDogMTAwJTsgCiAgICAgIGRpc3BsYXk6IGZsZXg7IAogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOyAKICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjA4KTsgCiAgICAgIGJvcmRlci1yYWRpdXM6IDhweDsgCiAgICAgIG92ZXJmbG93OiBoaWRkZW47IAogICAgICBiYWNrZ3JvdW5kOiAjZmZmOwogICAgfQogICAgCiAgICAuaGVhZGVyIHsKICAgICAgd2lkdGg6IDEwMCU7CiAgICAgIHBhZGRpbmc6IDhweCAxMHB4OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBnYXA6IDZweDsKICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjA2KTsKICAgICAgZmxleDogMCAwIGF1dG87CiAgICAgIGJhY2tncm91bmQ6ICNmYWZhZmE7CiAgICB9CiAgICAKICAgIC5oZWFkZXIgbnotaW5wdXQtd3JhcHBlciB7CiAgICAgIGZsZXg6IDE7CiAgICAgIG1pbi13aWR0aDogMDsKICAgIH0KICAgIAogICAgLmhlYWRlciBpbnB1dFtuei1pbnB1dF0gewogICAgICBmb250LXNpemU6IDEzcHg7CiAgICB9CiAgICAKICAgIC5oZWFkZXIgYnV0dG9uIHsKICAgICAgd2lkdGg6IDMycHg7CiAgICAgIGhlaWdodDogMzJweDsKICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50OwogICAgfQogICAgCiAgICAuc2VhcmNoLWljb24gewogICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjM1KTsKICAgIH0KICAgIAogICAgLmJvZHkgewogICAgICBmbGV4OiAxIDEgYXV0bzsKICAgICAgaGVpZ2h0OiAwOwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgfQogIA==
-var request_collections_component_default = "/* angular:styles/component:less;8c134f25627adb86b870a69d79105b1c916e594d1e9bf0bd33729449a7d255a2;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-collections\\request-collections.component.ts */\n:host {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  width: 300px;\n  flex: 0 0 300px;\n}\n.wrap {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 8px;\n  overflow: hidden;\n  background: #fff;\n}\n.header {\n  width: 100%;\n  padding: 8px 10px;\n  display: flex;\n  gap: 6px;\n  align-items: center;\n  justify-content: space-between;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.06);\n  flex: 0 0 auto;\n  background: #fafafa;\n}\n.header nz-input-wrapper {\n  flex: 1;\n  min-width: 0;\n}\n.header input[nz-input] {\n  font-size: 13px;\n}\n.header button {\n  width: 32px;\n  height: 32px;\n  padding: 0 !important;\n}\n.search-icon {\n  color: rgba(0, 0, 0, 0.35);\n}\n.body {\n  flex: 1 1 auto;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n/*# sourceMappingURL=request-collections.component.css.map */\n";
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-collections\collection-tree.component.ts;CiAgICA6aG9zdC50cmVlLWJvZHkgewogICAgICBmbGV4OiAxIDEgYXV0bzsKICAgICAgaGVpZ2h0OiAwOwogICAgICBvdmVyZmxvdzogYXV0bzsKICAgICAgcGFkZGluZzogOHB4OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOwogICAgICBnYXA6IDRweDsKICAgIH0KICAgIAogICAgOmhvc3QudHJlZS1ib2R5IC5lbXB0eSB7CiAgICAgIHBhZGRpbmc6IDI0cHggMTZweDsKICAgICAgb3BhY2l0eTogMC41OwogICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgIGZvbnQtc2l6ZTogMTNweDsKICAgIH0KICA=
-var collection_tree_component_default = "/* angular:styles/component:less;af15c27645b8067eb1a68b8b7ac91bd403934fa4e1f4585fd97bd3b9b4d6baf4;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-collections\\collection-tree.component.ts */\n:host.tree-body {\n  flex: 1 1 auto;\n  height: 0;\n  overflow: auto;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host.tree-body .empty {\n  padding: 24px 16px;\n  opacity: 0.5;\n  text-align: center;\n  font-size: 13px;\n}\n/*# sourceMappingURL=collection-tree.component.css.map */\n";
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-collections\collection-tree-item.component.ts;CiAgICA6aG9zdC5jdHJlZS1pdGVtIHsgCiAgICAgIGRpc3BsYXk6IGJsb2NrOyAKICAgIH0KICAgIAogICAgLnJvdyB7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgIGdhcDogNHB4OwogICAgICBwYWRkaW5nOiA2cHggOHB4OwogICAgICBib3JkZXItcmFkaXVzOiA2cHg7CiAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAwLjJzIGVhc2U7CiAgICB9CiAgICAKICAgIC5yb3c6aG92ZXIgewogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDQpOwogICAgfQogICAgCiAgICAucm93LmFjdGl2ZSB7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlNmY3ZmY7CiAgICB9CiAgICAKICAgIC5yb3cuYWN0aXZlOmhvdmVyIHsKICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2JhZTdmZjsKICAgIH0KICAgIAogICAgLmNoZXYgewogICAgICBmbGV4OiAwIDAgYXV0bzsKICAgICAgd2lkdGg6IDIwcHg7CiAgICAgIGhlaWdodDogMjBweDsKICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50OwogICAgfQogICAgCiAgICAuY2hldi1pY29uIHsKICAgICAgZm9udC1zaXplOiAxMnB4OwogICAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlOwogICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjQ1KTsKICAgIH0KICAgIAogICAgLmNoZXYtaWNvbi5leHBhbmRlZCB7CiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTsKICAgIH0KICAgIAogICAgLm1haW4gewogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICBnYXA6IDhweDsKICAgICAgZmxleDogMTsKICAgICAgbWluLXdpZHRoOiAwOwogICAgfQogICAgCiAgICAuaWNvbiB7CiAgICAgIG9wYWNpdHk6IDAuNjU7CiAgICAgIGZvbnQtc2l6ZTogMTRweDsKICAgIH0KICAgIAogICAgLm1ldGhvZCB7CiAgICAgIGZsZXg6IDAgMCBhdXRvOwogICAgICBmb250LXNpemU6IDEwcHg7CiAgICAgIGZvbnQtd2VpZ2h0OiA2MDA7CiAgICAgIGxpbmUtaGVpZ2h0OiAxLjQ7CiAgICAgIHBhZGRpbmc6IDAgNHB4OwogICAgICBtYXJnaW46IDA7CiAgICB9CiAgICAKICAgIC50ZXh0cyB7CiAgICAgIGZsZXg6IDE7CiAgICAgIG1pbi13aWR0aDogMDsKICAgIH0KICAgIAogICAgLnRpdGxlIHsKICAgICAgZm9udC1zaXplOiAxM3B4OwogICAgICBmb250LXdlaWdodDogNTAwOwogICAgICBvdmVyZmxvdzogaGlkZGVuOwogICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpczsKICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsKICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC44NSk7CiAgICB9CiAgICAKICAgIC5zdWIgewogICAgICBmb250LXNpemU6IDEycHg7CiAgICAgIG9wYWNpdHk6IDAuNTsKICAgICAgb3ZlcmZsb3c6IGhpZGRlbjsKICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7CiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgICAgIG1hcmdpbi10b3A6IDJweDsKICAgIH0KICAgIAogICAgLm1vcmUgewogICAgICBmbGV4OiAwIDAgYXV0bzsKICAgICAgd2lkdGg6IDIwcHg7CiAgICAgIGhlaWdodDogMjBweDsKICAgICAgcGFkZGluZzogMCAhaW1wb3J0YW50OwogICAgICB2aXNpYmlsaXR5OiBoaWRkZW47CiAgICAgIG9wYWNpdHk6IDAuNTsKICAgIH0KICAgIAogICAgLm1vcmU6aG92ZXIgewogICAgICBvcGFjaXR5OiAxOwogICAgfQogICAgCiAgICAucm93OmhvdmVyIC5tb3JlIHsKICAgICAgdmlzaWJpbGl0eTogdmlzaWJsZTsKICAgIH0KICAgIAogICAgLmNoaWxkcmVuIHsKICAgICAgbWFyZ2luLWxlZnQ6IDIwcHg7CiAgICAgIHBhZGRpbmctbGVmdDogNHB4OwogICAgICBib3JkZXItbGVmdDogMXB4IGRhc2hlZCByZ2JhKDAsIDAsIDAsIDAuMDgpOwogICAgICBtYXJnaW4tdG9wOiA0cHg7CiAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICAgIGdhcDogMnB4OwogICAgfQogIA==
-var collection_tree_item_component_default = "/* angular:styles/component:less;7bee656b24f9348f17008487fee6e233f0ebe6503bec878d24d192302de93953;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-collections\\collection-tree-item.component.ts */\n:host.ctree-item {\n  display: block;\n}\n.row {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.row:hover {\n  background-color: rgba(0, 0, 0, 0.04);\n}\n.row.active {\n  background-color: #e6f7ff;\n}\n.row.active:hover {\n  background-color: #bae7ff;\n}\n.chev {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  padding: 0 !important;\n}\n.chev-icon {\n  font-size: 12px;\n  transition: transform 0.2s ease;\n  color: rgba(0, 0, 0, 0.45);\n}\n.chev-icon.expanded {\n  transform: rotate(90deg);\n}\n.main {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  min-width: 0;\n}\n.icon {\n  opacity: 0.65;\n  font-size: 14px;\n}\n.method {\n  flex: 0 0 auto;\n  font-size: 10px;\n  font-weight: 600;\n  line-height: 1.4;\n  padding: 0 4px;\n  margin: 0;\n}\n.texts {\n  flex: 1;\n  min-width: 0;\n}\n.title {\n  font-size: 13px;\n  font-weight: 500;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: rgba(0, 0, 0, 0.85);\n}\n.sub {\n  font-size: 12px;\n  opacity: 0.5;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  margin-top: 2px;\n}\n.more {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  padding: 0 !important;\n  visibility: hidden;\n  opacity: 0.5;\n}\n.more:hover {\n  opacity: 1;\n}\n.row:hover .more {\n  visibility: visible;\n}\n.children {\n  margin-left: 20px;\n  padding-left: 4px;\n  border-left: 1px dashed rgba(0, 0, 0, 0.08);\n  margin-top: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n/*# sourceMappingURL=collection-tree-item.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-collections/collection-tree-item.component.ts
-var CollectionTreeItemComponent = class CollectionTreeItemComponent2 {
-  node;
-  expanded = false;
-  activeKey = null;
-  toggle = new EventEmitter();
-  selectRequest = new EventEmitter();
-  selectCollection = new EventEmitter();
-  createRequest = new EventEmitter();
-  createFolder = new EventEmitter();
-  rename = new EventEmitter();
-  move = new EventEmitter();
-  copyCurl = new EventEmitter();
-  delete = new EventEmitter();
-  visible = false;
-  get hasChildren() {
-    return (this.node.children?.length ?? 0) > 0;
-  }
-  get iconType() {
-    if (this.node.kind === "request")
-      return "";
-    return this.node.kind === "folder" ? "folder" : "database";
-  }
-  onClick() {
-    if (this.node.kind === "request")
-      this.selectRequest.emit(this.node.id);
-    else
-      this.selectCollection.emit(this.node.id);
-  }
-  /**
-   * 获取方法对应的颜色
-   */
-  getMethodColor(method) {
-    const colors = {
-      GET: "#61affe",
-      POST: "#49cc90",
-      PUT: "#fca130",
-      PATCH: "#50e3c2",
-      DELETE: "#f93e3e",
-      HEAD: "#909090",
-      OPTIONS: "#909090"
-    };
-    return colors[method?.toUpperCase() || ""] || "#909090";
-  }
-  static propDecorators = {
-    node: [{ type: Input }],
-    expanded: [{ type: Input }],
-    activeKey: [{ type: Input }],
-    toggle: [{ type: Output }],
-    selectRequest: [{ type: Output }],
-    selectCollection: [{ type: Output }],
-    createRequest: [{ type: Output }],
-    createFolder: [{ type: Output }],
-    rename: [{ type: Output }],
-    move: [{ type: Output }],
-    copyCurl: [{ type: Output }],
-    delete: [{ type: Output }]
-  };
-};
-CollectionTreeItemComponent = __decorate([
-  Component({
-    selector: "app-collection-tree-item",
-    imports: [CommonModule, NzButtonModule, FormsModule, NzIconModule, NzPopoverModule, NzMenuModule, NzTagModule, NzPopconfirmModule],
-    template: `
-     <div class="row" [class.active]="activeKey === node.key">
-      @if(hasChildren){
-        <button
-          class="chev"
-          nz-button
-          nzType="text"
-          nzSize="small"
-          (click)="toggle.emit(node.key); $event.stopPropagation()"
-        >
-          <nz-icon class="chev-icon" [class.expanded]="expanded" [nzType]="'right'"></nz-icon>
-        </button>
-      }
-
-      <div class="main" (click)="onClick()">
-        @if(iconType){
-          <nz-icon class="icon" [nzType]="iconType"></nz-icon>
-        }
-
-        @if (node.kind === 'request') {
-          <nz-tag class="method" [nzColor]="getMethodColor(node.method)">{{ node.method || '' }}</nz-tag>
-        }
-
-        <div class="texts">
-          <div class="title">{{ node.title }}</div>
-          @if (node.subtitle) {
-            <div class="sub">{{ node.subtitle }}</div>
-          }
-        </div>
-      </div>
-
-      <button
-        class="more"
-        nz-button
-        nzType="text"
-        nzSize="small"
-        (click)="$event.stopPropagation()"
-        nz-popover
-        nzPopoverTrigger="click"
-        [(nzPopoverVisible)]="visible"
-        nzPopover
-        [nzPopoverContent]="menuTpl"
-        nzPopoverPlacement="right"
-        [nzPopoverOverlayClassName]="'project-item-popover'"> 
-        <nz-icon nzType="more" nzTheme="outline"></nz-icon>
-      </button>
-
-      <ng-template #menuTpl>
-        <ul nz-menu>
-          @if (node.kind !== 'request') {
-            @if(node.kind==='collection') {
-              <li nz-menu-item (click)="createFolder.emit(node.id); visible = false">
-                <nz-icon nzType="folder"></nz-icon>
-                <span>\u65B0\u5EFA\u76EE\u5F55</span>
-              </li>
-            }
-            <li nz-menu-item (click)="createRequest.emit(node.id); visible = false">
-              <nz-icon nzType="plus"></nz-icon>
-              <span>\u65B0\u5EFA\u8BF7\u6C42</span>
-            </li>
-            @if(node.kind==='folder') {
-              <li nz-menu-item (click)="move.emit(node.id); visible = false">
-                <nz-icon nzType="folder"></nz-icon>
-                <span>\u79FB\u52A8\u5230</span>
-              </li>
-            }
-            <li nz-menu-item (click)="rename.emit(node.id); visible = false">
-              <nz-icon nzType="edit"></nz-icon>
-              <span>\u91CD\u547D\u540D</span>
-            </li>
-            <li nz-menu-divider></li>
-            <li nz-menu-item nzDanger nz-popconfirm nzPopconfirmTitle="\u786E\u8BA4\u5220\u9664\u5417\uFF1F"  (nzOnConfirm)="delete.emit(node.id)">
-              <nz-icon nzType="delete"></nz-icon>
-              <span>\u5220\u9664</span>
-            </li>
-
-          } @else {
-            <li nz-menu-item (click)="move.emit(node.id); visible = false">
-              <nz-icon nzType="folder"></nz-icon>
-              <span>\u79FB\u52A8\u5230</span>
-            </li>
-            <li nz-menu-item (click)="rename.emit(node.id); visible = false">
-              <nz-icon nzType="edit"></nz-icon>
-              <span>\u91CD\u547D\u540D</span>
-            </li>
-            <li nz-menu-divider></li>
-            <li nz-menu-item nzDanger nz-popconfirm nzPopconfirmTitle="\u786E\u8BA4\u5220\u9664\u5417\uFF1F"  (nzOnConfirm)="delete.emit(node.id)">
-              <nz-icon nzType="delete"></nz-icon>
-              <span>\u5220\u9664</span>
-            </li>
-          }
-        </ul>
-      </ng-template>
-    </div>
-
-    @if (hasChildren && expanded) {
-      <div class="children">
-        <ng-content />
-      </div>
-    }
-  `,
-    host: {
-      "[class.ctree-item]": "true"
-    },
-    styles: [collection_tree_item_component_default]
-  })
-], CollectionTreeItemComponent);
-
-// src/app/pages/api-client/components/request-collections/collection-tree.component.ts
-var CollectionTreeComponent = class CollectionTreeComponent2 {
-  nodes = [];
-  activeRequestId = input(null);
-  selectRequest = new EventEmitter();
-  selectCollection = new EventEmitter();
-  createRequest = new EventEmitter();
-  createFolder = new EventEmitter();
-  rename = new EventEmitter();
-  move = new EventEmitter();
-  copyCurl = new EventEmitter();
-  delete = new EventEmitter();
-  // activeKey：给选中样式用（request 优先）
-  activeKey = computed(() => {
-    return this.activeRequestId() ? `r:${this.activeRequestId()}` : null;
-  });
-  // 当前选中的 collection（用于“新建请求”默认归属）
-  _activeCollectionId = signal(null);
-  activeCollectionId = computed(() => this._activeCollectionId());
-  // 展开态：key -> boolean
-  expandedMap = signal({});
-  expanded(key) {
-    return !!this.expandedMap()[key];
-  }
-  toggle(key) {
-    const m = __spreadValues({}, this.expandedMap());
-    m[key] = !m[key];
-    this.expandedMap.set(m);
-  }
-  onSelectRequest(id) {
-    this.selectRequest.emit(id);
-  }
-  onSelectCollection(id) {
-    this._activeCollectionId.set(id);
-    this.selectCollection.emit(id);
-    const key = `c:${id}`;
-    const m = __spreadValues({}, this.expandedMap());
-    m[key] = true;
-    this.expandedMap.set(m);
-  }
-  static propDecorators = {
-    nodes: [{ type: Input }],
-    activeRequestId: [{ type: Input, args: [{ isSignal: true, alias: "activeRequestId", required: false, transform: void 0 }] }],
-    selectRequest: [{ type: Output }],
-    selectCollection: [{ type: Output }],
-    createRequest: [{ type: Output }],
-    createFolder: [{ type: Output }],
-    rename: [{ type: Output }],
-    move: [{ type: Output }],
-    copyCurl: [{ type: Output }],
-    delete: [{ type: Output }]
-  };
-};
-CollectionTreeComponent = __decorate([
-  Component({
-    selector: "app-collection-tree",
-    imports: [CommonModule, FormsModule, NzInputModule, NzIconModule, NzButtonModule, CollectionTreeItemComponent],
-    host: {
-      "[class.tree-body]": "true"
-    },
-    template: `
-      @for (n of nodes; track n.key) {
-        <ng-container [ngTemplateOutlet]="nodeTpl" [ngTemplateOutletContext]="{ $implicit: n }" />
-      }
-      @if (!nodes.length) {
-        <div class="empty">\u6682\u65E0\u8BF7\u6C42</div>
-      }
-      <ng-template #nodeTpl let-node>
-        <app-collection-tree-item
-          [node]="node"
-          [expanded]="expanded(node.key)"
-          [activeKey]="activeKey()"
-          (toggle)="toggle($event)"
-          (selectRequest)="onSelectRequest($event)"
-          (selectCollection)="onSelectCollection($event)"
-          (createRequest)="createRequest.emit({ collectionId: $event })"
-          (createFolder)="createFolder.emit({ collectionId: $event })"
-          (rename)="rename.emit({ id: $event, kind: node.kind })"
-          (move)="move.emit({ id: $event, kind: node.kind })"
-          (copyCurl)="copyCurl.emit($event)"
-          (delete)="delete.emit({ id: $event, kind: node.kind })"
-        >
-          @for (c of node.children; track c.key) {
-            <ng-container [ngTemplateOutlet]="nodeTpl" [ngTemplateOutletContext]="{ $implicit: c }" />
-          }
-        </app-collection-tree-item>
-      </ng-template>
-  `,
-    styles: [collection_tree_component_default]
-  })
-], CollectionTreeComponent);
-
-// src/app/pages/api-client/components/request-collections/request-collections.component.ts
-var RequestCollectionsComponent = class RequestCollectionsComponent2 {
-  nodes = input([]);
-  q = model("");
-  activeId = input(null);
-  loading = false;
-  select = new EventEmitter();
-  createRequest = new EventEmitter();
-  createCollection = new EventEmitter();
-  createFolder = new EventEmitter();
-  reload = new EventEmitter();
-  delete = new EventEmitter();
-  rename = new EventEmitter();
-  move = new EventEmitter();
-  visible = false;
-  static propDecorators = {
-    nodes: [{ type: Input, args: [{ isSignal: true, alias: "nodes", required: false, transform: void 0 }] }],
-    q: [{ type: Input, args: [{ isSignal: true, alias: "q", required: false }] }, { type: Output, args: ["qChange"] }],
-    activeId: [{ type: Input, args: [{ isSignal: true, alias: "activeId", required: false, transform: void 0 }] }],
-    loading: [{ type: Input }],
-    select: [{ type: Output }],
-    createRequest: [{ type: Output }],
-    createCollection: [{ type: Output }],
-    createFolder: [{ type: Output }],
-    reload: [{ type: Output }],
-    delete: [{ type: Output }],
-    rename: [{ type: Output }],
-    move: [{ type: Output }]
-  };
-};
-RequestCollectionsComponent = __decorate([
-  Component({
-    selector: "app-request-collections",
-    standalone: true,
-    imports: [
-      CommonModule,
-      FormsModule,
-      NzButtonModule,
-      NzInputModule,
-      NzIconModule,
-      NzMenuModule,
-      NzPopoverModule,
-      CollectionTreeComponent
-    ],
-    template: `
-    <div class="wrap">
-      <div class="header">
-        <nz-input-wrapper>
-          <nz-icon class="search-icon" nzInputPrefix nzType="search" />
-          <input
-            nz-input
-            placeholder="\u641C\u7D22"
-            [(ngModel)]="q"
-          />
-        </nz-input-wrapper>
-        <button nz-button (click)="reload.emit()" nzType="text">
-          <nz-icon [nzType]="loading ? 'loading' : 'reload'" nzTheme="outline" />
-        </button>
-        <button 
-          nz-button 
-          nz-popover 
-          nzPopoverTrigger="click"
-          [(nzPopoverVisible)]="visible"
-          [nzPopoverContent]="menuTpl"
-          nzPopoverPlacement="bottomCenter"
-          [nzPopoverOverlayClassName]="'project-item-popover'"
-          nzType="text"
-          >
-          <nz-icon nzType="plus" nzTheme="outline" />
-        </button>
-      </div>
-      <div class="body">
-        <!-- <app-request-list
-          [requests]="filtered()"
-          [activeId]="activeId"
-          (select)="select.emit($event)"
-        /> -->
-        <app-collection-tree
-          [nodes]="nodes()"
-          [activeRequestId]="activeId()"
-          (selectRequest)="select.emit($event)"
-          (createRequest)="createRequest.emit({ collectionId: $event.collectionId })"
-          (createFolder)="createFolder.emit({ collectionId: $event.collectionId ?? null })"
-          (rename)="rename.emit($event)"
-          (move)="move.emit($event)"
-          (delete)="delete.emit({ id: $event.id, kind: $event.kind })"
-        >
-        </app-collection-tree>
-      </div>
-    </div>
-    <ng-template #menuTpl>
-      <ul nz-menu>
-        <li nz-menu-item (click)="createRequest.emit({ collectionId: null });visible=false" class="item">
-            <nz-icon nzType="api"></nz-icon>
-            <span>\u65B0\u5EFA\u8BF7\u6C42</span>
-        </li>
-        <li nz-menu-item (click)="createCollection.emit()" class="item">
-            <nz-icon nzType="folder-add"></nz-icon>
-            <span>\u65B0\u5EFA\u96C6\u5408</span>
-        </li>
-      </ul>
-    </ng-template>
-  `,
-    styles: [request_collections_component_default]
-  })
-], RequestCollectionsComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\auth-editor.component.ts;CiAgICAgIC53cmFweyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOmNvbHVtbjsgaGVpZ2h0OjEwMCU7IG1pbi1oZWlnaHQ6MjIwcHg7IH0KICAgICAgLmJhcnsKICAgICAgICBkaXNwbGF5OmZsZXg7IGdhcDoxMHB4OyBhbGlnbi1pdGVtczpjZW50ZXI7CiAgICAgICAgcGFkZGluZzo4cHggMDsgYm9yZGVyLWJvdHRvbToxcHggc29saWQgI2YwZjBmMDsKICAgICAgfQogICAgICAudHlwZXsgd2lkdGg6MTYwcHg7IH0KICAgICAgLmlueyB3aWR0aDoxNDBweDsgfQoKICAgICAgLm1haW57IGZsZXg6MSAxIGF1dG87IG92ZXJmbG93OmF1dG87IHBhZGRpbmctdG9wOjEwcHg7IH0KICAgICAgLmVtcHR5eyBwYWRkaW5nOjEycHg7IG9wYWNpdHk6Ljc7IH0KCiAgICAgIC5ncmlkeyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOmNvbHVtbjsgZ2FwOjEwcHg7IH0KICAgICAgLnJvd3sgZGlzcGxheTpncmlkOyBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDEwMHB4IDFmcjsgYWxpZ24taXRlbXM6Y2VudGVyOyBnYXA6MTBweDsgfQogICAgICAucm93LXRvcHsgYWxpZ24taXRlbXM6c3RhcnQ7IH0KICAgICAgLmxhYmVseyBmb250LXNpemU6MTJweDsgb3BhY2l0eTouODsgfQogICAg
-var auth_editor_component_default = "/* angular:styles/component:less;328f2c49622602f7047f70a3035d2e6ad9d23054ae6c988c99f892be532b2c3a;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\auth-editor.component.ts */\n.wrap {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 220px;\n}\n.bar {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 8px 0;\n  border-bottom: 1px solid #f0f0f0;\n}\n.type {\n  width: 160px;\n}\n.in {\n  width: 140px;\n}\n.main {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding-top: 10px;\n}\n.empty {\n  padding: 12px;\n  opacity: 0.7;\n}\n.grid {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.row {\n  display: grid;\n  grid-template-columns: 100px 1fr;\n  align-items: center;\n  gap: 10px;\n}\n.row-top {\n  align-items: start;\n}\n.label {\n  font-size: 12px;\n  opacity: 0.8;\n}\n/*# sourceMappingURL=auth-editor.component.css.map */\n";
-
-// node_modules/ng-zorro-antd/fesm2022/ng-zorro-antd-alert.mjs
-var NZ_CONFIG_MODULE_NAME = "alert";
-var NzAlertComponent = (() => {
-  var _a;
-  let _nzCloseable_decorators;
-  let _nzCloseable_initializers = [];
-  let _nzCloseable_extraInitializers = [];
-  let _nzShowIcon_decorators;
-  let _nzShowIcon_initializers = [];
-  let _nzShowIcon_extraInitializers = [];
-  return _a = class {
-    cdr = inject(ChangeDetectorRef);
-    directionality = inject(Directionality);
-    destroyRef = inject(DestroyRef);
-    _nzModuleName = NZ_CONFIG_MODULE_NAME;
-    nzAction = null;
-    nzCloseText = null;
-    nzIconType = null;
-    nzMessage = null;
-    nzDescription = null;
-    nzType = "info";
-    nzCloseable = __runInitializers(this, _nzCloseable_initializers, false);
-    nzShowIcon = (__runInitializers(this, _nzCloseable_extraInitializers), __runInitializers(this, _nzShowIcon_initializers, false));
-    nzBanner = (__runInitializers(this, _nzShowIcon_extraInitializers), false);
-    nzNoAnimation = false;
-    nzIcon = null;
-    nzOnClose = new EventEmitter();
-    closed = false;
-    iconTheme = "fill";
-    inferredIconType = "info-circle";
-    dir = "ltr";
-    isTypeSet = false;
-    isShowIconSet = false;
-    constructor() {
-      onConfigChangeEventForComponent(NZ_CONFIG_MODULE_NAME, () => this.cdr.markForCheck());
-    }
-    ngOnInit() {
-      this.directionality.change?.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((direction) => {
-        this.dir = direction;
-        this.cdr.detectChanges();
-      });
-      this.dir = this.directionality.value;
-    }
-    closeAlert() {
-      this.closed = true;
-    }
-    onFadeAnimationDone() {
-      if (this.closed) {
-        this.nzOnClose.emit(true);
-      }
-    }
-    ngOnChanges(changes) {
-      const { nzShowIcon, nzDescription, nzType, nzBanner } = changes;
-      if (nzShowIcon) {
-        this.isShowIconSet = true;
-      }
-      if (nzType) {
-        this.isTypeSet = true;
-        switch (this.nzType) {
-          case "error":
-            this.inferredIconType = "close-circle";
-            break;
-          case "success":
-            this.inferredIconType = "check-circle";
-            break;
-          case "info":
-            this.inferredIconType = "info-circle";
-            break;
-          case "warning":
-            this.inferredIconType = "exclamation-circle";
-            break;
-        }
-      }
-      if (nzDescription) {
-        this.iconTheme = this.nzDescription ? "outline" : "fill";
-      }
-      if (nzBanner) {
-        if (!this.isTypeSet) {
-          this.nzType = "warning";
-        }
-        if (!this.isShowIconSet) {
-          this.nzShowIcon = true;
-        }
-      }
-    }
-  }, (() => {
-    const _metadata = typeof Symbol === "function" && Symbol.metadata ? /* @__PURE__ */ Object.create(null) : void 0;
-    _nzCloseable_decorators = [WithConfig()];
-    _nzShowIcon_decorators = [WithConfig()];
-    __esDecorate(null, null, _nzCloseable_decorators, { kind: "field", name: "nzCloseable", static: false, private: false, access: { has: (obj) => "nzCloseable" in obj, get: (obj) => obj.nzCloseable, set: (obj, value) => {
-      obj.nzCloseable = value;
-    } }, metadata: _metadata }, _nzCloseable_initializers, _nzCloseable_extraInitializers);
-    __esDecorate(null, null, _nzShowIcon_decorators, { kind: "field", name: "nzShowIcon", static: false, private: false, access: { has: (obj) => "nzShowIcon" in obj, get: (obj) => obj.nzShowIcon, set: (obj, value) => {
-      obj.nzShowIcon = value;
-    } }, metadata: _metadata }, _nzShowIcon_initializers, _nzShowIcon_extraInitializers);
-    if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-  })(), __publicField(_a, "\u0275fac", \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _a, deps: [], target: FactoryTarget.Component })), __publicField(_a, "\u0275cmp", \u0275\u0275ngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: _a, isStandalone: true, selector: "nz-alert", inputs: { nzAction: "nzAction", nzCloseText: "nzCloseText", nzIconType: "nzIconType", nzMessage: "nzMessage", nzDescription: "nzDescription", nzType: "nzType", nzCloseable: ["nzCloseable", "nzCloseable", booleanAttribute], nzShowIcon: ["nzShowIcon", "nzShowIcon", booleanAttribute], nzBanner: ["nzBanner", "nzBanner", booleanAttribute], nzNoAnimation: ["nzNoAnimation", "nzNoAnimation", booleanAttribute], nzIcon: "nzIcon" }, outputs: { nzOnClose: "nzOnClose" }, exportAs: ["nzAlert"], usesOnChanges: true, ngImport: core_exports, template: `
-    @if (!closed) {
-      <div
-        class="ant-alert"
-        [class.ant-alert-rtl]="dir === 'rtl'"
-        [class.ant-alert-success]="nzType === 'success'"
-        [class.ant-alert-info]="nzType === 'info'"
-        [class.ant-alert-warning]="nzType === 'warning'"
-        [class.ant-alert-error]="nzType === 'error'"
-        [class.ant-alert-no-icon]="!nzShowIcon"
-        [class.ant-alert-banner]="nzBanner"
-        [class.ant-alert-closable]="nzCloseable"
-        [class.ant-alert-with-description]="!!nzDescription"
-        [@.disabled]="nzNoAnimation"
-        [@slideAlertMotion]
-        (@slideAlertMotion.done)="onFadeAnimationDone()"
-      >
-        @if (nzShowIcon) {
-          <div class="ant-alert-icon">
-            @if (nzIcon) {
-              <ng-container *nzStringTemplateOutlet="nzIcon"></ng-container>
-            } @else {
-              <nz-icon [nzType]="nzIconType || inferredIconType" [nzTheme]="iconTheme" />
-            }
-          </div>
-        }
-
-        @if (nzMessage || nzDescription) {
-          <div class="ant-alert-content">
-            @if (nzMessage) {
-              <span class="ant-alert-message">
-                <ng-container *nzStringTemplateOutlet="nzMessage">{{ nzMessage }}</ng-container>
-              </span>
-            }
-            @if (nzDescription) {
-              <span class="ant-alert-description">
-                <ng-container *nzStringTemplateOutlet="nzDescription">{{ nzDescription }}</ng-container>
-              </span>
-            }
-          </div>
-        }
-
-        @if (nzAction) {
-          <div class="ant-alert-action">
-            <ng-container *nzStringTemplateOutlet="nzAction">{{ nzAction }}</ng-container>
-          </div>
-        }
-
-        @if (nzCloseable || nzCloseText) {
-          <button type="button" tabindex="0" class="ant-alert-close-icon" (click)="closeAlert()">
-            @if (nzCloseText) {
-              <ng-container *nzStringTemplateOutlet="nzCloseText">
-                <span class="ant-alert-close-text">{{ nzCloseText }}</span>
-              </ng-container>
-            } @else {
-              <nz-icon nzType="close" />
-            }
-          </button>
-        }
-      </div>
-    }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzOutletModule }, { kind: "directive", type: NzStringTemplateOutletDirective, selector: "[nzStringTemplateOutlet]", inputs: ["nzStringTemplateOutletContext", "nzStringTemplateOutlet"], exportAs: ["nzStringTemplateOutlet"] }], animations: [slideAlertMotion], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None })), _a;
-})();
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzAlertComponent, decorators: [{
-  type: Component,
-  args: [{
-    selector: "nz-alert",
-    exportAs: "nzAlert",
-    animations: [slideAlertMotion],
-    imports: [NzIconModule, NzOutletModule],
-    template: `
-    @if (!closed) {
-      <div
-        class="ant-alert"
-        [class.ant-alert-rtl]="dir === 'rtl'"
-        [class.ant-alert-success]="nzType === 'success'"
-        [class.ant-alert-info]="nzType === 'info'"
-        [class.ant-alert-warning]="nzType === 'warning'"
-        [class.ant-alert-error]="nzType === 'error'"
-        [class.ant-alert-no-icon]="!nzShowIcon"
-        [class.ant-alert-banner]="nzBanner"
-        [class.ant-alert-closable]="nzCloseable"
-        [class.ant-alert-with-description]="!!nzDescription"
-        [@.disabled]="nzNoAnimation"
-        [@slideAlertMotion]
-        (@slideAlertMotion.done)="onFadeAnimationDone()"
-      >
-        @if (nzShowIcon) {
-          <div class="ant-alert-icon">
-            @if (nzIcon) {
-              <ng-container *nzStringTemplateOutlet="nzIcon"></ng-container>
-            } @else {
-              <nz-icon [nzType]="nzIconType || inferredIconType" [nzTheme]="iconTheme" />
-            }
-          </div>
-        }
-
-        @if (nzMessage || nzDescription) {
-          <div class="ant-alert-content">
-            @if (nzMessage) {
-              <span class="ant-alert-message">
-                <ng-container *nzStringTemplateOutlet="nzMessage">{{ nzMessage }}</ng-container>
-              </span>
-            }
-            @if (nzDescription) {
-              <span class="ant-alert-description">
-                <ng-container *nzStringTemplateOutlet="nzDescription">{{ nzDescription }}</ng-container>
-              </span>
-            }
-          </div>
-        }
-
-        @if (nzAction) {
-          <div class="ant-alert-action">
-            <ng-container *nzStringTemplateOutlet="nzAction">{{ nzAction }}</ng-container>
-          </div>
-        }
-
-        @if (nzCloseable || nzCloseText) {
-          <button type="button" tabindex="0" class="ant-alert-close-icon" (click)="closeAlert()">
-            @if (nzCloseText) {
-              <ng-container *nzStringTemplateOutlet="nzCloseText">
-                <span class="ant-alert-close-text">{{ nzCloseText }}</span>
-              </ng-container>
-            } @else {
-              <nz-icon nzType="close" />
-            }
-          </button>
-        }
-      </div>
-    }
-  `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    encapsulation: ViewEncapsulation.None
-  }]
-}], ctorParameters: () => [], propDecorators: { nzAction: [{
-  type: Input
-}], nzCloseText: [{
-  type: Input
-}], nzIconType: [{
-  type: Input
-}], nzMessage: [{
-  type: Input
-}], nzDescription: [{
-  type: Input
-}], nzType: [{
-  type: Input
-}], nzCloseable: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzShowIcon: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzBanner: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzNoAnimation: [{
-  type: Input,
-  args: [{ transform: booleanAttribute }]
-}], nzIcon: [{
-  type: Input
-}], nzOnClose: [{
-  type: Output
-}] } });
-var NzAlertModule = class _NzAlertModule {
-  static \u0275fac = \u0275\u0275ngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzAlertModule, deps: [], target: FactoryTarget.NgModule });
-  static \u0275mod = \u0275\u0275ngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: core_exports, type: _NzAlertModule, imports: [NzAlertComponent], exports: [NzAlertComponent] });
-  static \u0275inj = \u0275\u0275ngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: _NzAlertModule, imports: [NzAlertComponent] });
-};
-\u0275\u0275ngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: core_exports, type: NzAlertModule, decorators: [{
-  type: NgModule,
-  args: [{
-    exports: [NzAlertComponent],
-    imports: [NzAlertComponent]
-  }]
-}] });
-
-// src/app/pages/api-client/components/request-editor/auth-editor.component.ts
-var AuthEditorComponent = class AuthEditorComponent2 {
-  auth = input(void 0);
-  authChange = new EventEmitter();
-  types = ["none", "basic", "bearer", "cookie", "apikey"];
-  type = computed(() => this.auth()?.type ?? "none");
-  basicUsername = computed(() => this.auth()?.type === "basic" ? this.auth()?.basic?.username ?? "" : "");
-  basicPassword = computed(() => this.auth()?.type === "basic" ? this.auth()?.basic?.password ?? "" : "");
-  bearerToken = computed(() => this.auth()?.type === "bearer" ? this.auth()?.bearer?.token ?? "" : "");
-  cookieValue = computed(() => this.auth()?.type === "cookie" ? this.auth()?.cookie?.value ?? "" : "");
-  apiKeyIn = computed(() => {
-    if (this.auth()?.type !== "apikey")
-      return "header";
-    return this.auth()?.apikey?.in ?? "header";
-  });
-  apiKeyKey = computed(() => this.auth()?.type === "apikey" ? this.auth()?.apikey?.key ?? "" : "");
-  apiKeyValue = computed(() => this.auth()?.type === "apikey" ? this.auth()?.apikey?.value ?? "" : "");
-  setType(t) {
-    if (t === "none") {
-      this.authChange.emit({ type: "none" });
-      return;
-    }
-    if (t === "basic") {
-      this.authChange.emit({
-        type: "basic",
-        basic: { username: "", password: "" }
-      });
-      return;
-    }
-    if (t === "bearer") {
-      this.authChange.emit({
-        type: "bearer",
-        bearer: { token: "" }
-      });
-      return;
-    }
-    if (t === "cookie") {
-      this.authChange.emit({
-        type: "cookie",
-        cookie: { value: "" }
-      });
-      return;
-    }
-    this.authChange.emit({
-      type: "apikey",
-      apikey: { in: "header", key: "", value: "" }
-    });
-  }
-  setBasicUsername(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "basic" }), { type: "basic", basic: __spreadProps(__spreadValues({}, current?.basic), { username: v }) });
-    this.authChange.emit(next);
-  }
-  setBasicPassword(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "basic" }), { type: "basic", basic: __spreadProps(__spreadValues({}, current?.basic), { password: v }) });
-    this.authChange.emit(next);
-  }
-  setBearerToken(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "bearer" }), { type: "bearer", bearer: __spreadProps(__spreadValues({}, current?.bearer), { token: v }) });
-    this.authChange.emit(next);
-  }
-  setCookieValue(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "cookie" }), { type: "cookie", cookie: __spreadProps(__spreadValues({}, current?.cookie), { value: v }) });
-    this.authChange.emit(next);
-  }
-  setApiKeyIn(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "apikey" }), {
-      type: "apikey",
-      apikey: __spreadProps(__spreadValues({}, current?.apikey), { in: v, key: this.apiKeyKey(), value: this.apiKeyValue() })
-    });
-    this.authChange.emit(next);
-  }
-  setApiKeyKey(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "apikey" }), {
-      type: "apikey",
-      apikey: __spreadProps(__spreadValues({}, current?.apikey), { in: this.apiKeyIn(), key: v, value: this.apiKeyValue() })
-    });
-    this.authChange.emit(next);
-  }
-  setApiKeyValue(v) {
-    const current = this.auth();
-    const next = __spreadProps(__spreadValues({}, current ?? { type: "apikey" }), {
-      type: "apikey",
-      apikey: __spreadProps(__spreadValues({}, current?.apikey), { in: this.apiKeyIn(), key: this.apiKeyKey(), value: v })
-    });
-    this.authChange.emit(next);
-  }
-  static propDecorators = {
-    auth: [{ type: Input, args: [{ isSignal: true, alias: "auth", required: false, transform: void 0 }] }],
-    authChange: [{ type: Output }]
-  };
-};
-AuthEditorComponent = __decorate([
-  Component({
-    selector: "app-auth-editor",
-    standalone: true,
-    imports: [CommonModule, FormsModule, NzSelectModule, NzInputModule, NzAlertModule],
-    template: `
-    <div class="wrap">
-      <div class="bar">
-        <nz-select class="type" [ngModel]="type()" (ngModelChange)="setType($event)">
-          @for (t of types; track t) {
-            <nz-option [nzValue]="t" [nzLabel]="t"></nz-option>
-          }
-        </nz-select>
-
-        @if(type()==='apikey'){
-          <nz-select class="in" [ngModel]="apiKeyIn()" (ngModelChange)="setApiKeyIn($event)">
-            <nz-option nzValue="header" nzLabel="in: header"></nz-option>
-            <nz-option nzValue="query" nzLabel="in: query"></nz-option>
-          </nz-select>
-        }
-      </div>
-
-      <div class="main">
-        @switch (type()) {
-          @case ('none') {
-            <div class="empty">\u65E0\u9274\u6743</div>
-          }
-
-          @case ('basic') {
-            <div class="grid">
-              <div class="row">
-                <div class="label">Username</div>
-                <input
-                  nz-input
-                  placeholder="username"
-                  [ngModel]="basicUsername()"
-                  (ngModelChange)="setBasicUsername($event)"
-                />
-              </div>
-
-              <div class="row">
-                <div class="label">Password</div>
-                <input
-                  nz-input
-                  placeholder="password"
-                  type="password"
-                  [ngModel]="basicPassword()"
-                  (ngModelChange)="setBasicPassword($event)"
-                />
-              </div>
-            </div>
-          }
-
-          @case ('bearer') {
-            <div class="grid">
-              <div class="row">
-                <div class="label">Token</div>
-                <input
-                  nz-input
-                  placeholder="Bearer token"
-                  [ngModel]="bearerToken()"
-                  (ngModelChange)="setBearerToken($event)"
-                />
-              </div>
-            </div>
-          }
-
-          @case ('cookie') {
-            <div class="grid">
-              <div class="row row-top">
-                <div class="label">Cookie</div>
-                <textarea
-                  nz-input
-                  rows="4"
-                  placeholder="ngm_hub_token=...; other=value"
-                  [ngModel]="cookieValue()"
-                  (ngModelChange)="setCookieValue($event)"
-                ></textarea>
-              </div>
-
-              <nz-alert
-                nzType="info"
-                nzShowIcon
-                nzMessage="\u586B\u5199\u5B8C\u6574 Cookie \u5934\u503C\u3002\u9002\u5408\u5148\u8C03\u7528\u767B\u5F55\u63A5\u53E3\u62FF\u5230 Set-Cookie\uFF0C\u518D\u7C98\u8D34\u5230\u8FD9\u91CC\u590D\u7528\u4F1A\u8BDD\u3002"
-              ></nz-alert>
-            </div>
-          }
-
-          @case ('apikey') {
-            <div class="grid">
-              <div class="row">
-                <div class="label">Key</div>
-                <input
-                  nz-input
-                  placeholder="x-api-key / api_key"
-                  [ngModel]="apiKeyKey()"
-                  (ngModelChange)="setApiKeyKey($event)"
-                />
-              </div>
-
-              <div class="row">
-                <div class="label">Value</div>
-                <input
-                  nz-input
-                  placeholder="value"
-                  [ngModel]="apiKeyValue()"
-                  (ngModelChange)="setApiKeyValue($event)"
-                />
-              </div>
-
-              @if(apiKeyIn()==='query'){
-                <nz-alert
-                  nzType="info"
-                  nzShowIcon
-                  nzMessage="\u63D0\u793A\uFF1Aquery \u578B API Key \u4E0D\u4F1A\u5199\u5165\u8BF7\u6C42\u5934\uFF0C\u4F1A\u5728\u53D1\u9001\u65F6\u62FC\u63A5\u5230 URL \u67E5\u8BE2\u53C2\u6570\u4E2D\u3002"
-                ></nz-alert>
-              }
-              @if(apiKeyIn()==='header'){
-                <nz-alert
-                  nzType="info"
-                  nzShowIcon
-                  nzMessage="\u63D0\u793A\uFF1Aheader \u578B API Key \u4F1A\u5728\u53D1\u9001\u65F6\u5199\u5165\u8BF7\u6C42\u5934\u3002"
-                ></nz-alert>
-              }
-            </div>
-          }
-        }
-      </div>
-    </div>
-  `,
-    styles: [auth_editor_component_default]
-  })
-], AuthEditorComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\body-editor.component.ts;CiAgICAud3JhcHsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47IGhlaWdodDoxMDAlOyBtaW4taGVpZ2h0OjI2MHB4OyB9CiAgICAuYmFyewogICAgICBkaXNwbGF5OmZsZXg7IGdhcDoxMHB4OyBhbGlnbi1pdGVtczpjZW50ZXI7CiAgICAgIHBhZGRpbmc6OHB4IDA7IGJvcmRlci1ib3R0b206MXB4IHNvbGlkICNmMGYwZjA7CiAgICB9CiAgICAubW9kZXsgd2lkdGg6MTQwcHg7IH0KICAgIC5jdHlwZXsgZmxleDoxIDEgYXV0bzsgfQogICAgLm1haW57IGZsZXg6MSAxIGF1dG87IG92ZXJmbG93OmF1dG87IHBhZGRpbmctdG9wOjEwcHg7IH0KICAgIC50YXsgd2lkdGg6MTAwJTsgaGVpZ2h0OjEwMCU7IG1pbi1oZWlnaHQ6MjQwcHg7IGZvbnQtZmFtaWx5OiB1aS1tb25vc3BhY2UsIFNGTW9uby1SZWd1bGFyLCBNZW5sbywgTW9uYWNvLCBDb25zb2xhcywgIkxpYmVyYXRpb24gTW9ubyIsICJDb3VyaWVyIE5ldyIsIG1vbm9zcGFjZTsgZm9udC1zaXplOjEycHg7IH0KICAgIC5lbXB0eXsgcGFkZGluZzoxMnB4OyBvcGFjaXR5Oi43OyB9CiAgICAuZXJyeyBtYXJnaW4tdG9wOjhweDsgY29sb3I6I2E4MDcxYTsgZm9udC1zaXplOjEycHg7IH0KICA=
-var body_editor_component_default = '/* angular:styles/component:less;a2d138daa1be7ada152d2490f4e888dcacc12e206ea493e4a20e8f2b036ce7b0;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\body-editor.component.ts */\n.wrap {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 260px;\n}\n.bar {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  padding: 8px 0;\n  border-bottom: 1px solid #f0f0f0;\n}\n.mode {\n  width: 140px;\n}\n.ctype {\n  flex: 1 1 auto;\n}\n.main {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding-top: 10px;\n}\n.ta {\n  width: 100%;\n  height: 100%;\n  min-height: 240px;\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-size: 12px;\n}\n.empty {\n  padding: 12px;\n  opacity: 0.7;\n}\n.err {\n  margin-top: 8px;\n  color: #a8071a;\n  font-size: 12px;\n}\n/*# sourceMappingURL=body-editor.component.css.map */\n';
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\kv-table.component.ts;CiAgICAua3Ytd3JhcHsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47IGhlaWdodDoxMDAlOyB9CiAgICAua3YtdG9vbGJhcnsKICAgICAgcGFkZGluZzo4cHggMDsKICAgICAgZGlzcGxheTpmbGV4OwogICAgICBqdXN0aWZ5LWNvbnRlbnQ6c3BhY2UtYmV0d2VlbjsKICAgICAgYWxpZ24taXRlbXM6Y2VudGVyOwogICAgICBnYXA6MTBweDsKICAgIH0KICAgIC5rdi10b29sYmFyIC5sZWZ0LCAua3YtdG9vbGJhciAucmlnaHR7IGRpc3BsYXk6ZmxleDsgZ2FwOjhweDsgYWxpZ24taXRlbXM6Y2VudGVyOyB9CiAgICAuaGludHsgZm9udC1zaXplOjEycHg7IG9wYWNpdHk6Ljc7IH0KCiAgICAua3YtaGVhZHsKICAgICAgZGlzcGxheTpncmlkOwogICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDQwcHggMWZyIDFmciAyZnIgNDRweDsKICAgICAgZ2FwOjhweDsKICAgICAgcGFkZGluZzo2cHggMDsKICAgICAgZm9udC1zaXplOjE0cHg7CiAgICAgIGJvcmRlci1ib3R0b206MXB4IHNvbGlkICNmMGYwZjA7CiAgICAgIGFsaWduLWl0ZW1zOmNlbnRlcjsKICAgICAgLmMta2V5LCAuYy12YWwsIC5jLWRlc3sKICAgICAgICBvcGFjaXR5Oi43NTsKICAgICAgfQogICAgfQoKICAgIC5rdi1ib2R5ewogICAgICBmbGV4OjEgMSBhdXRvOwogICAgICBvdmVyZmxvdzphdXRvOwogICAgICBwYWRkaW5nOjhweCAwOwogICAgfQoKICAgIC5rdi1yb3d7CiAgICAgIGRpc3BsYXk6Z3JpZDsKICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA0MHB4IDFmciAxZnIgMmZyIDQ0cHg7CiAgICAgIGdhcDo4cHg7CiAgICAgIGFsaWduLWl0ZW1zOmNlbnRlcjsKICAgICAgcGFkZGluZzo2cHggMDsKICAgICAgYm9yZGVyLWJvdHRvbToxcHggZGFzaGVkICNmMGYwZjA7CiAgICB9CgogICAgLmMtY2hlY2t7IGRpc3BsYXk6ZmxleDsganVzdGlmeS1jb250ZW50OmNlbnRlcjsgfQogICAgLmMtb3B7IGRpc3BsYXk6ZmxleDsganVzdGlmeS1jb250ZW50OmNlbnRlcjsgfQoKICAgIC5rdi1lbXB0eXsKICAgICAgcGFkZGluZzoxNnB4OwogICAgICBvcGFjaXR5Oi43NTsKICAgICAgZGlzcGxheTpmbGV4OwogICAgICBhbGlnbi1pdGVtczpjZW50ZXI7CiAgICAgIGp1c3RpZnktY29udGVudDpzcGFjZS1iZXR3ZWVuOwogICAgICBib3JkZXI6MXB4IGRhc2hlZCAjZThlOGU4OwogICAgICBib3JkZXItcmFkaXVzOjhweDsKICAgICAgbWFyZ2luLXRvcDo4cHg7CiAgICB9CiAg
-var kv_table_component_default = "/* angular:styles/component:less;050f257cd99878760f38d3077de3741ff43d594fd3d097d70835075f643e2358;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\kv-table.component.ts */\n.kv-wrap {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.kv-toolbar {\n  padding: 8px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n}\n.kv-toolbar .left,\n.kv-toolbar .right {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.hint {\n  font-size: 12px;\n  opacity: 0.7;\n}\n.kv-head {\n  display: grid;\n  grid-template-columns: 40px 1fr 1fr 2fr 44px;\n  gap: 8px;\n  padding: 6px 0;\n  font-size: 14px;\n  border-bottom: 1px solid #f0f0f0;\n  align-items: center;\n}\n.kv-head .c-key,\n.kv-head .c-val,\n.kv-head .c-des {\n  opacity: 0.75;\n}\n.kv-body {\n  flex: 1 1 auto;\n  overflow: auto;\n  padding: 8px 0;\n}\n.kv-row {\n  display: grid;\n  grid-template-columns: 40px 1fr 1fr 2fr 44px;\n  gap: 8px;\n  align-items: center;\n  padding: 6px 0;\n  border-bottom: 1px dashed #f0f0f0;\n}\n.c-check {\n  display: flex;\n  justify-content: center;\n}\n.c-op {\n  display: flex;\n  justify-content: center;\n}\n.kv-empty {\n  padding: 16px;\n  opacity: 0.75;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border: 1px dashed #e8e8e8;\n  border-radius: 8px;\n  margin-top: 8px;\n}\n/*# sourceMappingURL=kv-table.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-editor/kv-table.component.ts
-function generateRowId() {
-  return `kv_${Date.now().toString(36)}_${Math.random().toString(36).slice(2, 8)}`;
-}
-var KvTableComponent = class KvTableComponent2 {
-  ngOnChanges(changes) {
-    if (changes["rows"]) {
-      this.rows = this.withTrailingBlank(this.ensureRowIds(this.rows));
-    }
-  }
-  rows = [];
-  rowsChange = new EventEmitter();
-  keyLabel = "Key";
-  valueLabel = "Value";
-  keyPlaceholder = "key";
-  valuePlaceholder = "value";
-  descriptionLabel = "Description";
-  keepTrailingBlank = true;
-  enabledCount = computed(() => this.rows.filter((x) => x.enabled).length);
-  isAllEnabled() {
-    return this.rows.length > 0 && this.rows.every((x) => x.enabled);
-  }
-  toggleEnabled(checked) {
-    const next = this.rows.map((r) => __spreadProps(__spreadValues({}, r), { enabled: checked }));
-    this.emit(next);
-  }
-  emit(next) {
-    this.rowsChange.emit(next);
-  }
-  /**
-   * 确保所有行都有唯一 ID
-   */
-  ensureRowIds(rows) {
-    return rows.map((r) => {
-      if (!r.id || r.id.trim() === "") {
-        return __spreadProps(__spreadValues({}, r), { id: generateRowId() });
-      }
-      return r;
-    });
-  }
-  withTrailingBlank(rows) {
-    return this.keepTrailingBlank ? this.ensureTrailingBlank(rows) : rows;
-  }
-  createBlankRow() {
-    return { id: generateRowId(), key: "", value: "", description: "", enabled: true };
-  }
-  isBlankRow(r) {
-    if (!r)
-      return true;
-    const k = (r.key ?? "").trim();
-    const v = (r.value ?? "").trim();
-    const d = (r.description ?? "").trim();
-    return !k && !v && !d;
-  }
-  /** 核心：保证末尾永远有一行空白行 */
-  ensureTrailingBlank(rows) {
-    const list = Array.isArray(rows) ? rows : [];
-    if (list.length === 0)
-      return [this.createBlankRow()];
-    const last = list[list.length - 1];
-    if (this.isBlankRow(last))
-      return list;
-    return [...list, this.createBlankRow()];
-  }
-  /** 轻量比较：同引用直接认为相同；否则只比较长度+最后一行是否空白（避免频繁 emit） */
-  sameRowsRefOrContent(a, b) {
-    if (a === b)
-      return true;
-    if (a.length !== b.length)
-      return false;
-    const aLastBlank = this.isBlankRow(a[a.length - 1]);
-    const bLastBlank = this.isBlankRow(b[b.length - 1]);
-    return aLastBlank === bLastBlank;
-  }
-  removeRow(i) {
-    const base = this.rows.filter((_, idx) => idx !== i);
-    this.emit(this.withTrailingBlank(base));
-  }
-  setEnabled(i, enabled) {
-    const base = this.rows.map((r, idx) => idx === i ? __spreadProps(__spreadValues({}, r), { enabled }) : r);
-    this.emit(base);
-  }
-  setValue(i, value) {
-    this.patchRow(i, { value });
-  }
-  setKey(i, key) {
-    this.patchRow(i, { key });
-  }
-  setDescription(i, description) {
-    this.patchRow(i, { description });
-  }
-  patchRow(i, partial) {
-    const base = this.rows.map((r, idx) => idx === i ? __spreadValues(__spreadValues({}, r), partial) : r);
-    this.emit(this.withTrailingBlank(base));
-  }
-  addRow() {
-    const base = [...this.rows, this.createBlankRow()];
-    this.emit(this.withTrailingBlank(base));
-  }
-  clearDisabled() {
-    const base = this.rows.filter((x) => x.enabled);
-    this.emit(this.withTrailingBlank(base));
-  }
-  static propDecorators = {
-    rows: [{ type: Input }],
-    rowsChange: [{ type: Output }],
-    keyLabel: [{ type: Input }],
-    valueLabel: [{ type: Input }],
-    keyPlaceholder: [{ type: Input }],
-    valuePlaceholder: [{ type: Input }],
-    descriptionLabel: [{ type: Input }],
-    keepTrailingBlank: [{ type: Input }]
-  };
-};
-KvTableComponent = __decorate([
-  Component({
-    selector: "app-kv-table",
-    standalone: true,
-    imports: [
-      CommonModule,
-      FormsModule,
-      NzButtonModule,
-      NzCheckboxModule,
-      NzInputModule,
-      NzIconModule,
-      NzTooltipModule
-    ],
-    template: `
-    <div class="kv-wrap">
-      <div class="kv-head">
-        <div class="c-check">
-          @if(keepTrailingBlank){
-            <label nz-checkbox [ngModel]="isAllEnabled()"
-              (ngModelChange)="toggleEnabled($event); "
-            ></label>
-          }
-        </div>
-        <div class="c-key">{{keyLabel}}</div>
-        <div class="c-val">{{valueLabel}}</div>
-        <div class="c-des">{{descriptionLabel}}</div>
-        <div class="c-op"></div>
-      </div>
-      <div class="kv-body">
-        @for (r of rows; let idx = $index; track r.id) {
-          <div class="kv-row">
-            <div class="c-check">
-              <label nz-checkbox [ngModel]="r.enabled" [nzDisabled]="!keepTrailingBlank" (ngModelChange)="setEnabled($index, $event)"></label>
-            </div>
-            <div class="c-key" [nz-tooltip]="!keepTrailingBlank ? '\u81EA\u52A8\u63D0\u53D6Url \u4E2D\u7684 Path \u53C2\u6570\uFF0C\u652F\u6301{param} \u4E0E :param' : ''">
-              <input
-                nz-input
-                [readonly]="!keepTrailingBlank"
-                [placeholder]="keyPlaceholder"
-                [ngModel]="r.key"
-                (ngModelChange)="setKey(idx, $event)"
-              />
-            </div>
-            <div class="c-val">
-              <input
-                nz-input
-                [placeholder]="valuePlaceholder"
-                [ngModel]="r.value"
-                (ngModelChange)="setValue(idx, $event)"
-              />
-            </div>
-            <div class="c-des">
-              <input
-                nz-input
-                [placeholder]="descriptionLabel"
-                [ngModel]="r.description"
-                (ngModelChange)="setDescription(idx, $event)"
-              />
-            </div>
-            <div class="c-op">
-              <button nz-button nzType="text" (click)="removeRow(idx)" nz-tooltip nzTooltipTitle="\u5220\u9664">
-                <nz-icon nzType="minus-circle" nzTheme="outline" />
-              </button>
-            </div>
-          </div>
-        }
-      </div>
-    </div>
-  `,
-    styles: [kv_table_component_default]
-  })
-], KvTableComponent);
-
-// src/app/pages/api-client/components/request-editor/body-editor.component.ts
-var import_lodash = __toESM(require_lodash());
-var BodyEditorComponent = class BodyEditorComponent2 {
-  msg = inject(NzMessageService);
-  body;
-  bodyChange = new EventEmitter();
-  //用 signal 承载输入
-  bodySig = signal(void 0);
-  modes = ["none", "json", "text", "urlencoded", "form", "binary"];
-  // local json text buffer（避免用户输入过程中频繁 JSON.parse 崩）
-  _jsonText = signal("");
-  mode = computed(() => this.bodySig()?.mode ?? "none");
-  contentType = computed(() => this.bodySig()?.contentType ?? "");
-  jsonText = computed(() => {
-    if (this.mode() !== "json")
-      return "";
-    const c = this.body?.content;
-    if (typeof c === "string")
-      return c;
-    if (c == null)
-      return this._jsonText() || "";
-    try {
-      return JSON.stringify(c, null, 2);
-    } catch {
-      return this._jsonText() || "";
-    }
-  });
-  jsonError = signal("");
-  textBody = computed(() => this.body?.mode === "text" ? String(this.body?.content ?? "") : "");
-  urlRows = computed(() => {
-    if (this.body?.mode !== "urlencoded")
-      return [];
-    const c = this.body?.content;
-    if (!c || typeof c !== "object" || Array.isArray(c))
-      return [];
-    return Object.entries(c).map(([k, v]) => ({ key: k, value: String(v ?? ""), enabled: true, id: (0, import_lodash.uniqueId)() }));
-  });
-  setMode(m) {
-    const prev = this.body;
-    const next = __spreadProps(__spreadValues({}, prev ?? {}), { mode: m });
-    if (!next.contentType) {
-      if (m === "json")
-        next.contentType = "application/json; charset=utf-8";
-      if (m === "text")
-        next.contentType = "text/plain; charset=utf-8";
-      if (m === "urlencoded")
-        next.contentType = "application/x-www-form-urlencoded; charset=utf-8";
-      if (m === "none")
-        next.contentType = void 0;
-    }
-    if (m === "none") {
-      this.bodyChange.emit({ mode: "none" });
-      return;
-    }
-    if (m === "json" && prev?.mode !== "json")
-      next.content = {};
-    if (m === "text" && prev?.mode !== "text")
-      next.content = "";
-    if (m === "urlencoded" && prev?.mode !== "urlencoded")
-      next.content = {};
-    this.bodyChange.emit(next);
-  }
-  ngOnChanges(changes) {
-    if (changes["body"]) {
-      const b = changes["body"].currentValue;
-      this.bodySig.set(b);
-      if (b?.mode === "json") {
-        if (typeof b.content === "string")
-          this._jsonText.set(b.content);
-        else
-          this._jsonText.set(b.content ? JSON.stringify(b.content, null, 2) : "");
-        this.jsonError.set("");
-      }
-    }
-  }
-  setContentType(v) {
-    const m = this.mode();
-    const next = __spreadProps(__spreadValues({}, this.body ?? { mode: m }), { contentType: v });
-    this.bodyChange.emit(next);
-  }
-  setTextBody(v) {
-    const next = __spreadProps(__spreadValues({}, this.body ?? { mode: "text" }), { mode: "text", content: v });
-    this.bodyChange.emit(next);
-  }
-  setJsonText(v) {
-    this._jsonText.set(v);
-    this.jsonError.set("");
-    try {
-      const parsed = v.trim() ? JSON.parse(v) : {};
-      const next = __spreadProps(__spreadValues({}, this.body ?? { mode: "json" }), { mode: "json", content: parsed });
-      this.bodyChange.emit(next);
-    } catch (e) {
-      this.jsonError.set("JSON \u4E0D\u5408\u6CD5\uFF08\u7EE7\u7EED\u8F93\u5165\u5373\u53EF\uFF09");
-    }
-  }
-  formatJson() {
-    const m = this.mode();
-    if (m !== "json")
-      return;
-    const c = this.body?.content;
-    try {
-      const text = JSON.stringify(c ?? {}, null, 2);
-      this._jsonText.set(text);
-      this.jsonError.set("");
-      const next = __spreadProps(__spreadValues({}, this.body ?? { mode: "json" }), { mode: "json", content: c ?? {} });
-      this.bodyChange.emit(next);
-      this.msg.success("\u5DF2\u683C\u5F0F\u5316");
-    } catch {
-      this.msg.error("\u683C\u5F0F\u5316\u5931\u8D25");
-    }
-  }
-  setUrlRows(rows) {
-    const obj = {};
-    for (const r of rows) {
-      if (!r.enabled)
-        continue;
-      const k = (r.key ?? "").trim();
-      if (!k)
-        continue;
-      obj[k] = String(r.value ?? "");
-    }
-    const next = __spreadProps(__spreadValues({}, this.body ?? { mode: "urlencoded" }), { mode: "urlencoded", content: obj });
-    this.bodyChange.emit(next);
-  }
-  static propDecorators = {
-    body: [{ type: Input }],
-    bodyChange: [{ type: Output }]
-  };
-};
-BodyEditorComponent = __decorate([
-  Component({
-    selector: "app-body-editor",
-    standalone: true,
-    imports: [CommonModule, FormsModule, NzButtonModule, NzInputModule, NzSelectModule, KvTableComponent],
-    template: `
-    <div class="wrap">
-      <div class="bar">
-        <nz-select class="mode" [ngModel]="mode()" (ngModelChange)="setMode($event)">
-          @for (m of modes; track m) {
-            <nz-option [nzValue]="m" [nzLabel]="m"></nz-option>
-          }
-        </nz-select>
-
-        <input
-          nz-input
-          class="ctype"
-          placeholder="content-type\uFF08\u53EF\u9009\uFF09"
-          [ngModel]="contentType()"
-          (ngModelChange)="setContentType($event)"
-        />
-
-        @if(mode()==='json'){
-          <button nz-button nzType="default" (click)="formatJson()">\u683C\u5F0F\u5316 JSON</button>
-        }
-      </div>
-
-      <div class="main">
-        @switch (mode()) {
-          @case ('none') {
-            <div class="empty">\u65E0 Body</div>
-          }
-          @case ('text') {
-            <textarea
-              nz-input
-              class="ta"
-              placeholder="\u6587\u672C\u5185\u5BB9"
-              [ngModel]="textBody()"
-              (ngModelChange)="setTextBody($event)"
-            ></textarea>
-          }
-          @case ('json') {
-            <textarea
-              nz-input
-              class="ta"
-              placeholder="{ }"
-              [ngModel]="jsonText()"
-              (ngModelChange)="setJsonText($event)"
-            ></textarea>
-            @if(jsonError()){
-              <div class="err">{{jsonError()}}</div>
-            }
-          }
-          @case ('urlencoded') {
-            <app-kv-table
-              [rows]="urlRows()"
-              (rowsChange)="setUrlRows($event)"
-              keyLabel="Key"
-              valueLabel="Value"
-              keyPlaceholder="a"
-              valuePlaceholder="1"
-            />
-          }
-          @default {
-            <div class="empty">MVP \u4EC5\u652F\u6301 none/json/text/urlencoded</div>
-          }
-        }
-      </div>
-    </div>
-  `,
-    styles: [body_editor_component_default]
-  })
-], BodyEditorComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\env-picker.component.ts;CiAgICAucGlja2VyeyBkaXNwbGF5OmZsZXg7IGdhcDo4cHg7IGFsaWduLWl0ZW1zOmNlbnRlcjsgfQogICAgLnNlbHsgd2lkdGg6MTYwcHg7IH0KICA=
-var env_picker_component_default = "/* angular:styles/component:less;989bfd31cb990865c0ab42417664c48b1b5293cfb0401f010d5e9468c95df56e;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\env-picker.component.ts */\n.picker {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.sel {\n  width: 160px;\n}\n/*# sourceMappingURL=env-picker.component.css.map */\n";
-
-// src/app/pages/api-client/services/api-client-state.service.ts
-var import_lodash5 = __toESM(require_lodash());
-
-// src/app/pages/api-client/store/api-client-tab.store.ts
-var import_lodash2 = __toESM(require_lodash());
-var TAB_STORAGE_KEY = "hub-v2:api-client:tabs";
-var MAX_STORAGE_AGE = 7 * 24 * 60 * 60 * 1e3;
-function now() {
-  return Date.now();
-}
-function generateTabId() {
-  return `tab_${now().toString(16)}_${Math.random().toString(16).slice(2, 8)}`;
-}
-var ApiClientTabStore = class ApiClientTabStore2 {
-  maxTabs = 20;
-  // State
-  tabs = signal([]);
-  activeTabId = signal(null);
-  sending = signal(false);
-  // Computed
-  activeTab = computed(() => {
-    const id = this.activeTabId();
-    const tabs = this.tabs();
-    return id ? tabs.find((t) => t.id === id) ?? null : null;
-  });
-  activeRequest = computed(() => this.activeTab()?.request ?? null);
-  activeResponse = computed(() => this.activeTab()?.lastResponse ?? null);
-  canOpenMore = computed(() => this.tabs().length < this.maxTabs);
-  tabCount = computed(() => this.tabs().length);
-  constructor() {
-    this.restoreFromStorage();
-    effect(() => {
-      const tabs = this.tabs();
-      const activeId = this.activeTabId();
-      this.saveToStorage(tabs, activeId);
-    });
-  }
-  /**
-   * 创建空白 Tab
-   */
-  createEmptyTab(collectionId) {
-    const t = now();
-    const request = {
-      id: `req_${t.toString(16)}_${Math.random().toString(16).slice(2, 6)}`,
-      name: "",
-      method: "GET",
-      url: "",
-      collectionId: collectionId ?? null,
-      query: [],
-      pathParams: [],
-      headers: [],
-      body: { mode: "none" },
-      auth: { type: "none" },
-      options: { followRedirects: true, timeoutMs: 3e4 },
-      tags: [],
-      createdAt: t,
-      updatedAt: t
-    };
-    return {
-      id: generateTabId(),
-      requestId: null,
-      request,
-      title: "New Request",
-      isDirty: false,
-      lastResponse: null,
-      createdAt: t,
-      updatedAt: t
-    };
-  }
-  /**
-   * 新建 Tab
-   */
-  openNewTab(collectionId) {
-    if (!this.canOpenMore()) {
-      throw new Error("\u5DF2\u8FBE\u5230\u6700\u5927 Tab \u6570\u91CF\u9650\u5236");
-    }
-    const tab = this.createEmptyTab(collectionId);
-    this.tabs.update((tabs) => [...tabs, tab]);
-    this.activeTabId.set(tab.id);
-    return tab.id;
-  }
-  /**
-   * 在新 Tab 中打开请求
-   */
-  openRequestInTab(request, requestId) {
-    const existing = this.tabs().find((t2) => t2.requestId === request.id);
-    if (existing) {
-      this.activeTabId.set(existing.id);
-      return existing.id;
-    }
-    if (!this.canOpenMore()) {
-      throw new Error("\u5DF2\u8FBE\u5230\u6700\u5927 Tab \u6570\u91CF\u9650\u5236");
-    }
-    const t = now();
-    const requestCopy = __spreadValues({}, request);
-    const tab = {
-      id: generateTabId(),
-      requestId: request.id,
-      request: requestCopy,
-      savedSnapshot: requestCopy,
-      // 保存快照用于比较
-      title: this.generateTabTitle(request),
-      isDirty: false,
-      lastResponse: null,
-      createdAt: t,
-      updatedAt: t
-    };
-    this.tabs.update((tabs) => [...tabs, tab]);
-    this.activeTabId.set(tab.id);
-    return tab.id;
-  }
-  /**
-   * 关闭 Tab
-   */
-  closeTab(tabId) {
-    const tabs = this.tabs();
-    const index = tabs.findIndex((t) => t.id === tabId);
-    if (index < 0)
-      return;
-    const isActive = this.activeTabId() === tabId;
-    this.tabs.update((list) => list.filter((t) => t.id !== tabId));
-    if (this.tabs().length === 0) {
-      const newTab = this.createEmptyTab();
-      this.tabs.set([newTab]);
-      this.activeTabId.set(newTab.id);
-      return;
-    }
-    if (isActive) {
-      const newTabs = this.tabs();
-      const newIndex = Math.min(index, newTabs.length - 1);
-      this.activeTabId.set(newTabs[newIndex]?.id ?? null);
-    }
-  }
-  /**
-   * 关闭其他 Tab
-   */
-  closeOtherTabs(tabId) {
-    const tab = this.tabs().find((t) => t.id === tabId);
-    if (!tab)
-      return;
-    this.tabs.set([tab]);
-    this.activeTabId.set(tabId);
-  }
-  /**
-   * 关闭右侧 Tab
-   */
-  closeRightTabs(tabId) {
-    const index = this.tabs().findIndex((t) => t.id === tabId);
-    if (index < 0)
-      return;
-    this.tabs.update((tabs) => tabs.slice(0, index + 1));
-    if (!this.tabs().find((t) => t.id === this.activeTabId())) {
-      this.activeTabId.set(tabId);
-    }
-  }
-  /**
-   * 关闭已保存的 Tab
-   */
-  closeSavedTabs() {
-    const activeId = this.activeTabId();
-    const activeTab = this.tabs().find((t) => t.id === activeId);
-    this.tabs.update((tabs) => tabs.filter((t) => t.isDirty || !t.requestId));
-    if (!this.tabs().find((t) => t.id === activeId)) {
-      const firstTab = this.tabs()[0];
-      if (firstTab) {
-        this.activeTabId.set(firstTab.id);
-      } else {
-        const newTab = this.createEmptyTab();
-        this.tabs.set([newTab]);
-        this.activeTabId.set(newTab.id);
-      }
-    }
-  }
-  /**
-   * 关闭所有 Tab（保留一个空白 Tab）
-   */
-  closeAllTabs() {
-    const newTab = this.createEmptyTab();
-    this.tabs.set([newTab]);
-    this.activeTabId.set(newTab.id);
-  }
-  /**
-   * 复制 Tab（创建新 Tab 并复制请求）
-   */
-  duplicateTab(tabId) {
-    const tab = this.tabs().find((t2) => t2.id === tabId);
-    if (!tab)
-      throw new Error("Tab not found");
-    if (!this.canOpenMore()) {
-      throw new Error("\u5DF2\u8FBE\u5230\u6700\u5927 Tab \u6570\u91CF\u9650\u5236");
-    }
-    const t = now();
-    const requestCopy = __spreadProps(__spreadValues({}, tab.request), {
-      id: `req_${t.toString(16)}_${Math.random().toString(16).slice(2, 6)}`,
-      name: `${tab.request.name || "\u672A\u547D\u540D"} (\u526F\u672C)`,
-      createdAt: t,
-      updatedAt: t
-    });
-    const newTab = {
-      id: generateTabId(),
-      requestId: null,
-      // 新请求，未保存
-      request: requestCopy,
-      savedSnapshot: null,
-      title: this.generateTabTitle(requestCopy),
-      isDirty: true,
-      // 副本视为有修改
-      lastResponse: null,
-      createdAt: t,
-      updatedAt: t
-    };
-    const index = this.tabs().findIndex((t2) => t2.id === tabId);
-    this.tabs.update((tabs) => {
-      const result = [...tabs];
-      result.splice(index + 1, 0, newTab);
-      return result;
-    });
-    this.activeTabId.set(newTab.id);
-    return newTab.id;
-  }
-  /**
-   * 获取 Tab 的 URL
-   */
-  getTabUrl(tabId) {
-    const tab = this.tabs().find((t) => t.id === tabId);
-    return tab?.request.url ?? null;
-  }
-  /**
-   * 切换 Tab
-   */
-  switchTab(tabId) {
-    const tab = this.tabs().find((t) => t.id === tabId);
-    if (tab) {
-      this.activeTabId.set(tabId);
-    }
-  }
-  /**
-   * 重命名 Tab - 同时更新 request.name
-   */
-  renameTab(tabId, title) {
-    this.tabs.update((tabs) => tabs.map((t) => {
-      if (t.id !== tabId)
-        return t;
-      const updatedRequest = __spreadProps(__spreadValues({}, t.request), { name: title, updatedAt: now() });
-      return __spreadProps(__spreadValues({}, t), {
-        title,
-        request: updatedRequest,
-        isDirty: t.requestId ? true : t.isDirty,
-        // 已保存的请求重命名后标记为 dirty
-        updatedAt: now()
-      });
-    }));
-  }
-  /**
-   * 重排序 Tab
-   */
-  reorderTabs(fromIndex, toIndex) {
-    if (fromIndex === toIndex)
-      return;
-    this.tabs.update((tabs) => {
-      const result = [...tabs];
-      const [removed] = result.splice(fromIndex, 1);
-      result.splice(toIndex, 0, removed);
-      return result;
-    });
-  }
-  /**
-   * 更新当前 Tab 的请求
-   */
-  updateActiveRequest(patch) {
-    const activeId = this.activeTabId();
-    if (!activeId)
-      return;
-    this.tabs.update((tabs) => tabs.map((t) => {
-      if (t.id !== activeId)
-        return t;
-      const updated = __spreadProps(__spreadValues(__spreadValues({}, t.request), patch), { updatedAt: now() });
-      const snapshot = t.savedSnapshot;
-      const hasChanges = snapshot ? this.hasChanges(snapshot, updated) : true;
-      return __spreadProps(__spreadValues({}, t), {
-        request: updated,
-        title: this.generateTabTitle(updated),
-        isDirty: hasChanges,
-        updatedAt: now()
-      });
-    }));
-  }
-  /**
-   * 更新当前 Tab 的响应
-   */
-  updateActiveResponse(response) {
-    const activeId = this.activeTabId();
-    if (!activeId)
-      return;
-    this.tabs.update((tabs) => tabs.map((t) => t.id === activeId ? __spreadProps(__spreadValues({}, t), { lastResponse: response, updatedAt: now() }) : t));
-  }
-  /**
-   * 标记当前 Tab 为已保存
-   */
-  markActiveSaved(requestId) {
-    const activeId = this.activeTabId();
-    if (!activeId)
-      return;
-    this.tabs.update((tabs) => tabs.map((t) => {
-      if (t.id !== activeId)
-        return t;
-      return __spreadProps(__spreadValues({}, t), {
-        requestId,
-        savedSnapshot: __spreadValues({}, t.request),
-        // 更新快照
-        isDirty: false,
-        updatedAt: now()
-      });
-    }));
-  }
-  /**
-   * 标记当前 Tab 为脏
-   */
-  markActiveDirty() {
-    const activeId = this.activeTabId();
-    if (!activeId)
-      return;
-    this.tabs.update((tabs) => tabs.map((t) => t.id === activeId ? __spreadProps(__spreadValues({}, t), { isDirty: true, updatedAt: now() }) : t));
-  }
-  /**
-   * 设置发送状态
-   */
-  setSending(value) {
-    this.sending.set(value);
-  }
-  /**
-   * 获取 Tab
-   */
-  getTab(tabId) {
-    return this.tabs().find((t) => t.id === tabId) ?? null;
-  }
-  /**
-   * 检查 Tab 是否有未保存修改
-   */
-  isTabDirty(tabId) {
-    return this.getTab(tabId)?.isDirty ?? false;
-  }
-  // ========== Private Methods ==========
-  generateTabTitle(request) {
-    if (request.name)
-      return request.name;
-    if (!request.url)
-      return "New Request";
-    const url = request.url.replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/, "");
-    const path = url.split("?")[0] || "/";
-    return `${request.method} ${path}`;
-  }
-  hasChanges(original, current) {
-    const _a = original, { updatedAt: _1 } = _a, originalWithoutTime = __objRest(_a, ["updatedAt"]);
-    const _b = current, { updatedAt: _2 } = _b, currentWithoutTime = __objRest(_b, ["updatedAt"]);
-    return !(0, import_lodash2.isEqual)(originalWithoutTime, currentWithoutTime);
-  }
-  restoreFromStorage() {
-    try {
-      const raw = localStorage.getItem(TAB_STORAGE_KEY);
-      if (!raw) {
-        this.createInitialTab();
-        return;
-      }
-      const data = JSON.parse(raw);
-      const age = Date.now() - data.savedAt;
-      if (age > MAX_STORAGE_AGE || !Array.isArray(data.tabs) || data.tabs.length === 0) {
-        this.createInitialTab();
-        return;
-      }
-      const validTabs = data.tabs.filter((t) => t.id && t.request);
-      if (validTabs.length === 0) {
-        this.createInitialTab();
-        return;
-      }
-      this.tabs.set(validTabs);
-      this.activeTabId.set(data.activeTabId ?? validTabs[0].id);
-    } catch {
-      this.createInitialTab();
-    }
-  }
-  saveToStorage(tabs, activeTabId) {
-    try {
-      const minimalTabs = tabs.map((t) => ({
-        id: t.id,
-        requestId: t.requestId,
-        request: t.request,
-        title: t.title,
-        isDirty: t.isDirty,
-        createdAt: t.createdAt,
-        updatedAt: t.updatedAt
-      }));
-      localStorage.setItem(TAB_STORAGE_KEY, JSON.stringify({
-        tabs: minimalTabs,
-        activeTabId,
-        savedAt: Date.now()
-      }));
-    } catch {
-      localStorage.removeItem(TAB_STORAGE_KEY);
-    }
-  }
-  createInitialTab() {
-    const tab = this.createEmptyTab();
-    this.tabs.set([tab]);
-    this.activeTabId.set(tab.id);
-  }
-  static ctorParameters = () => [];
-};
-ApiClientTabStore = __decorate([
-  Injectable({ providedIn: "root" })
-], ApiClientTabStore);
-
-// src/app/pages/api-client/utils/variable-resolver.ts
-var VAR_RE = /\{\{\s*([a-zA-Z0-9_.-]+)\s*\}\}/g;
-function envVarsToRecord(vars = []) {
-  const out = {};
-  for (const v of vars) {
-    if (!v.enabled)
-      continue;
-    out[v.key] = String(v.value ?? "");
-  }
-  return out;
-}
-function resolveTemplate(input2, vars) {
-  const missing = /* @__PURE__ */ new Set();
-  const out = input2.replace(VAR_RE, (_, key) => {
-    if (key in vars)
-      return String(vars[key] ?? "");
-    missing.add(key);
-    return `{{${key}}}`;
-  });
-  return { out, missing: [...missing] };
-}
-function collectMissingFromStrings(inputs, vars) {
-  const miss = /* @__PURE__ */ new Set();
-  for (const s of inputs) {
-    if (!s)
-      continue;
-    const { missing } = resolveTemplate(s, vars);
-    missing.forEach((k) => miss.add(k));
-  }
-  return [...miss];
-}
-
-// src/app/pages/api-client/utils/sync-path-params.ts
-var import_lodash3 = __toESM(require_lodash());
-function extractPathParamKeys(url) {
-  if (!url)
-    return [];
-  let pathRaw = url;
-  try {
-    const u = new URL(url);
-    pathRaw = u.pathname || "";
-  } catch {
-    pathRaw = url.split("?")[0].split("#")[0] || "";
-    const idx = pathRaw.indexOf("/");
-    if (idx >= 0)
-      pathRaw = pathRaw.slice(idx);
-  }
-  const path = safeDecodeURIComponent(pathRaw);
-  const keys = [];
-  const colonRe = /(?:^|\/):([A-Za-z_][A-Za-z0-9_]*)/g;
-  let m;
-  while (m = colonRe.exec(path))
-    keys.push(m[1]);
-  const braceRe = /\{([A-Za-z_][A-Za-z0-9_]*)\}/g;
-  while (m = braceRe.exec(path))
-    keys.push(m[1]);
-  return keys;
-}
-function safeDecodeURIComponent(s) {
-  try {
-    return decodeURIComponent(s);
-  } catch {
-    return s;
-  }
-}
-function syncPathParamsByUrl(url, current) {
-  const keys = extractPathParamKeys(url);
-  const list = Array.isArray(current) ? current : [];
-  const map = /* @__PURE__ */ new Map();
-  for (const r of list) {
-    const k = (r.key ?? "").trim();
-    if (!k)
-      continue;
-    if (!map.has(k))
-      map.set(k, r);
-  }
-  const next = keys.map((k) => {
-    const old = map.get(k);
-    if (old) {
-      return __spreadProps(__spreadValues({}, old), { key: k, enabled: true });
-    }
-    return { key: k, value: "", description: "", enabled: true, id: (0, import_lodash3.uniqueId)() };
-  });
-  return next;
-}
-
-// src/app/pages/api-client/utils/env-mapper.ts
-var import_lodash4 = __toESM(require_lodash());
-function envVarsToRows(vars) {
-  return (vars ?? []).map((v) => ({
-    key: v.key,
-    value: v.value,
-    enabled: v.enabled,
-    id: (0, import_lodash4.uniqueId)(),
-    description: v.description
-  }));
-}
-function rowsToEnvVars(rows, prev) {
-  const prevMap = new Map(prev?.map((v) => [v.key, v]));
-  return rows.filter((r) => r.key?.trim()).map((r) => ({
-    key: r.key.trim(),
-    value: String(r.value ?? ""),
-    enabled: r.enabled !== false,
-    secret: prevMap.get(r.key)?.secret
-  }));
-}
-
-// src/app/pages/api-client/utils/collection-node.ts
-function matchRequest(r, kw) {
-  if (!kw)
-    return true;
-  const name = (r.name ?? "").toLowerCase();
-  const url = (r.url ?? "").toLowerCase();
-  return name.includes(kw) || url.includes(kw);
-}
-function normId(v) {
-  if (v === null || v === void 0)
-    return null;
-  const s = String(v).trim();
-  if (!s)
-    return null;
-  const l = s.toLowerCase();
-  if (l === "null" || l === "undefined")
-    return null;
-  return s;
-}
-function sortCollections(a, b) {
-  return (a.parentId ?? "").localeCompare(b.parentId ?? "") || (a.order ?? 0) - (b.order ?? 0) || (a.name ?? "").localeCompare(b.name ?? "");
-}
-function sortRequests(a, b) {
-  return (normId(a.collectionId) ?? "").localeCompare(normId(b.collectionId) ?? "") || (a.order ?? 0) - (b.order ?? 0) || (a.name ?? "").localeCompare(b.name ?? "") || (a.url ?? "").localeCompare(b.url ?? "");
-}
-function genCollectionTreeNodes(collections, requests, q) {
-  const kw = q?.trim().toLowerCase() || "";
-  const colsSorted = [...collections ?? []].sort(sortCollections);
-  const reqsSorted = [...requests ?? []].sort(sortRequests);
-  const colChildren = /* @__PURE__ */ new Map();
-  for (const c of colsSorted) {
-    const pid = normId(c.parentId);
-    const arr = colChildren.get(pid) ?? [];
-    arr.push(c);
-    colChildren.set(pid, arr);
-  }
-  const reqChildren = /* @__PURE__ */ new Map();
-  for (const r of reqsSorted) {
-    if (!matchRequest(r, kw))
-      continue;
-    const cid = normId(r.collectionId);
-    const arr = reqChildren.get(cid) ?? [];
-    arr.push(r);
-    reqChildren.set(cid, arr);
-  }
-  const buildReqNode = (r, parentKey) => ({
-    key: `r:${String(r.id)}`,
-    kind: "request",
-    id: String(r.id),
-    title: r.name ?? "\u672A\u547D\u540D",
-    name: r.name,
-    subtitle: r.url ?? "",
-    method: r.method ?? "",
-    parentKey,
-    children: []
-  });
-  const buildCol = (c, parentKey) => {
-    const id = normId(c.id);
-    const key = `c:${id}`;
-    const childCols = colChildren.get(id) ?? [];
-    const childReqs = reqChildren.get(id) ?? [];
-    return {
-      key,
-      kind: c.kind ?? "collection",
-      id,
-      title: c.name ?? "\u672A\u547D\u540D",
-      name: c.name,
-      parentKey,
-      children: [
-        ...childCols.map((cc) => buildCol(cc, key)),
-        ...childReqs.map((r) => buildReqNode(r, key))
-      ]
-    };
-  };
-  const rootCols = colChildren.get(null) ?? [];
-  const rootReqs = reqChildren.get(null) ?? [];
-  return [
-    ...rootCols.map((c) => buildCol(c, null)),
-    ...rootReqs.map((r) => buildReqNode(r, null))
-  ];
-}
-
-// src/app/pages/api-client/services/api-client.service.ts
-var ApiClientService = class ApiClientService2 {
-  http = inject(ApiClient);
-  ls = inject(LocalStateStore);
-  base = "/api/client";
-  async listRequests(scope, projectId) {
-    let params = new HttpParams().set("scope", scope);
-    if (projectId)
-      params = params.set("projectId", projectId);
-    return await firstValueFrom(this.http.get(`${this.base}/requests`, params));
-  }
-  async saveRequest(scope, projectId, request) {
-    return await firstValueFrom(this.http.post(`${this.base}/requests`, { scope, projectId, request }));
-  }
-  async updateRequest(scope, projectId, request) {
-    return await firstValueFrom(this.http.post(`${this.base}/requests/update`, { scope, projectId, request }));
-  }
-  async deleteRequest(id, scope, projectId) {
-    let params = new HttpParams().set("scope", scope);
-    if (projectId)
-      params = params.set("projectId", projectId);
-    return await firstValueFrom(this.http.delete(`${this.base}/requests/${id}`, params));
-  }
-  async send(body) {
-    return await firstValueFrom(this.http.post(`${this.base}/send`, body));
-  }
-  async hubTokenRequest(body) {
-    const tokenType = body.tokenType ?? "project";
-    let personalToken = body.personalToken;
-    if (tokenType === "personal" && !personalToken) {
-      personalToken = this.ls.get(LS_KEYS.token.hubV2PersonalToken, "").trim() || void 0;
-    }
-    return await firstValueFrom(this.http.post(`${this.base}/hub-token/request`, {
-      projectId: body.projectId,
-      tokenType,
-      path: body.path,
-      method: body.method ?? "GET",
-      query: body.query,
-      body: body.payload,
-      headers: body.headers,
-      personalToken
-    }));
-  }
-  async listHistory(scope, projectId) {
-    let params = new HttpParams().set("scope", scope);
-    if (projectId)
-      params = params.set("projectId", projectId);
-    return await firstValueFrom(this.http.get(`${this.base}/history`, params));
-  }
-  async listEnvs(scope, projectId) {
-    let params = new HttpParams().set("scope", scope);
-    if (projectId)
-      params = params.set("projectId", projectId);
-    return await firstValueFrom(this.http.get(`${this.base}/envs`, params));
-  }
-  async saveEnv(scope, projectId, env) {
-    return await firstValueFrom(this.http.post(`${this.base}/envs`, { scope, projectId, env }));
-  }
-  async deleteEnv(id, scope, projectId) {
-    let params = new HttpParams().set("scope", scope);
-    if (projectId)
-      params = params.set("projectId", projectId);
-    return await firstValueFrom(this.http.delete(`${this.base}/envs/${id}`, params));
-  }
-  // Collection APIs
-  async listCollections(scope, projectId) {
-    let params = new HttpParams().set("scope", scope);
-    if (projectId)
-      params = params.set("projectId", projectId);
-    return await firstValueFrom(this.http.get(`${this.base}/collections`, params));
-  }
-  async createCollection(body) {
-    return await firstValueFrom(this.http.post(`${this.base}/collections`, body));
-  }
-  async updateCollection(id, body, scope, projectId) {
-    const params = new HttpParams().set("scope", scope).set("projectId", projectId ?? "");
-    return await firstValueFrom(this.http.post(`${this.base}/collections/${id}`, body, params));
-  }
-  async deleteCollection(id, scope, projectId) {
-    const params = new HttpParams().set("scope", scope).set("projectId", projectId ?? "");
-    return await firstValueFrom(this.http.delete(`${this.base}/collections/${id}`, params));
-  }
-};
-ApiClientService = __decorate([
-  Injectable({
-    providedIn: "root"
-  })
-], ApiClientService);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-collections\collection-modal.component.ts;CiAgICAubW9kYWwtYm9keSB7IGRpc3BsYXk6IGdyaWQ7IGdhcDogMTJweDsgfQogICAgLmxhYmVseyBmb250LXdlaWdodDo2MDA7IH0KICAgIC5oaW50IHsgZm9udC1zaXplOiAxMnB4OyBvcGFjaXR5OiAuNzU7IH0KICAgIC5oaW50LmVycnsgY29sb3I6I2NmMTMyMjsgb3BhY2l0eToxOyB9CgogICAgLnBpY2tlcnsKICAgICAgbWF4LWhlaWdodDogNTJ2aDsKICAgICAgb3ZlcmZsb3c6YXV0bzsKICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLDAsMCwuMDgpOwogICAgICBib3JkZXItcmFkaXVzOiAxMnB4OwogICAgICBwYWRkaW5nOiA4cHg7CiAgICAgIGRpc3BsYXk6ZmxleDsKICAgICAgZmxleC1kaXJlY3Rpb246Y29sdW1uOwogICAgICBnYXA6NnB4OwogICAgfQogICAgLnJvd3sKICAgICAgZGlzcGxheTpmbGV4OwogICAgICBhbGlnbi1pdGVtczpjZW50ZXI7CiAgICAgIGdhcDo4cHg7CiAgICAgIHBhZGRpbmc6OHB4IDhweDsKICAgICAgYm9yZGVyLXJhZGl1czoxMHB4OwogICAgICBjdXJzb3I6cG9pbnRlcjsKICAgICAgdXNlci1zZWxlY3Q6bm9uZTsKICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZCAuMTVzOwogICAgICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDsKICAgIH0KICAgIC5yb3c6aG92ZXJ7IGJhY2tncm91bmQ6IHJnYmEoMCwwLDAsLjA0KTsgfQogICAgLnJvdy5zZWxlY3RlZHsgYmFja2dyb3VuZDogcmdiYSgwLDAsMCwuMDgpOyBib3JkZXItY29sb3I6IHJnYmEoMCwwLDAsLjA4KTsgfQogICAgLnJvdy5yb290eyBmb250LXdlaWdodDo2MDA7IH0KICAgIC5jaGV2eyBmbGV4OjAgMCBhdXRvOyBuei1pY29ue2ZvbnQtc2l6ZToxMnB4O3RyYW5zaXRpb246dHJhbnNmb3JtIC4xNXN9IH0KICAgIC5pY29ueyBvcGFjaXR5Oi43NTsgfQogICAgLnRpdGxleyBmbGV4OjE7IG1pbi13aWR0aDowOyBvdmVyZmxvdzpoaWRkZW47IHRleHQtb3ZlcmZsb3c6ZWxsaXBzaXM7IHdoaXRlLXNwYWNlOm5vd3JhcDsgfQogICAgLmVtcHR5eyBwYWRkaW5nOjE2cHg7IG9wYWNpdHk6LjY7IHRleHQtYWxpZ246Y2VudGVyOyB9CgogICAgLmZvb3RlciB7IGRpc3BsYXk6IGZsZXg7IGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7IGdhcDogOHB4OyBtYXJnaW4tdG9wOiAxNnB4OyB9CiAg
-var collection_modal_component_default = "/* angular:styles/component:less;32be14231e9363af865b7f69f0194cb76bf9c5d76ff7c68f00d4860a8e3402d3;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-collections\\collection-modal.component.ts */\n.modal-body {\n  display: grid;\n  gap: 12px;\n}\n.label {\n  font-weight: 600;\n}\n.hint {\n  font-size: 12px;\n  opacity: 0.75;\n}\n.hint.err {\n  color: #cf1322;\n  opacity: 1;\n}\n.picker {\n  max-height: 52vh;\n  overflow: auto;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 12px;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 8px;\n  border-radius: 10px;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  transition: background 0.15s;\n  border: 1px solid transparent;\n}\n.row:hover {\n  background: rgba(0, 0, 0, 0.04);\n}\n.row.selected {\n  background: rgba(0, 0, 0, 0.08);\n  border-color: rgba(0, 0, 0, 0.08);\n}\n.row.root {\n  font-weight: 600;\n}\n.chev {\n  flex: 0 0 auto;\n}\n.chev nz-icon {\n  font-size: 12px;\n  transition: transform 0.15s;\n}\n.icon {\n  opacity: 0.75;\n}\n.title {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.empty {\n  padding: 16px;\n  opacity: 0.6;\n  text-align: center;\n}\n.footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  margin-top: 16px;\n}\n/*# sourceMappingURL=collection-modal.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-collections/collection-modal.component.ts
-function toKey(id) {
-  return id ? `c:${id}` : null;
-}
-function keyToId(key) {
-  if (!key)
-    return null;
-  return key.startsWith("c:") ? key.slice(2) : null;
-}
-var CollectionModalComponent = class CollectionModalComponent2 {
-  data = inject(NZ_MODAL_DATA);
-  modalRef = inject(NzModalRef);
-  // state
-  q = signal("");
-  name = signal("");
-  selectedKey = signal(null);
-  // move 时使用，null=根目录
-  expandedMap = signal({});
-  // mode
-  mode = computed(() => this.data.mode ?? this.data.handleType);
-  // 兼容你旧字段，建议尽快统一为 mode
-  // 只有 move 才显示树
-  showParentPicker = computed(() => this.mode() === "move" || this.mode() === "pick");
-  // create/rename 才显示 name；move 不显示 name
-  showName = computed(() => this.mode() === "create" || this.mode() === "rename");
-  iconForKind = computed(() => {
-    const kind = this.data.kind ?? (this.data.createBody?.kind ?? "collection");
-    return kind === "folder" ? "folder" : kind === "request" ? "api" : "database";
-  });
-  // init
-  ngOnInit() {
-    const mode = this.mode();
-    if (mode === "create") {
-      const body = this.data.createBody;
-      this.name.set(body?.name ?? "");
-      this.selectedKey.set(null);
-      return;
-    }
-    if (mode === "rename" || mode === "update") {
-      const upd = this.data;
-      this.name.set(upd?.initialName ?? "");
-      this.selectedKey.set(null);
-      return;
-    }
-    const initial = this.data.initialParentId;
-    this.selectedKey.set(initial ? initial.startsWith("c:") ? initial : toKey(initial) : null);
-    const nodes = this.data.nodes ?? [];
-    const m = {};
-    for (const n of nodes)
-      m[n.key] = true;
-    this.expandedMap.set(m);
-  }
-  // tree helpers
-  expanded(key) {
-    return !!this.expandedMap()[key];
-  }
-  toggle(key) {
-    const m = __spreadValues({}, this.expandedMap());
-    m[key] = !m[key];
-    this.expandedMap.set(m);
-  }
-  select(key) {
-    this.selectedKey.set(key);
-  }
-  // ---------- 仅 move 场景：过滤非法父级（移动文件夹/集合时防环） ----------
-  forbiddenKeys = computed(() => {
-    if (this.mode() !== "move" || this.mode() !== "pick")
-      return /* @__PURE__ */ new Set();
-    const t = this.data.target;
-    if (!t || t.kind === "request")
-      return /* @__PURE__ */ new Set();
-    const selfKey = `c:${t.id}`;
-    const set = /* @__PURE__ */ new Set([selfKey]);
-    const nodes = this.data.nodes ?? [];
-    const collect = (node) => {
-      for (const c of node.children ?? []) {
-        if (c.kind === "request")
-          continue;
-        set.add(c.key);
-        collect(c);
-      }
-    };
-    const walk = (arr) => {
-      for (const n of arr) {
-        if (n.key === selfKey)
-          collect(n);
-        else if (n.children?.length)
-          walk(n.children);
-      }
-    };
-    walk(nodes);
-    return set;
-  });
-  nodesForPicker = computed(() => {
-    const nodes = (this.data.nodes ?? []).filter((n) => n.kind !== "request");
-    const forbid = this.forbiddenKeys();
-    const prune = (arr) => {
-      const out = [];
-      for (const n of arr) {
-        if (n.kind === "request")
-          continue;
-        if (forbid.has(n.key))
-          continue;
-        const children = prune(n.children ?? []);
-        out.push(__spreadProps(__spreadValues({}, n), { children }));
-      }
-      return out;
-    };
-    return prune(nodes);
-  });
-  filteredNodes = computed(() => {
-    if (!this.showParentPicker())
-      return [];
-    const kw = this.q().trim().toLowerCase();
-    if (!kw)
-      return this.nodesForPicker();
-    const match = (n) => (n.title ?? "").toLowerCase().includes(kw);
-    const keepPath = (arr) => {
-      const out = [];
-      for (const n of arr) {
-        const children = keepPath(n.children ?? []);
-        if (match(n) || children.length)
-          out.push(__spreadProps(__spreadValues({}, n), { children }));
-      }
-      return out;
-    };
-    const r = keepPath(this.nodesForPicker());
-    const m = __spreadValues({}, this.expandedMap());
-    const mark = (arr) => {
-      for (const n of arr) {
-        if (n.children?.length)
-          m[n.key] = true;
-        if (n.children?.length)
-          mark(n.children);
-      }
-    };
-    mark(r);
-    this.expandedMap.set(m);
-    return r;
-  });
-  // ---------- validation ----------
-  nameErr = computed(() => {
-    if (!this.showName())
-      return "";
-    const v = (this.name() ?? "").trim();
-    if (!v)
-      return "\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A";
-    if (v.length > 50)
-      return "\u540D\u79F0\u8FC7\u957F\uFF08<= 50\uFF09";
-    return "";
-  });
-  moveErr = computed(() => {
-    if (!this.showParentPicker())
-      return "";
-    return "";
-  });
-  canSubmit = computed(() => {
-    if (this.showName() && !!this.nameErr())
-      return false;
-    if (this.showParentPicker()) {
-      return true;
-    }
-    return true;
-  });
-  // ---------- submit ----------
-  ok() {
-    const mode = this.mode();
-    if (mode === "rename" || mode === "update") {
-      const data = { name: (this.name() ?? "").trim() };
-      this.modalRef.close(data);
-      return;
-    }
-    if (mode === "create") {
-      const body = this.data.createBody;
-      const data = __spreadProps(__spreadValues({}, body), {
-        name: (this.name() ?? "").trim(),
-        // parentId 不在 modal 里改：完全沿用外部传入
-        parentId: body.parentId ?? null
-      });
-      this.modalRef.close(data);
-      return;
-    }
-    const parentId = keyToId(this.selectedKey());
-    this.modalRef.close({ parentId });
-  }
-  cancel() {
-    this.modalRef.close(null);
-  }
-};
-CollectionModalComponent = __decorate([
-  Component({
-    selector: "app-collection-modal",
-    standalone: true,
-    imports: [CommonModule, FormsModule, NzInputModule, NzButtonModule, NzIconModule],
-    template: `
-    <div class="modal-body">
-      @if (showName()) {
-        <label class="label">\u540D\u79F0</label>
-        <nz-input-wrapper >
-          <input
-            nz-input
-            [ngModel]="name()"
-            (ngModelChange)="name.set($event)"
-            placeholder="\u8BF7\u8F93\u5165\u540D\u79F0"
-            autofocus
-          />
-          <nz-icon nzInputPrefix [nzType]="iconForKind()" nzTheme="outline"></nz-icon>
-        </nz-input-wrapper>
-        @if (nameErr()) { <div class="hint err">{{ nameErr() }}</div> }
-      }
-
-      @if (showParentPicker()) {
-        <!-- <label class="label">{{mode() === 'move' ? '\u79FB\u52A8\u5230' : '\u9009\u62E9\u76EE\u5F55'}}</label> -->
-        <!-- <nz-input-wrapper >
-          <input nz-input placeholder="\u641C\u7D22\u76EE\u5F55" [ngModel]="q()" (ngModelChange)="q.set($event)" />
-          <nz-icon class="search-icon" nzInputSuffix nzType="search" />
-        </nz-input-wrapper> -->
-
-        <div class="picker">
-          <div class="row root" [class.selected]="selectedKey() === null" (click)="select(null)">
-            <nz-icon nzType="home"></nz-icon>
-            <span>\u6839\u76EE\u5F55</span>
-          </div>
-
-          @for (n of filteredNodes(); track n.key) {
-            <ng-container
-              [ngTemplateOutlet]="nodeTpl"
-              [ngTemplateOutletContext]="{ $implicit: n, level: 0 }"
-            />
-          }
-
-          @if (!filteredNodes().length) {
-            <div class="empty">\u6682\u65E0\u76EE\u5F55</div>
-          }
-        </div>
-
-        @if (moveErr()) { <div class="hint err">{{ moveErr() }}</div> }
-      }
-    </div>
-
-    <div class="footer">
-      <button nz-button (click)="cancel()">\u53D6\u6D88</button>
-      <button nz-button nzType="primary" [disabled]="!canSubmit()" (click)="ok()">
-        \u786E\u5B9A
-      </button>
-    </div>
-
-    <ng-template #nodeTpl let-node let-level="level">
-      <div
-        class="row"
-        [style.paddingLeft.px]="8 + level * 16"
-        [class.selected]="selectedKey() === node.key"
-        (click)="select(node.key)"
-      >
-          <button
-          class="chev"
-          nz-button
-          nzType="text"
-          nzSize="small"
-          (click)="toggle(node.key); $event.stopPropagation()"
-          [disabled]="!node.children?.length"
-        >
-          <nz-icon [nzType]="node.children?.length ? (expanded(node.key) ? 'down' : 'right') : 'minus'"></nz-icon>
-        </button>
-        <nz-icon class="icon" [nzType]="node.kind === 'folder' ? 'folder' : 'database'"></nz-icon>
-        <span class="title">{{ node.title }}</span>
-      </div>
-
-      @if ((node.children?.length ?? 0) && expanded(node.key)) {
-        @for (c of node.children; track c.key) {
-          <ng-container
-            [ngTemplateOutlet]="nodeTpl"
-            [ngTemplateOutletContext]="{ $implicit: c, level: level + 1 }"
-          />
-        }
-      }
-    </ng-template>
-  `,
-    styles: [collection_modal_component_default]
-  })
-], CollectionModalComponent);
-
-// src/app/pages/api-client/services/collection-modal.service.ts
-var CollectionModalService = class CollectionModalService2 {
-  modal = inject(NzModalService);
-  async createCollection(opts) {
-    const ref = this.modal.create({
-      nzTitle: opts.kind === "folder" ? "\u65B0\u5EFA\u76EE\u5F55" : "\u65B0\u5EFA\u96C6\u5408",
-      nzContent: CollectionModalComponent,
-      nzFooter: null,
-      nzWidth: 520,
-      nzMaskClosable: false,
-      nzData: {
-        mode: "create",
-        createBody: opts.createBody,
-        nodes: opts.nodes
-      }
-    });
-    return await firstValueFrom(ref.afterClose);
-  }
-  async renameCollection(opts) {
-    const ref = this.modal.create({
-      nzTitle: "\u91CD\u547D\u540D",
-      nzContent: CollectionModalComponent,
-      nzFooter: null,
-      nzWidth: 520,
-      nzMaskClosable: false,
-      nzData: {
-        mode: "rename",
-        kind: opts.kind,
-        nodes: opts.nodes,
-        targetId: opts.targetId,
-        initialName: opts.initialName
-      }
-    });
-    return await firstValueFrom(ref.afterClose);
-  }
-  async moveTarget(opts) {
-    const ref = this.modal.create({
-      nzTitle: "\u79FB\u52A8\u5230",
-      nzContent: CollectionModalComponent,
-      nzFooter: null,
-      nzWidth: 520,
-      nzMaskClosable: false,
-      nzData: {
-        mode: "move",
-        nodes: opts.nodes,
-        target: opts.target,
-        initialParentId: opts.initialParentId ?? null
-      }
-    });
-    return await firstValueFrom(ref.afterClose);
-  }
-  async pickCollection(opts) {
-    const ref = this.modal.create({
-      nzTitle: "\u9009\u62E9\u96C6\u5408/\u76EE\u5F55",
-      nzContent: CollectionModalComponent,
-      nzFooter: null,
-      nzWidth: 520,
-      nzMaskClosable: false,
-      nzData: {
-        mode: "pick",
-        nodes: opts.nodes
-      }
-    });
-    return await firstValueFrom(ref.afterClose);
-  }
-};
-CollectionModalService = __decorate([
-  Injectable({ providedIn: "root" })
-], CollectionModalService);
-
-// src/app/pages/api-client/services/api-client-state.service.ts
-var ApiClientStateService = class ApiClientStateService2 {
-  api = inject(ApiClientService);
-  msg = inject(NzMessageService);
-  projectContext = inject(ProjectContextStore);
-  collectionModal = inject(CollectionModalService);
-  // Tab Store
-  tabStore = inject(ApiClientTabStore);
-  // request state
-  scope = signal("project");
-  loading = signal(false);
-  q = signal("");
-  // 搜索关键词
-  // 使用 Tab Store 的 sending 状态
-  sending = this.tabStore.sending;
-  requests = signal([]);
-  // 全部请求列表
-  // 当前选中请求 ID - 改用 Tab Store
-  activeRequestId = computed(() => this.tabStore.activeTab()?.requestId ?? null);
-  collections = signal([]);
-  activeCollectionId = signal(null);
-  nodes = computed(() => {
-    return genCollectionTreeNodes(this.collections(), this.requests(), "").filter((n) => n.kind !== "request");
-  });
-  filteredNodes = computed(() => {
-    const q = this.q().toLowerCase();
-    return genCollectionTreeNodes(this.collections(), this.requests(), q ?? "");
-  });
-  // history state
-  historyOpen = signal(false);
-  // 是否打开 history 面板
-  historyLoading = signal(false);
-  // history 加载中
-  histories = signal([]);
-  // 历史记录列表
-  // environments state
-  envs = signal([]);
-  envLoading = signal(false);
-  activeEnvId = signal(null);
-  // send result - 改用 Tab Store
-  lastResult = this.tabStore.activeResponse;
-  // project info
-  projectId = computed(() => {
-    const p = this.projectContext.currentProject();
-    return p?.id ?? "";
-  });
-  // activeRequest 改用 Tab Store
-  activeRequest = this.tabStore.activeRequest;
-  // Tab 相关
-  tabs = this.tabStore.tabs;
-  activeTabId = this.tabStore.activeTabId;
-  activeTab = this.tabStore.activeTab;
-  canOpenMore = this.tabStore.canOpenMore;
-  activeEnv = computed(() => {
-    const id = this.activeEnvId();
-    if (!id)
-      return null;
-    return this.envs().find((e) => e.id === id) ?? null;
-  });
-  envVarRecord = computed(() => {
-    const env = this.activeEnv();
-    if (!env)
-      return {};
-    return envVarsToRecord(env.variables);
-  });
-  collectionPath = computed(() => {
-    const colId = this.activeCollectionId();
-    if (!colId)
-      return null;
-    const col = this.collections().find((c) => c.id === colId);
-    if (!col)
-      return null;
-    const pathNames = [];
-    let parentKey = `${col.id}`;
-    while (parentKey) {
-      const parentNode = this.collections().find((n) => n.id === parentKey);
-      if (parentNode) {
-        pathNames.unshift(parentNode.name || "\u672A\u547D\u540D");
-        parentKey = parentNode.parentId ? `${parentNode.parentId}` : null;
-      } else {
-        parentKey = null;
-      }
-    }
-    return pathNames.join(" / ");
-  });
-  projectCtx = computed(() => {
-    const p = this.projectContext.currentProject();
-    if (!p)
-      return null;
-    return {
-      scope: "project",
-      projectId: p.id
-    };
-  });
-  constructor() {
-    effect(() => {
-      if (this.scope() !== "project")
-        return;
-      const pid = this.projectId();
-      if (!pid)
-        return;
-      void this.loadAll();
-    });
-    effect(() => {
-      const scope = this.scope();
-      if (scope !== "project") {
-        void this.loadEnvs();
-        return;
-      }
-      const pid = this.projectId();
-      if (!pid)
-        return;
-      void this.loadEnvs();
-    });
-  }
-  async loadAll() {
-    const ctx = this.projectCtx();
-    if (!ctx)
-      return;
-    this.loading.set(true);
-    try {
-      const [cols, reqs] = await Promise.all([
-        this.api.listCollections(ctx.scope, ctx.projectId),
-        this.api.listRequests(ctx.scope, ctx.projectId)
-      ]);
-      this.collections.set(cols ?? []);
-      this.requests.set(reqs ?? []);
-    } finally {
-      this.loading.set(false);
-    }
-  }
-  async reloadCollections() {
-    const ctx = this.projectCtx();
-    if (!ctx)
-      return;
-    const cols = await this.api.listCollections(ctx.scope, ctx.projectId);
-    this.collections.set(cols ?? []);
-  }
-  async reloadRequests() {
-    const ctx = this.projectCtx();
-    if (!ctx)
-      return;
-    const reqs = await this.api.listRequests(ctx.scope, ctx.projectId);
-    this.requests.set(reqs ?? []);
-  }
-  /**
-   * 加载请求列表
-   */
-  async loadRequests() {
-    const ctx = this.projectCtx();
-    if (!ctx)
-      return;
-    this.loading.set(true);
-    try {
-      const list = await this.api.listRequests(ctx.scope, ctx.projectId);
-      this.requests.set(list);
-      const active = this.activeRequestId();
-      if (active && list.some((x) => x.id === active))
-        return;
-      if (list.length) {
-        this.selectRequest(list[0].id);
-      } else {
-        this.newTab();
-      }
-    } catch (e) {
-      this.msg.error(e?.message ?? "\u52A0\u8F7D\u8BF7\u6C42\u5931\u8D25");
-    } finally {
-      this.loading.set(false);
-    }
-  }
-  /**
-   * 选择请求 - 在新 Tab 中打开
-   */
-  selectRequest(id) {
-    const req = this.requests().find((x) => x.id === id) || null;
-    if (req) {
-      this.tabStore.openRequestInTab(req, id);
-      this.activeCollectionId.set(req.collectionId ?? null);
-    }
-  }
-  /**
-   * 切换 Tab
-   */
-  switchTab(tabId) {
-    this.tabStore.switchTab(tabId);
-    const tab = this.tabStore.getTab(tabId);
-    if (tab?.request.collectionId) {
-      this.activeCollectionId.set(tab.request.collectionId);
-    }
-  }
-  /**
-   * 关闭 Tab
-   */
-  closeTab(tabId) {
-    this.tabStore.closeTab(tabId);
-  }
-  /**
-   * 新建 Tab
-   */
-  newTab(collectionId) {
-    try {
-      this.tabStore.openNewTab(collectionId);
-      this.activeCollectionId.set(collectionId ?? null);
-    } catch (e) {
-      this.msg.warning(e.message);
-    }
-  }
-  /**
-   * 重命名 Tab
-   */
-  renameTab(tabId, title) {
-    this.tabStore.renameTab(tabId, title);
-  }
-  /**
-   * 重排序 Tab
-   */
-  reorderTabs(from, to) {
-    this.tabStore.reorderTabs(from, to);
-  }
-  /**
-   * 处理右键菜单操作
-   */
-  handleTabContextMenu(event) {
-    switch (event.action) {
-      case "close":
-        this.closeTab(event.tabId);
-        break;
-      case "closeOthers":
-        this.tabStore.closeOtherTabs(event.tabId);
-        break;
-      case "closeRight":
-        this.tabStore.closeRightTabs(event.tabId);
-        break;
-      case "closeSaved":
-        this.tabStore.closeSavedTabs();
-        break;
-      case "closeAll":
-        this.tabStore.closeAllTabs();
-        break;
-      case "rename":
-        break;
-      case "duplicate":
-        try {
-          this.tabStore.duplicateTab(event.tabId);
-          this.msg.success("\u5DF2\u590D\u5236\u8BF7\u6C42");
-        } catch (e) {
-          this.msg.warning(e.message);
-        }
-        break;
-      case "copyUrl":
-        const url = this.tabStore.getTabUrl(event.tabId);
-        if (url) {
-          navigator.clipboard.writeText(url).then(() => {
-            this.msg.success("URL \u5DF2\u590D\u5236\u5230\u526A\u8D34\u677F");
-          }).catch(() => {
-            this.msg.error("\u590D\u5236\u5931\u8D25");
-          });
-        }
-        break;
-      case "moveTo":
-        const tab = this.tabStore.getTab(event.tabId);
-        if (tab?.requestId) {
-          this.moveCollection(tab.requestId, "request");
-        }
-        break;
-    }
-  }
-  /**
-   * 选择集合
-   */
-  selectCollection(id) {
-    this.activeCollectionId.set(id);
-  }
-  /**
-   * 新建集合 / 文件夹
-   */
-  async newCollection(input2) {
-    const ctx = this.projectCtx();
-    if (!ctx)
-      return;
-    const body = {
-      scope: ctx.scope,
-      projectId: ctx.projectId,
-      name: input2.name ?? "",
-      kind: input2.kind ?? "collection",
-      parentId: input2.parentId ?? null
-    };
-    const nodes = this.nodes();
-    const createdBody = await this.collectionModal.createCollection({ createBody: body, nodes, kind: body.kind, initialParentId: body.parentId ?? null });
-    if (createdBody) {
-      const newCol = await this.api.createCollection(createdBody);
-      this.msg.success("\u521B\u5EFA\u6210\u529F");
-      this.collections.update((list) => [...list, newCol]);
-      this.activeCollectionId.set(newCol.id);
-    }
-  }
-  // 删除集合/文件夹
-  async deleteCollection(id, kind) {
-    if (kind === "request") {
-      this.removeRequest(id);
-      return;
-    }
-    await this.api.deleteCollection(id, this.scope(), this.projectId());
-    this.msg.success("\u5DF2\u5220\u9664");
-    this.collections.update((list) => list.filter((c) => c.id !== id));
-    if (this.activeCollectionId() === id) {
-      const firstCol = this.collections()[0];
-      this.activeCollectionId.set(firstCol?.id ?? null);
-    }
-  }
-  /**
-   * 移动集合/文件夹/请求
-   */
-  async moveCollection(id, kind) {
-    let initialParentId = "";
-    if (kind == "request") {
-      const req = this.requests().find((r) => r.id === id);
-      if (!req) {
-        this.msg.error("\u8BF7\u6C42\u4E0D\u5B58\u5728");
-        return;
-      }
-      initialParentId = req.collectionId ?? "";
-    } else {
-      const col = this.collections().find((c) => c.id === id);
-      if (!col) {
-        this.msg.error("\u96C6\u5408\u4E0D\u5B58\u5728");
-        return;
-      }
-      initialParentId = col.parentId ?? "";
-    }
-    const nodes = this.nodes();
-    const { parentId } = await this.collectionModal.moveTarget({
-      nodes,
-      target: { kind, id },
-      initialParentId
-    }) || {};
-    if (parentId === void 0)
-      return;
-    if (kind === "request") {
-      const req = this.requests().find((r) => r.id === id);
-      if (!req) {
-        this.msg.error("\u8BF7\u6C42\u4E0D\u5B58\u5728");
-        return;
-      }
-      const updated = {
-        collectionId: parentId ?? null,
-        id: req.id
-      };
-      req.collectionId = parentId ?? null;
-      await this.api.updateRequest(this.scope(), this.projectId(), updated);
-      this.requests.update((list) => list.map((r) => r.id === id ? __spreadProps(__spreadValues({}, r), { collectionId: parentId ?? null }) : r));
-      const tab = this.tabs().find((t) => t.requestId === id);
-      if (tab) {
-        this.tabStore.updateActiveRequest({ collectionId: parentId ?? null });
-      }
-      this.msg.success("\u4FEE\u6539\u6210\u529F");
-    } else {
-      const updated = {
-        parentId: parentId ?? null
-      };
-      const newCol = await this.api.updateCollection(id, updated, this.scope(), this.projectId());
-      this.collections.update((list) => list.map((c) => c.id === id ? newCol : c));
-      this.activeCollectionId.set(newCol.id);
-      this.msg.success("\u4FEE\u6539\u6210\u529F");
-    }
-  }
-  /**
-   * 重命名集合/文件夹/请求
-   */
-  async renameCollection(id, kind) {
-    let name = "";
-    if (kind == "request") {
-      const req = this.requests().find((r) => r.id === id);
-      if (!req) {
-        this.msg.error("\u8BF7\u6C42\u4E0D\u5B58\u5728");
-        return;
-      }
-      name = req.name ?? "";
-    } else {
-      const col = this.collections().find((c) => c.id === id);
-      if (!col) {
-        this.msg.error("\u96C6\u5408\u4E0D\u5B58\u5728");
-        return;
-      }
-      name = col.name ?? "";
-    }
-    const nodes = this.nodes();
-    const updated = await this.collectionModal.renameCollection({
-      nodes,
-      kind,
-      targetId: id,
-      initialName: name
-    });
-    if (!updated)
-      return;
-    if (kind === "request") {
-      await this.api.updateRequest(this.scope(), this.projectId(), { id, name: updated.name });
-      this.requests.update((list) => list.map((r) => r.id === id ? __spreadProps(__spreadValues({}, r), { name: updated.name ?? r.name }) : r));
-      this.msg.success("\u4FEE\u6539\u6210\u529F");
-      this.reloadRequests();
-    } else {
-      const newCol = await this.api.updateCollection(id, updated, this.scope(), this.projectId());
-      this.collections.update((list) => list.map((c) => c.id === id ? newCol : c));
-      this.msg.success("\u4FEE\u6539\u6210\u529F");
-      this.reloadCollections();
-    }
-  }
-  /**
-   * 新建请求 - 在新 Tab 中打开
-   */
-  newRequest(input2 = {}) {
-    const pid = this.projectId();
-    if (this.scope() === "project" && !pid) {
-      this.msg.warning("\u8BF7\u5148\u9009\u62E9\u9879\u76EE");
-      return;
-    }
-    this.newTab(input2.collectionId);
-  }
-  /**
-   * 更新当前请求字段 - 使用 Tab Store
-   */
-  patchActive(patch) {
-    this.tabStore.updateActiveRequest(patch);
-  }
-  /**
-   * 保存当前请求 - 使用 Tab Store
-   */
-  async saveActive() {
-    const req = this.activeRequest();
-    if (!req)
-      return;
-    const scope = this.scope();
-    const pid = scope === "project" ? this.projectId() : void 0;
-    if (scope === "project" && !pid)
-      throw new Error("projectId missing");
-    if (!req.name?.trim()) {
-      this.msg.warning("\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A");
-      return;
-    }
-    if (!req.url?.trim()) {
-      this.msg.warning("URL \u4E0D\u80FD\u4E3A\u7A7A");
-      return;
-    }
-    if (!req.collectionId) {
-      const nodes = this.nodes();
-      const { parentId } = await this.collectionModal.pickCollection({
-        nodes
-      }) || {};
-      req.collectionId = parentId ?? null;
-      this.tabStore.updateActiveRequest({ collectionId: req.collectionId });
-    }
-    this.loading.set(true);
-    try {
-      const result = await this.api.saveRequest(scope, pid, req);
-      this.msg.success("\u5DF2\u4FDD\u5B58");
-      this.tabStore.markActiveSaved(result.id);
-      await this.loadRequests();
-    } catch (e) {
-      this.msg.error(e?.message ?? "\u4FDD\u5B58\u5931\u8D25");
-    } finally {
-      this.loading.set(false);
-    }
-  }
-  /**
-   * 发送当前请求 - 使用 Tab Store
-   */
-  async sendActive() {
-    const req = this.activeRequest();
-    if (!req)
-      return;
-    await this.sendResolvedRequest(req);
-  }
-  async sendHubV2Issues() {
-    const project = this.projectContext.currentProject();
-    if (!project?.id) {
-      this.msg.warning("\u8BF7\u5148\u9009\u62E9\u9879\u76EE");
-      return;
-    }
-    const startedAt = Date.now();
-    this.tabStore.setSending(true);
-    this.tabStore.updateActiveResponse(null);
-    try {
-      const data = await this.api.hubTokenRequest({
-        projectId: project.id,
-        path: `/issues`,
-        method: "GET",
-        query: { page: 1, pageSize: 20 }
-      });
-      const bodyText = JSON.stringify(data, null, 2);
-      const endedAt = Date.now();
-      this.tabStore.updateActiveResponse({
-        historyId: `hub_token_${endedAt}`,
-        response: {
-          status: 200,
-          statusText: "OK",
-          headers: { "content-type": "application/json; charset=utf-8" },
-          bodyText,
-          bodySize: bodyText.length
-        },
-        metrics: {
-          startedAt,
-          endedAt,
-          durationMs: endedAt - startedAt
-        }
-      });
-      this.msg.success(`Hub Issues \u8BF7\u6C42\u6210\u529F (${Date.now() - startedAt}ms)`);
-    } catch (e) {
-      const endedAt = Date.now();
-      this.tabStore.updateActiveResponse({
-        historyId: `hub_token_${endedAt}`,
-        error: {
-          code: "HUB_TOKEN_REQUEST_ERROR",
-          message: e?.message ?? "Hub Issues \u8BF7\u6C42\u5931\u8D25"
-        },
-        metrics: {
-          startedAt,
-          endedAt,
-          durationMs: endedAt - startedAt
-        }
-      });
-      this.msg.error(e?.message ?? "Hub Issues \u8BF7\u6C42\u5931\u8D25");
-    } finally {
-      this.tabStore.setSending(false);
-    }
-  }
-  /**
-   * 删除请求
-   */
-  async removeRequest(id) {
-    await this.api.deleteRequest(id, this.scope(), this.projectId());
-    this.msg.success("\u5DF2\u5220\u9664");
-    const list = this.requests().filter((r) => r.id !== id);
-    this.requests.set(list);
-    const tab = this.tabs().find((t) => t.requestId === id);
-    if (tab) {
-      this.tabStore.closeTab(tab.id);
-    }
-  }
-  /**
-   * 确保 Kv 行有 ID
-   */
-  ensureKvId(rows) {
-    return rows.map((ele) => {
-      if (!ele.id) {
-        ele.id = (0, import_lodash5.uniqueId)();
-      }
-      return ele;
-    });
-  }
-  /**
-   * 打开历史记录面板
-   */
-  openHistory() {
-    this.historyOpen.set(true);
-    void this.loadHistory();
-  }
-  /**
-   * 关闭历史记录面板
-   */
-  closeHistory() {
-    this.historyOpen.set(false);
-  }
-  /**
-   * 加载历史记录列表
-   */
-  async loadHistory() {
-    this.historyLoading.set(true);
-    try {
-      const list = await this.api.listHistory(this.scope(), this.projectId());
-      this.histories.set(list);
-    } finally {
-      this.historyLoading.set(false);
-    }
-  }
-  /**
-   * 重放历史记录 - 在新 Tab 中打开
-   */
-  async replayHistory(h) {
-    this.tabStore.openRequestInTab(h.requestSnapshot);
-    await this.sendResolvedRequest(h.requestSnapshot);
-  }
-  /**
-   * 发送已解析的请求 - 使用 Tab Store
-   */
-  async sendResolvedRequest(request) {
-    const scope = this.scope();
-    const pid = scope === "project" ? this.projectId() : void 0;
-    if (scope === "project" && !pid) {
-      this.msg.warning("\u8BF7\u5148\u9009\u62E9\u9879\u76EE");
-      return;
-    }
-    this.tabStore.setSending(true);
-    this.tabStore.updateActiveResponse(null);
-    try {
-      const res = await this.api.send({
-        scope,
-        projectId: pid || void 0,
-        request,
-        envId: this.activeEnvId() ?? void 0,
-        projectRoot: this.projectContext.currentProject()?.root
-        // 有就传，没有就 undefined
-      });
-      this.tabStore.updateActiveResponse(res);
-      if (res.error) {
-        this.msg.error(`${res.error.code}: ${res.error.message}`);
-      } else {
-        this.msg.success(`HTTP ${res.response?.status ?? ""} (${res.metrics.durationMs}ms)`);
-      }
-    } catch (e) {
-      this.msg.error(e?.message ?? "\u53D1\u9001\u5931\u8D25");
-    } finally {
-      this.tabStore.setSending(false);
-    }
-  }
-  async loadEnvs() {
-    const scope = this.scope();
-    const pid = scope === "project" ? this.projectId() : void 0;
-    if (scope === "project" && !pid)
-      return;
-    this.envLoading.set(true);
-    try {
-      const list = await this.api.listEnvs(scope, pid);
-      this.envs.set(list);
-      const cur = this.activeEnvId();
-      if (cur && list.some((x) => x.id === cur))
-        return;
-      this.activeEnvId.set(list[0]?.id ?? null);
-    } finally {
-      this.envLoading.set(false);
-    }
-  }
-  // 给 UI 用：切换 env
-  setActiveEnv(id) {
-    this.activeEnvId.set(id);
-  }
-  // upsert env（MVP：简单做保存后 reload）
-  async saveEnv(env) {
-    const scope = this.scope();
-    const pid = scope === "project" ? this.projectId() : void 0;
-    await this.api.saveEnv(scope, pid || void 0, env);
-    await this.loadEnvs();
-  }
-  async deleteEnv(id) {
-    await this.api.deleteEnv(id, this.scope(), this.projectId());
-    if (this.activeEnvId() === id) {
-      this.activeEnvId.set(null);
-    }
-    await this.loadEnvs();
-  }
-  static ctorParameters = () => [];
-};
-ApiClientStateService = __decorate([
-  Injectable({
-    providedIn: "root"
-  })
-], ApiClientStateService);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\env-modal.component.ts;CiAgICAuZHJhd2VyeyBkaXNwbGF5OmdyaWQ7IGdyaWQtdGVtcGxhdGUtY29sdW1uczogMTgwcHggMWZyOyBnYXA6MTJweDsgaGVpZ2h0OjEwMCU7IH0KICAgIC5sZWZ0eyBib3JkZXItcmlnaHQ6MXB4IHNvbGlkICNmMGYwZjA7IHBhZGRpbmctcmlnaHQ6MTJweDsgfQogICAgLnRvb2xiYXJ7IHBhZGRpbmctYm90dG9tOjEwcHg7IH0KICAgIC5lbnYtbGlzdHsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47IGdhcDo4cHg7IH0KICAgIC5lbnYtaXRlbXsgcGFkZGluZzo4cHg7IGJvcmRlcjoxcHggc29saWQgI2YwZjBmMDsgYm9yZGVyLXJhZGl1czo4cHg7IGN1cnNvcjpwb2ludGVyOyB9CiAgICAuZW52LWl0ZW0uYWN0aXZleyBiYWNrZ3JvdW5kOiNmNWY1ZjU7IH0KICAgIC5uYW1leyBmb250LXdlaWdodDo2MDA7IH0KICAgIC5tZXRheyBmb250LXNpemU6MTJweDsgb3BhY2l0eTouNzsgfQogICAgLnJpZ2h0eyBtaW4td2lkdGg6MDsgfQogICAgLmVtcHR5eyBwYWRkaW5nOjEycHg7IG9wYWNpdHk6Ljc7IH0KICAgIC5yb3d7IGRpc3BsYXk6Z3JpZDsgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiA3MHB4IDFmcjsgZ2FwOjEwcHg7IGFsaWduLWl0ZW1zOmNlbnRlcjsgbWFyZ2luLWJvdHRvbToxMHB4OyB9CiAgICAubGFiZWx7IGZvbnQtc2l6ZToxNHB4OyBvcGFjaXR5Oi44OyB9CiAgICAudmFyc3sgaGVpZ2h0OiA0MjBweDsgfQogICAgLmFjdGlvbnN7IGRpc3BsYXk6ZmxleDsgZ2FwOjhweDsgbWFyZ2luLXRvcDoxMnB4OyB9CiAg
-var env_modal_component_default = "/* angular:styles/component:less;eabe06dfbf0a15b95c1f401a19b9b1c63a1f01a532d9737274095873e85fa695;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\env-modal.component.ts */\n.drawer {\n  display: grid;\n  grid-template-columns: 180px 1fr;\n  gap: 12px;\n  height: 100%;\n}\n.left {\n  border-right: 1px solid #f0f0f0;\n  padding-right: 12px;\n}\n.toolbar {\n  padding-bottom: 10px;\n}\n.env-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.env-item {\n  padding: 8px;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n  cursor: pointer;\n}\n.env-item.active {\n  background: #f5f5f5;\n}\n.name {\n  font-weight: 600;\n}\n.meta {\n  font-size: 12px;\n  opacity: 0.7;\n}\n.right {\n  min-width: 0;\n}\n.empty {\n  padding: 12px;\n  opacity: 0.7;\n}\n.row {\n  display: grid;\n  grid-template-columns: 70px 1fr;\n  gap: 10px;\n  align-items: center;\n  margin-bottom: 10px;\n}\n.label {\n  font-size: 14px;\n  opacity: 0.8;\n}\n.vars {\n  height: 420px;\n}\n.actions {\n  display: flex;\n  gap: 8px;\n  margin-top: 12px;\n}\n/*# sourceMappingURL=env-modal.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-editor/env-modal.component.ts
-function now2() {
-  return Date.now();
-}
-function newId(prefix) {
-  const rand = Math.random().toString(16).slice(2, 10);
-  return `${prefix}_${rand}_${Date.now().toString(16)}`;
-}
-var EnvModalComponent = class EnvModalComponent2 {
-  envChange = new EventEmitter();
-  store = inject(ApiClientStateService);
-  modalRef = inject(NzModalRef);
-  msg = inject(NzMessageService);
-  // 编辑缓存
-  draft = signal(null);
-  varsRows = signal([]);
-  selectEditEnv(id) {
-    this.store.activeEnvId.set(id);
-    const cur = this.store.envs().find((e) => e.id === id);
-    if (!cur)
-      return;
-    this.draft.set(__spreadProps(__spreadValues({}, cur), { variables: cur.variables }));
-    this.varsRows.set(envVarsToRows(cur.variables));
-  }
-  createEnv() {
-    const t = now2();
-    const env = {
-      id: newId("env"),
-      scope: "project",
-      name: "\u672A\u547D\u540D\u73AF\u5883",
-      variables: [],
-      createdAt: t,
-      updatedAt: t
-    };
-    this.draft.set(env);
-    this.varsRows.set(envVarsToRows(env.variables));
-  }
-  setName(name) {
-    const d = this.draft();
-    if (!d)
-      return;
-    this.draft.set(__spreadProps(__spreadValues({}, d), { name }));
-  }
-  setBaseUrl(baseUrl) {
-    const d = this.draft();
-    if (!d)
-      return;
-    this.draft.set(__spreadProps(__spreadValues({}, d), { baseUrl }));
-  }
-  async save() {
-    const d = this.draft();
-    if (!d)
-      return;
-    const env = __spreadProps(__spreadValues({}, d), {
-      variables: rowsToEnvVars(this.varsRows(), d.variables),
-      updatedAt: now2()
-    });
-    await this.store.saveEnv(env);
-    this.store.activeEnvId.set(env.id);
-    this.msg.success("\u73AF\u5883\u53D8\u91CF\u4FDD\u5B58\u6210\u529F");
-    this.draft.set(env);
-  }
-  async remove() {
-    const id = this.store.activeEnvId();
-    if (!id)
-      return;
-    await this.store.deleteEnv(id);
-    this.store.activeEnvId.set(null);
-    this.draft.set(null);
-    this.varsRows.set([]);
-    this.msg.success("\u73AF\u5883\u53D8\u91CF\u5220\u9664\u6210\u529F");
-  }
-  useThisEnv() {
-    const id = this.store.activeEnvId();
-    if (!id)
-      return;
-    this.store.setActiveEnv(id);
-  }
-  close() {
-    this.modalRef.close();
-  }
-  static propDecorators = {
-    envChange: [{ type: Output }]
-  };
-};
-EnvModalComponent = __decorate([
-  Component({
-    selector: "app-env-modal.component",
-    imports: [CommonModule, FormsModule, KvTableComponent, NzButtonModule, NzInputModule, NzPopconfirmModule],
-    template: `
-    <div class="drawer">
-        <div class="left">
-          <div class="toolbar">
-            <button nz-button nzType="primary" (click)="createEnv()">\u65B0\u5EFA</button>
-          </div>
-
-          <div class="env-list">
-            @for (e of store.envs(); track e.id) {
-              <div class="env-item" [class.active]="e.id===draft()?.id" (click)="selectEditEnv(e.id)">
-                <div class="name">{{e.name}}</div>
-                <div class="meta">{{e.variables.length}} vars</div>
-              </div>
-            }
-            @if(!store.envs().length){
-              <div class="empty">\u6682\u65E0\u73AF\u5883</div>
-            }
-          </div>
-        </div>
-
-        <div class="right">
-          @if(!draft()?.id){
-            <div class="empty">\u9009\u62E9\u4E00\u4E2A\u73AF\u5883\u8FDB\u884C\u7F16\u8F91</div>
-          } @else {
-            <div class="form">
-              <div class="row">
-                <div class="label">\u540D\u79F0</div>
-                <input nz-input [ngModel]="draft()!.name" (ngModelChange)="setName($event)" />
-              </div>
-              <div class="row">
-                <div class="label">\u524D\u7F6EURL</div>
-                <input nz-input [ngModel]="draft()!.baseUrl" (ngModelChange)="setBaseUrl($event)" />
-              </div>
-              <div class="vars">
-                <app-kv-table
-                  [rows]="varsRows()"
-                  (rowsChange)="varsRows.set($event)"
-                  keyLabel="Key"
-                  valueLabel="Value"
-                  keyPlaceholder="TOKEN"
-                  valuePlaceholder="xxx"
-                />
-              </div>
-
-              <div class="actions">
-                <button nz-button nzType="primary" (click)="save()">\u4FDD\u5B58</button>
-                <button
-                  nz-button
-                  nzType="default"
-                  nzDanger
-                  nz-popconfirm
-                  nzPopconfirmTitle="\u786E\u8BA4\u5220\u9664\u8BE5\u73AF\u5883\uFF1F"
-                  (nzOnConfirm)="remove()"
-                >
-                  \u5220\u9664
-                </button>
-                <button nz-button nzType="default" (click)="useThisEnv()">\u8BBE\u4E3A\u5F53\u524D</button>
-              </div>
-            </div>
-          }
-        </div>
-      </div>
-  `,
-    styles: [env_modal_component_default]
-  })
-], EnvModalComponent);
-
-// src/app/pages/api-client/components/request-editor/env-picker.component.ts
-var EnvPickerComponent = class EnvPickerComponent2 {
-  store = inject(ApiClientStateService);
-  modalService = inject(NzModalService);
-  openEnvModal() {
-    const modal = this.modalService.create({
-      nzTitle: "\u73AF\u5883\u53D8\u91CF",
-      nzFooter: null,
-      nzMaskClosable: false,
-      nzContent: EnvModalComponent,
-      nzWidth: "1020px",
-      nzCentered: true
-    });
-    modal.afterOpen.subscribe(() => {
-      const instance = modal.getContentComponent();
-      if (instance && this.store.activeEnvId()) {
-        instance.selectEditEnv(this.store.activeEnvId() ?? "");
-      } else {
-        instance.createEnv();
-      }
-    });
-  }
-};
-EnvPickerComponent = __decorate([
-  Component({
-    selector: "app-env-picker",
-    standalone: true,
-    imports: [
-      CommonModule,
-      FormsModule,
-      NzSelectModule,
-      NzButtonModule,
-      NzDrawerModule,
-      NzInputModule,
-      NzTooltipModule,
-      NzIconModule,
-      NzPopconfirmModule
-    ],
-    template: `
-    <div class="picker">
-      <nz-select
-        class="sel"
-        [nzPlaceHolder]="'Env'"
-        [ngModel]="store.activeEnvId()"
-        (ngModelChange)="store.setActiveEnv($event)"
-        [nzAllowClear]="true"
-      >
-        @for (e of store.envs(); track e.id) {
-          <nz-option [nzValue]="e.id" [nzLabel]="e.name"></nz-option>
-        }
-      </nz-select>
-      <button nz-button  nzType="text" (click)="openEnvModal()" nz-tooltip nzTooltipTitle="\u7BA1\u7406\u73AF\u5883\u53D8\u91CF">
-        <nz-icon nzType="setting" nzTheme="outline"></nz-icon>
-      </button>
-    </div>
-  `,
-    styles: [env_picker_component_default]
-  })
-], EnvPickerComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\request-tabs.component.ts;CiAgICAgIDpob3N0eyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOmNvbHVtbjsgaGVpZ2h0OjEwMCU7IG1pbi1oZWlnaHQ6MDsgfQogICAgICBhcHAta3YtdGFibGV7CiAgICAgICAgZGlzcGxheTogYmxvY2s7CiAgICAgICAgaGVpZ2h0OiAxMDAlOwogICAgICB9CiAgICAgIC50YWJzICB7CiAgICAgICAgICBmbGV4OiAxIDEgYXV0bzsKICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgIH0KICAgICAgLnRhYnsKICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbiBhdXRvOwogICAgICB9CiAgICAgIDo6bmctZGVlcCBuei10YWJzLnRhYnN7CiAgICAgICAgLmFudC10YWJzLWNvbnRlbnR7CiAgICAgICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgICAgICAuYW50LXRhYnMtdGFicGFuZXsKICAgICAgICAgICAgaGVpZ2h0OjEwMCU7CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9CiAgICA=
-var request_tabs_component_default = "/* angular:styles/component:less;22c649d587fc7dc66f49bbcdaa66d8df46262c892c4428b4ab5dcd2400dd84e3;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\request-tabs.component.ts */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\napp-kv-table {\n  display: block;\n  height: 100%;\n}\n.tabs {\n  flex: 1 1 auto;\n  overflow: hidden;\n  height: 100%;\n}\n.tab {\n  height: 100%;\n  overflow: hidden auto;\n}\n::ng-deep nz-tabs.tabs .ant-tabs-content {\n  height: 100%;\n}\n::ng-deep nz-tabs.tabs .ant-tabs-content .ant-tabs-tabpane {\n  height: 100%;\n}\n/*# sourceMappingURL=request-tabs.component.css.map */\n";
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\advanced-editor.component.ts;CiAgICAud3JhcHsKICAgICAgZGlzcGxheTpmbGV4OwogICAgICBmbGV4LWRpcmVjdGlvbjpjb2x1bW47CiAgICAgIGhlaWdodDoxMDAlOwogICAgICBtaW4taGVpZ2h0OjI0MHB4OwogICAgfQoKICAgIC5ncmlkewogICAgICBkaXNwbGF5OmZsZXg7CiAgICAgIGZsZXgtZGlyZWN0aW9uOmNvbHVtbjsKICAgICAgZ2FwOjE0cHg7CiAgICAgIHBhZGRpbmctdG9wOjEwcHg7CiAgICB9CgogICAgLnJvd3sKICAgICAgZGlzcGxheTpncmlkOwogICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDE0MHB4IDFmcjsKICAgICAgYWxpZ24taXRlbXM6Y2VudGVyOwogICAgICBnYXA6MTBweDsKICAgIH0KCiAgICAucm93LmNoZWNrYm94ewogICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjsKICAgIH0KCiAgICAubGFiZWx7CiAgICAgIGZvbnQtc2l6ZToxMnB4OwogICAgICBvcGFjaXR5Oi44OwogICAgfQoKICAgIC5kZXNjewogICAgICBncmlkLWNvbHVtbjogMiAvIHNwYW4gMTsKICAgICAgZm9udC1zaXplOjEycHg7CiAgICAgIG9wYWNpdHk6LjY1OwogICAgfQoKICAgIC5yb3cuY2hlY2tib3ggLmRlc2N7CiAgICAgIGdyaWQtY29sdW1uOiAxIC8gc3BhbiAxOwogICAgICBtYXJnaW4tbGVmdDoyNHB4OwogICAgfQoKICAgIC5tdXRlZHsKICAgICAgY29sb3I6Izk5OTsKICAgIH0KICA=
-var advanced_editor_component_default = "/* angular:styles/component:less;911626d8e9e42e1af92f11315b5e8d0350782730be994257d01c744bb8b89678;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\advanced-editor.component.ts */\n.wrap {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 240px;\n}\n.grid {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  padding-top: 10px;\n}\n.row {\n  display: grid;\n  grid-template-columns: 140px 1fr;\n  align-items: center;\n  gap: 10px;\n}\n.row.checkbox {\n  grid-template-columns: 1fr;\n}\n.label {\n  font-size: 12px;\n  opacity: 0.8;\n}\n.desc {\n  grid-column: 2 / span 1;\n  font-size: 12px;\n  opacity: 0.65;\n}\n.row.checkbox .desc {\n  grid-column: 1 / span 1;\n  margin-left: 24px;\n}\n.muted {\n  color: #999;\n}\n/*# sourceMappingURL=advanced-editor.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-editor/advanced-editor.component.ts
-var AdvancedEditorComponent = class AdvancedEditorComponent2 {
-  options;
-  optionsChange = new EventEmitter();
-  timeoutMs = computed(() => this.options?.timeoutMs ?? 3e4);
-  followRedirects = computed(() => this.options?.followRedirects ?? true);
-  insecureTLS = computed(() => this.options?.insecureTLS ?? false);
-  proxy = computed(() => this.options?.proxy ?? "");
-  emit(next) {
-    this.optionsChange.emit(next);
-  }
-  setTimeout(v) {
-    const n = Number(v);
-    this.emit(__spreadProps(__spreadValues({}, this.options ?? {}), { timeoutMs: isNaN(n) ? void 0 : n }));
-  }
-  setFollowRedirects(v) {
-    this.emit(__spreadProps(__spreadValues({}, this.options ?? {}), { followRedirects: v }));
-  }
-  setInsecureTLS(v) {
-    this.emit(__spreadProps(__spreadValues({}, this.options ?? {}), { insecureTLS: v }));
-  }
-  setProxy(v) {
-    this.emit(__spreadProps(__spreadValues({}, this.options ?? {}), { proxy: v || void 0 }));
-  }
-  static propDecorators = {
-    options: [{ type: Input }],
-    optionsChange: [{ type: Output }]
-  };
-};
-AdvancedEditorComponent = __decorate([
-  Component({
-    selector: "app-advanced-editor",
-    standalone: true,
-    imports: [
-      CommonModule,
-      FormsModule,
-      NzCheckboxModule,
-      NzInputModule,
-      NzAlertModule
-    ],
-    template: `
-    <div class="wrap">
-      <div class="grid">
-        <!-- timeout -->
-        <div class="row">
-          <div class="label">Timeout (ms)</div>
-          <input
-            nz-input
-            type="number"
-            min="0"
-            placeholder="30000"
-            [ngModel]="timeoutMs()"
-            (ngModelChange)="setTimeout($event)"
-          />
-          <div class="desc">\u8BF7\u6C42\u8D85\u65F6\u65F6\u95F4\uFF0C\u5355\u4F4D\u6BEB\u79D2\uFF080 \u8868\u793A\u4E0D\u8D85\u65F6\uFF09</div>
-        </div>
-
-        <!-- follow redirects -->
-        <div class="row checkbox">
-          <label nz-checkbox [ngModel]="followRedirects()" (ngModelChange)="setFollowRedirects($event)">
-            Follow Redirects
-          </label>
-          <div class="desc">\u662F\u5426\u81EA\u52A8\u8DDF\u968F HTTP \u91CD\u5B9A\u5411\uFF08302 / 301\uFF09</div>
-        </div>
-
-        <!-- insecure TLS -->
-        <div class="row checkbox">
-          <label nz-checkbox [ngModel]="insecureTLS()" (ngModelChange)="setInsecureTLS($event)">
-            Insecure TLS
-          </label>
-          <div class="desc">\u8DF3\u8FC7 TLS \u8BC1\u4E66\u6821\u9A8C\uFF08\u4EC5\u5728 Node \u73AF\u5883\u4E0B\u5C3D\u529B\u652F\u6301\uFF09</div>
-        </div>
-
-        <!-- proxy -->
-        <div class="row">
-          <div class="label">Proxy</div>
-          <input
-            nz-input
-            placeholder="http://127.0.0.1:7890"
-            [ngModel]="proxy()"
-            (ngModelChange)="setProxy($event)"
-          />
-          <div class="desc muted">\u4EE3\u7406\u5730\u5740\uFF08\u5F53\u524D\u7248\u672C\u4EC5\u4FDD\u5B58\uFF0C\u4E0D\u53C2\u4E0E\u5B9E\u9645\u8BF7\u6C42\uFF09</div>
-        </div>
-
-        <nz-alert
-          nzType="info"
-          nzShowIcon
-          nzMessage="\u8BF4\u660E\uFF1AProxy \u914D\u7F6E\u5DF2\u4FDD\u5B58\uFF0C\u4F46\u5F53\u524D NodeHttpClient \u5C1A\u672A\u5B9E\u73B0\u4EE3\u7406\u652F\u6301\uFF0C\u8BF7\u52FF\u4F9D\u8D56\u8BE5\u9009\u9879\u8FDB\u884C\u8C03\u8BD5\u3002"
-        ></nz-alert>
-      </div>
-    </div>
-  `,
-    styles: [advanced_editor_component_default]
-  })
-], AdvancedEditorComponent);
-
-// src/app/pages/api-client/components/request-editor/request-tabs.component.ts
-var RequestTabsComponent = class RequestTabsComponent2 {
-  req = null;
-  patch = new EventEmitter();
-  static propDecorators = {
-    req: [{ type: Input }],
-    patch: [{ type: Output }]
-  };
-};
-RequestTabsComponent = __decorate([
-  Component({
-    selector: "app-request-tabs",
-    imports: [NzTabsModule, KvTableComponent, BodyEditorComponent, AuthEditorComponent, AdvancedEditorComponent],
-    template: `
-    <nz-tabs class="tabs">
-        <nz-tab nzTitle="Params">
-          <div class="tab">
-            <div class="item">
-              <div class="title">Query \u53C2\u6570</div>
-              <app-kv-table
-                [rows]="req?.query || []"
-                (rowsChange)="patch.emit({ query: $event })"
-                keyLabel="\u53C2\u6570\u540D"
-                valueLabel="\u53C2\u6570\u503C"
-                descriptionLabel="\u8BF4\u660E"
-                keyPlaceholder="param"
-                valuePlaceholder="value"
-              />
-            </div>
-            @if(req?.pathParams?.length){
-              <div class="item">
-              <div class="title">Path \u53C2\u6570</div>
-              <app-kv-table
-                [keepTrailingBlank]="false"
-                [rows]="req?.pathParams || []"
-                (rowsChange)="patch.emit({ pathParams: $event })"
-                keyLabel="\u53C2\u6570\u540D"
-                valueLabel="\u53C2\u6570\u503C"
-                descriptionLabel="\u8BF4\u660E"
-                keyPlaceholder="param"
-                valuePlaceholder="value"
-              />
-            </div>
-            }
-          </div>
-        </nz-tab>
-        <nz-tab nzTitle="Headers">
-          <div class="tab">
-            <app-kv-table
-              [rows]="req?.headers || []"
-              (rowsChange)="patch.emit({ headers: $event })"
-              keyLabel="Header"
-              valueLabel="Value"
-              keyPlaceholder="x-header"
-              valuePlaceholder="value"
-            />
-          </div>
-        </nz-tab>
-        <nz-tab nzTitle="Body">
-          <div class="tab">
-            <app-body-editor
-              [body]="req?.body"
-              (bodyChange)="patch.emit({ body: $event })"
-            />
-          </div>
-        </nz-tab>
-        <nz-tab nzTitle="Auth">
-          <div class="tab">
-            <app-auth-editor 
-              [auth]="req?.auth"
-              (authChange)="patch.emit({ auth: $event })"
-            />
-          </div>
-        </nz-tab>
-        <nz-tab nzTitle="Advanced">
-          <div class="tab">
-            <app-advanced-editor
-              [options]="req?.options"
-              (optionsChange)="patch.emit({ options: $event })"
-          />
-          </div>
-        </nz-tab>
-      </nz-tabs>
-  `,
-    styles: [request_tabs_component_default]
-  })
-], RequestTabsComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\request-editor.component.ts;CiAgICA6aG9zdHsgZGlzcGxheTogZmxleDsgZmxleC1kaXJlY3Rpb246IGNvbHVtbjt9CiAgICAubmFtZXsgcGFkZGluZzoxMHB4OyBib3JkZXItYm90dG9tOjFweCBzb2xpZCAjZjBmMGYwOyB9CiAgICAudGFic3sgZmxleDoxIDEgYXV0bzsgb3ZlcmZsb3c6aGlkZGVuOyBwYWRkaW5nOjAgMTBweDsgfQogICAgYXBwLXJlcXVlc3QtdGFic3tmbGV4OjEgMSBhdXRvOyBoZWlnaHQ6MDt9CiAg
-var request_editor_component_default = "/* angular:styles/component:less;de9c446db3f77e43cef20849dae466a91b77073ebfb25617c2d7838e1fbb525b;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\request-editor.component.ts */\n:host {\n  display: flex;\n  flex-direction: column;\n}\n.name {\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.tabs {\n  flex: 1 1 auto;\n  overflow: hidden;\n  padding: 0 10px;\n}\napp-request-tabs {\n  flex: 1 1 auto;\n  height: 0;\n}\n/*# sourceMappingURL=request-editor.component.css.map */\n";
-
-// angular:jit:style:inline:src\app\pages\api-client\components\request-editor\request-urlbar.component.ts;CiAgICAuYmFyewogICAgICBkaXNwbGF5OmZsZXg7CiAgICAgIGdhcDoxMHB4OwogICAgICBwYWRkaW5nOjEwcHg7CiAgICAgIGJvcmRlci1ib3R0b206MXB4IHNvbGlkICNmMGYwZjA7CiAgICAgIGFsaWduLWl0ZW1zOmNlbnRlcjsKICAgIH0KICAgIC5tZXRob2R7IHdpZHRoOjEyMHB4OyB9CiAgICAudXJseyBmbGV4OjEgMSBhdXRvOyB9CiAgICAudmFyLWhpbnR7CiAgICAgIHBhZGRpbmc6IDRweCAxMHB4IDhweDsKICAgICAgZm9udC1zaXplOiAxMnB4OwogICAgICBkaXNwbGF5OiBmbGV4OwogICAgICBnYXA6IDhweDsKICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgIH0KICA=
-var request_urlbar_component_default = "/* angular:styles/component:less;2545a7f8140b00be966602c60632d1077fd891b1e8b774540c3a89ad3cc4f9d7;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\request-editor\\request-urlbar.component.ts */\n.bar {\n  display: flex;\n  gap: 10px;\n  padding: 10px;\n  border-bottom: 1px solid #f0f0f0;\n  align-items: center;\n}\n.method {\n  width: 120px;\n}\n.url {\n  flex: 1 1 auto;\n}\n.var-hint {\n  padding: 4px 10px 8px;\n  font-size: 12px;\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n/*# sourceMappingURL=request-urlbar.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-editor/request-urlbar.component.ts
-var RequestUrlbarComponent = class RequestUrlbarComponent2 {
-  envVars = {};
-  openEnv;
-  method = "GET";
-  url = "";
-  sending = false;
-  envName = null;
-  baseUrl = null;
-  methodChange = new EventEmitter();
-  urlChange = new EventEmitter();
-  urlCommit = new EventEmitter();
-  send = new EventEmitter();
-  save = new EventEmitter();
-  methods = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
-  missingVars = computed(() => collectMissingFromStrings([this.draftUrl], this.envVars));
-  draftUrl = "";
-  t;
-  ngOnChanges(changes) {
-    if (changes["url"]) {
-      this.draftUrl = this.url ?? "";
-    }
-  }
-  onDraftChange(v) {
-    this.draftUrl = v ?? "";
-    if (this.t)
-      window.clearTimeout(this.t);
-    this.t = window.setTimeout(() => {
-      this.urlChange.emit(this.draftUrl);
-    }, 250);
-  }
-  commit() {
-    if (this.t) {
-      window.clearTimeout(this.t);
-      this.t = void 0;
-    }
-    this.urlChange.emit(this.draftUrl);
-    this.urlCommit.emit(this.draftUrl);
-  }
-  placeholder = computed(() => {
-    return this.baseUrl ? `"/"\u5F00\u5934` : "http://...";
-  });
-  previewUrl = computed(() => {
-    const raw = (this.url ?? "").trim();
-    if (!raw)
-      return "";
-    if (isAbsoluteUrl(raw))
-      return "";
-    const base = (this.baseUrl ?? "").trim();
-    if (!base)
-      return "";
-    try {
-      return new URL(raw, base).toString();
-    } catch {
-      return "";
-    }
-  });
-  static propDecorators = {
-    envVars: [{ type: Input }],
-    openEnv: [{ type: Input }],
-    method: [{ type: Input }],
-    url: [{ type: Input }],
-    sending: [{ type: Input }],
-    envName: [{ type: Input }],
-    baseUrl: [{ type: Input }],
-    methodChange: [{ type: Output }],
-    urlChange: [{ type: Output }],
-    urlCommit: [{ type: Output }],
-    send: [{ type: Output }],
-    save: [{ type: Output }]
-  };
-};
-RequestUrlbarComponent = __decorate([
-  Component({
-    selector: "app-request-urlbar",
-    standalone: true,
-    imports: [CommonModule, FormsModule, NzButtonModule, NzInputModule, NzSelectModule, NzTagModule],
-    template: `
-    <div class="bar">
-      <nz-select class="method" [ngModel]="method" (ngModelChange)="methodChange.emit($event)">
-        @for (m of methods; track m) {
-          <nz-option [nzValue]="m" [nzLabel]="m" class="m"></nz-option>
-        }
-      </nz-select>
-      <nz-input-wrapper class="url" [nzAddonBefore]="baseUrl ? baseUrl + '  ' : undefined" >
-        <input
-          nz-input
-          [placeholder]="placeholder()"
-          [ngModel]="draftUrl"
-          (ngModelChange)="onDraftChange($event)"
-          (blur)="commit()"
-          (keydown.enter)="commit()"
-        />
-      </nz-input-wrapper>
-      <button nz-button nzType="primary" [nzLoading]="sending" (click)="send.emit()">\u53D1\u9001</button>
-      <button nz-button nzType="default" (click)="save.emit()">\u4FDD\u5B58</button>
-    </div>
-    @if (missingVars().length) {
-      <div class="var-hint">
-        <nz-tag nzColor="warning">
-          \u672A\u89E3\u6790\u53D8\u91CF\uFF1A{{ missingVars().join(', ') }}
-        </nz-tag>
-        <a (click)="openEnv()">\u53BB\u914D\u7F6E</a>
-      </div>
-    }
-  `,
-    styles: [request_urlbar_component_default]
-  })
-], RequestUrlbarComponent);
-function isAbsoluteUrl(u) {
-  return /^https?:\/\//i.test(u);
-}
-
-// src/app/pages/api-client/components/request-editor/request-editor.component.ts
-var RequestEditorComponent = class RequestEditorComponent2 {
-  request = null;
-  sending = false;
-  envVars = {};
-  openEnv;
-  baseUrl = null;
-  patch = new EventEmitter();
-  send = new EventEmitter();
-  save = new EventEmitter();
-  collectionPath = null;
-  methods = ["GET", "POST", "PUT", "PATCH", "DELETE", "HEAD", "OPTIONS"];
-  onUrlCommit(nextUrl) {
-    const cur = this.request;
-    if (!cur)
-      return;
-    const nextPathParams = syncPathParamsByUrl(nextUrl, cur.pathParams);
-    const curKeys = extractPathParamKeys(cur.url ?? "");
-    const nextKeys = extractPathParamKeys(nextUrl ?? "");
-    const keysChanged = curKeys.length !== nextKeys.length || curKeys.some((k, i) => k !== nextKeys[i]);
-    if (keysChanged) {
-      this.patch.emit({ pathParams: nextPathParams });
-    }
-  }
-  onUrlChange(nextUrl) {
-    const cur = this.request;
-    if (!cur) {
-      this.patch.emit({ url: nextUrl });
-      return;
-    }
-    const nextPathParams = syncPathParamsByUrl(nextUrl, cur.pathParams);
-    const curKeys = extractPathParamKeys(cur.url ?? "");
-    const nextKeys = extractPathParamKeys(nextUrl ?? "");
-    const keysChanged = curKeys.length !== nextKeys.length || curKeys.some((k, i) => k !== nextKeys[i]);
-    if (keysChanged) {
-      this.patch.emit({ url: nextUrl, pathParams: nextPathParams });
-    } else {
-      this.patch.emit({ url: nextUrl });
-    }
-  }
-  static propDecorators = {
-    request: [{ type: Input }],
-    sending: [{ type: Input }],
-    envVars: [{ type: Input }],
-    openEnv: [{ type: Input }],
-    baseUrl: [{ type: Input }],
-    patch: [{ type: Output }],
-    send: [{ type: Output }],
-    save: [{ type: Output }],
-    collectionPath: [{ type: Input }]
-  };
-};
-RequestEditorComponent = __decorate([
-  Component({
-    selector: "app-request-editor",
-    standalone: true,
-    imports: [
-      CommonModule,
-      FormsModule,
-      NzButtonModule,
-      NzInputModule,
-      NzSelectModule,
-      NzSpinModule,
-      RequestTabsComponent,
-      RequestUrlbarComponent
-    ],
-    template: `
-  @if(request){
-    <app-request-urlbar
-      [method]="request.method"
-      [baseUrl]="baseUrl"
-      [envVars]="envVars"
-      [openEnv]="openEnv"
-      [url]="request.url"
-      [sending]="sending"
-      (methodChange)="patch.emit({method:$event})"
-      (urlChange)="onUrlChange($event)"
-      (urlCommit)="onUrlCommit($event)"
-      (send)="send.emit()"
-      (save)="save.emit()"
-    />
-    <div class="name">
-      <nz-input-wrapper [nzAddonBefore]=" (collectionPath || '\u672A\u5206\u7C7B')">
-        <input nz-input placeholder="\u672A\u547D\u540D\u63A5\u53E3\u540D\u79F0" [ngModel]="request.name" (ngModelChange)="patch.emit({name:$event})" />
-      </nz-input-wrapper>
-    </div>
-    <app-request-tabs class="tabs" [req]="request" (patch)="patch.emit($event)" />
-  }    
-  `,
-    styles: [request_editor_component_default]
-  })
-], RequestEditorComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\response-viewer\curl-actions.component.ts;
-var curl_actions_component_default = "/* angular:styles/component:less;e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\response-viewer\\curl-actions.component.ts */\n/*# sourceMappingURL=curl-actions.component.css.map */\n";
-
-// src/app/pages/api-client/components/response-viewer/curl-actions.component.ts
-var CurlActionsComponent = class CurlActionsComponent2 {
-  clipboard = inject(Clipboard);
-  curl = null;
-  copy(text) {
-    this.clipboard.copy(text);
-  }
-  static propDecorators = {
-    curl: [{ type: Input }]
-  };
-};
-CurlActionsComponent = __decorate([
-  Component({
-    selector: "app-curl-actions",
-    imports: [CommonModule, ClipboardModule, NzSpaceModule, NzButtonModule, NzIconModule, NzDropDownModule],
-    template: `
-    <div class="wrap">
-      <nz-space >
-        <button nz-button [disabled]="!curl" nz-dropdown [nzDropdownMenu]="menu"  nzType="default" nzTrigger="hover" nzPlacement="bottomCenter">
-          <nz-icon nzType="copy" nzTheme="outline"/>
-           cURL
-        </button>
-      </nz-space>
-      <nz-dropdown-menu #menu="nzDropdownMenu"  >
-          <ul nz-menu>
-            <li nz-menu-item>
-              <button nz-button nzType="text" [disabled]="!curl?.bash" (click)="copy(curl!.bash)">
-                 cURL (Bash)
-              </button>
-            </li>
-            <li nz-menu-item>
-              <button nz-button nzType="text" [disabled]="!curl?.powershell" (click)="copy(curl!.powershell)">
-                 cURL (PS)
-              </button>
-            </li>
-            <li nz-menu-item>
-              <button nz-button nzType="text" [disabled]="!curl?.cmd" (click)="copy(curl!.cmd)">
-                 cURL (CMD)
-              </button>
-            </li>
-          </ul>
-        </nz-dropdown-menu>
-    </div>
-  `,
-    styles: [curl_actions_component_default]
-  })
-], CurlActionsComponent);
-
-// angular:jit:style:inline:src\app\pages\api-client\components\response-viewer\response-viewer.component.ts;CiAgICA6aG9zdHsgZGlzcGxheTpmbGV4OyBoZWlnaHQ6MTAwJTsgbWluLWhlaWdodDowOyB9CiAgICAud3JhcHsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47IGhlaWdodDoxMDAlOyBtaW4taGVpZ2h0OjA7IHdpZHRoOjEwMCU7IH0KCiAgICAudG9wewogICAgICBkaXNwbGF5OmZsZXg7CiAgICAgIGp1c3RpZnktY29udGVudDpzcGFjZS1iZXR3ZWVuOwogICAgICBhbGlnbi1pdGVtczpjZW50ZXI7CiAgICAgIHBhZGRpbmc6MTBweCAxMnB4OwogICAgICBib3JkZXItYm90dG9tOjFweCBzb2xpZCAjZjBmMGYwOwogICAgfQogICAgLmxlZnR7IGRpc3BsYXk6ZmxleDsgZ2FwOjEwcHg7IGFsaWduLWl0ZW1zOmNlbnRlcjsgfQogICAgLnRpdGxleyBmb250LXdlaWdodDo3MDA7IH0KICAgIC5tZXRheyBmb250LXNpemU6MTJweDsgb3BhY2l0eTouNjU7IH0KCiAgICAubG9hZGluZ3sgcGFkZGluZzoxNnB4OyB9CiAgICAuZW1wdHl7IHBhZGRpbmc6MTZweDsgb3BhY2l0eTouNjsgfQoKICAgIC50YWJzeyBmbGV4OjEgMSBhdXRvOyBtaW4taGVpZ2h0OjA7IH0KICAgIC5wYW5leyBoZWlnaHQ6MTAwJTsgbWluLWhlaWdodDowOyBvdmVyZmxvdzphdXRvOyBwYWRkaW5nOjEwcHggMTJweDsgfQoKICAgIC5jb2RlewogICAgICBtYXJnaW46MDsKICAgICAgZm9udC1mYW1pbHk6IHVpLW1vbm9zcGFjZSwgU0ZNb25vLVJlZ3VsYXIsIE1lbmxvLCBNb25hY28sIENvbnNvbGFzLCAiTGliZXJhdGlvbiBNb25vIiwgIkNvdXJpZXIgTmV3IiwgbW9ub3NwYWNlOwogICAgICBmb250LXNpemU6MTJweDsKICAgICAgbGluZS1oZWlnaHQ6MS41OwogICAgICB3aGl0ZS1zcGFjZTpwcmUtd3JhcDsKICAgICAgd29yZC1icmVhazpicmVhay13b3JkOwogICAgfQoKICAgIC5obGlzdHsgZGlzcGxheTpmbGV4OyBmbGV4LWRpcmVjdGlvbjpjb2x1bW47IGdhcDo4cHg7IH0KICAgIC5ocm93ewogICAgICBkaXNwbGF5OmdyaWQ7CiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMjAwcHggMWZyOwogICAgICBnYXA6MTBweDsKICAgICAgcGFkZGluZzo4cHg7CiAgICAgIGJvcmRlcjoxcHggc29saWQgI2YwZjBmMDsKICAgICAgYm9yZGVyLXJhZGl1czo4cHg7CiAgICB9CiAgICAuaGt7IGZvbnQtd2VpZ2h0OjYwMDsgZm9udC1zaXplOjEycHg7IH0KICAgIC5odnsgZm9udC1zaXplOjEycHg7IG9wYWNpdHk6Ljg1OyB3b3JkLWJyZWFrOmJyZWFrLXdvcmQ7IH0KICA=
-var response_viewer_component_default = '/* angular:styles/component:less;5a3667eac1a001012f88fa45835368589b34b87936c1945179fde1d4aee84900;D:\\ng-manager\\webapp\\src\\app\\pages\\api-client\\components\\response-viewer\\response-viewer.component.ts */\n:host {\n  display: flex;\n  height: 100%;\n  min-height: 0;\n}\n.wrap {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  width: 100%;\n}\n.top {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 12px;\n  border-bottom: 1px solid #f0f0f0;\n}\n.left {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n}\n.title {\n  font-weight: 700;\n}\n.meta {\n  font-size: 12px;\n  opacity: 0.65;\n}\n.loading {\n  padding: 16px;\n}\n.empty {\n  padding: 16px;\n  opacity: 0.6;\n}\n.tabs {\n  flex: 1 1 auto;\n  min-height: 0;\n}\n.pane {\n  height: 100%;\n  min-height: 0;\n  overflow: auto;\n  padding: 10px 12px;\n}\n.code {\n  margin: 0;\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  font-size: 12px;\n  line-height: 1.5;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n.hlist {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.hrow {\n  display: grid;\n  grid-template-columns: 200px 1fr;\n  gap: 10px;\n  padding: 8px;\n  border: 1px solid #f0f0f0;\n  border-radius: 8px;\n}\n.hk {\n  font-weight: 600;\n  font-size: 12px;\n}\n.hv {\n  font-size: 12px;\n  opacity: 0.85;\n  word-break: break-word;\n}\n/*# sourceMappingURL=response-viewer.component.css.map */\n';
-
-// src/app/pages/api-client/components/response-viewer/response-viewer.component.ts
-var ResponseViewerComponent = class ResponseViewerComponent2 {
-  sending = false;
-  result = null;
-  resultSig = signal(null);
-  tabIndex = 0;
-  ngOnChanges(changes) {
-    if (changes["result"]) {
-      const r = changes["result"].currentValue;
-      this.resultSig.set(r);
-    }
-  }
-  error = computed(() => {
-    const res = this.resultSig();
-    if (!res)
-      return null;
-    return res.error ? res.error.message : null;
-  });
-  curl = computed(() => {
-    const res = this.resultSig();
-    if (!res)
-      return null;
-    return res.curl ? res.curl : null;
-  });
-  response = computed(() => {
-    const res = this.resultSig();
-    if (!res)
-      return null;
-    return res.response;
-  });
-  headerKeys = computed(() => {
-    const h = this.response()?.headers ?? {};
-    return Object.keys(h).sort((a, b) => a.localeCompare(b));
-  });
-  statusColor = computed(() => {
-    const s = this.response()?.status ?? 0;
-    if (!s)
-      return "default";
-    if (s >= 200 && s < 300)
-      return "green";
-    if (s >= 300 && s < 400)
-      return "blue";
-    if (s >= 400 && s < 500)
-      return "orange";
-    return "red";
-  });
-  isJson = computed(() => {
-    const res = this.response();
-    if (!res)
-      return false;
-    const ct = (res.headers?.["content-type"] ?? res.headers?.["Content-Type"] ?? "").toLowerCase();
-    if (ct.includes("application/json"))
-      return true;
-    const t = (res.bodyText ?? "").trim();
-    return t.startsWith("{") && t.endsWith("}") || t.startsWith("[") && t.endsWith("]");
-  });
-  prettyJson = computed(() => {
-    const t = (this.response()?.bodyText ?? "").trim();
-    try {
-      const obj = JSON.parse(t);
-      return JSON.stringify(obj, null, 2);
-    } catch {
-      return this.response()?.bodyText ?? "";
-    }
-  });
-  rawDump = computed(() => {
-    if (!this.response())
-      return "";
-    return JSON.stringify(this.response(), null, 2);
-  });
-  static propDecorators = {
-    sending: [{ type: Input }],
-    result: [{ type: Input }]
-  };
-};
-ResponseViewerComponent = __decorate([
-  Component({
-    selector: "app-response-viewer",
-    standalone: true,
-    imports: [CommonModule, NzTabsModule, NzTagModule, NzSpinModule, NzAlertModule, CurlActionsComponent],
-    template: `
-    <div class="wrap">
-      <div class="top">
-        <div class="left">
-          <div class="title">Response</div>
-
-          @if (response()) {
-            <nz-tag [nzColor]="statusColor()">
-              {{ response()?.status }} {{ response()?.statusText || '' }}
-            </nz-tag>
-
-            <span class="meta">{{ response()?.bodySize }} bytes</span>
-          } @else {
-            <span class="meta">-</span>
-          }
-        </div>
-
-        <div class="right">
-          <app-curl-actions [curl]="curl()"></app-curl-actions>
-        </div>
-      </div>
-
-      @if (sending) {
-        <div class="loading">
-          <nz-spin></nz-spin>
-        </div>
-      } @else if (error()) {
-        <nz-alert nzType="error" nzShowIcon [nzMessage]="error()"></nz-alert>
-      } @else if (!response()) {
-        <div class="empty">\u53D1\u9001\u8BF7\u6C42\u540E\u5728\u6B64\u67E5\u770B\u54CD\u5E94</div>
-      } @else {
-        <nz-tabs class="tabs" [(nzSelectedIndex)]="tabIndex">
-          <nz-tab nzTitle="Body">
-            <div class="pane">
-              @if (isJson()) {
-                <pre class="code">{{ prettyJson() }}</pre>
-              } @else {
-                <pre class="code">{{ response()?.bodyText }}</pre>
-              }
-            </div>
-          </nz-tab>
-
-          <nz-tab nzTitle="Headers">
-            <div class="pane">
-              <div class="hlist">
-                @for (k of headerKeys(); track k) {
-                  <div class="hrow">
-                    <div class="hk">{{ k }}</div>
-                    <div class="hv">{{ response()?.headers?.[k] }}</div>
-                  </div>
-                }
-              </div>
-            </div>
-          </nz-tab>
-
-          <nz-tab nzTitle="Raw">
-            <div class="pane">
-              <pre class="code">{{ rawDump() }}</pre>
-            </div>
-          </nz-tab>
-        </nz-tabs>
-      }
-    </div>
-  `,
-    styles: [response_viewer_component_default]
-  })
-], ResponseViewerComponent);
-
-// angular:jit:template:src\app\pages\api-client\components\request-tabs-bar\request-tabs-bar.component.html
-var request_tabs_bar_component_default = `<div class="tabs-container" cdkDropList (cdkDropListDropped)="onDrop($event)">\r
-  @for (tab of tabs(); track tab.id; let i = $index) {\r
-    <div\r
-      class="tab-item"\r
-      [class.active]="tab.id === activeTabId()"\r
-      [class.dirty]="tab.isDirty"\r
-      [cdkDragData]="tab"\r
-      cdkDrag\r
-      (click)="onTabClick(tab.id)"\r
-      (contextmenu)="onContextMenu($event, tab, i)"\r
-    >\r
-      <!-- \u62D6\u62FD\u624B\u67C4 -->\r
-      <span class="drag-handle" cdkDragHandle>\r
-        <nz-icon nzType="holder" nzTheme="outline" />\r
-      </span>\r
-\r
-      <!-- Tab \u5185\u5BB9 -->\r
-      @if (editingTabId() === tab.id) {\r
-        <input\r
-          #editInput\r
-          class="title-input"\r
-          [ngModel]="editingTitle()"\r
-          (ngModelChange)="editingTitle.set($event)"\r
-          (blur)="finishEdit()"\r
-          (keydown.enter)="finishEdit()"\r
-          (keydown.escape)="cancelEdit()"\r
-        />\r
-      } @else {\r
-        <span class="method" [class]="getMethodClass(tab.request.method)">\r
-          {{ tab.request.method }}\r
-        </span>\r
-        <span\r
-          class="title"\r
-          (dblclick)="startEdit(tab)"\r
-          nz-tooltip\r
-          [nzTooltipTitle]="getFullTitle(tab)"\r
-        >\r
-          {{ getDisplayTitle(tab) }}\r
-        </span>\r
-        @if (tab.isDirty) {\r
-          <span class="dirty-dot" title="\u672A\u4FDD\u5B58">\u25CF</span>\r
-        }\r
-      }\r
-\r
-      <!-- \u5173\u95ED\u6309\u94AE -->\r
-      <button\r
-        class="close-btn"\r
-        nz-button\r
-        nzType="text"\r
-        nzSize="small"\r
-        (click)="onCloseClick(tab.id, $event)"\r
-      >\r
-        <nz-icon nzType="close" nzTheme="outline" />\r
-      </button>\r
-    </div>\r
-  }\r
-\r
-  <!-- \u65B0\u5EFA\u6309\u94AE -->\r
-  @if (canOpenMore) {\r
-    <button\r
-      class="add-btn"\r
-      nz-button\r
-      nzType="text"\r
-      (click)="onAddClick()"\r
-      nz-tooltip\r
-      nzTooltipTitle="\u65B0\u5EFA\u8BF7\u6C42 (Ctrl+T)"\r
-    >\r
-      <nz-icon nzType="plus" nzTheme="outline" />\r
-    </button>\r
-  }\r
-</div>\r
-\r
-<!-- \u53F3\u952E\u83DC\u5355 -->\r
-<nz-dropdown-menu #contextMenu="nzDropdownMenu" nzOverlayClassName="tab-context-menu">\r
-  <ul nz-menu class="context-menu">\r
-    <!-- \u5173\u95ED\u64CD\u4F5C -->\r
-    <li nz-menu-item (click)="onMenuAction('close')">\r
-      <nz-icon nzType="close" />\r
-      <span>\u5173\u95ED</span>\r
-      <!-- <span class="shortcut">Ctrl+W</span> -->\r
-    </li>\r
-    <li nz-menu-item (click)="onMenuAction('closeOthers')" [nzDisabled]="tabs().length <= 1">\r
-      <nz-icon nzType="close-circle" />\r
-      <span>\u5173\u95ED\u5176\u4ED6</span>\r
-    </li>\r
-    <li nz-menu-item (click)="onMenuAction('closeRight')" [nzDisabled]="!hasRightTabs()">\r
-      <nz-icon nzType="right-circle" />\r
-      <span>\u5173\u95ED\u53F3\u4FA7</span>\r
-    </li>\r
-    <li nz-menu-item (click)="onMenuAction('closeSaved')" [nzDisabled]="!hasSavedTabs()">\r
-      <nz-icon nzType="check-circle" />\r
-      <span>\u5173\u95ED\u5DF2\u4FDD\u5B58</span>\r
-    </li>\r
-    <li nz-menu-item (click)="onMenuAction('closeAll')" [nzDisabled]="tabs().length <= 1">\r
-      <nz-icon nzType="delete" />\r
-      <span>\u5173\u95ED\u6240\u6709</span>\r
-    </li>\r
-\r
-    <li nz-menu-divider></li>\r
-\r
-    <!-- \u7F16\u8F91\u64CD\u4F5C -->\r
-    <li nz-menu-item (click)="onMenuAction('rename')">\r
-      <nz-icon nzType="edit" />\r
-      <span>\u91CD\u547D\u540D</span>\r
-      <!-- <span class="shortcut">F2</span> -->\r
-    </li>\r
-    <li nz-menu-item (click)="onMenuAction('duplicate')">\r
-      <nz-icon nzType="copy" />\r
-      <span>\u590D\u5236\u8BF7\u6C42</span>\r
-    </li>\r
-\r
-    <li nz-menu-divider></li>\r
-\r
-    <!-- \u5176\u4ED6\u64CD\u4F5C -->\r
-    @if (contextTab()?.request?.url) {\r
-      <li nz-menu-item (click)="onMenuAction('copyUrl')">\r
-        <nz-icon nzType="link" />\r
-        <span>\u590D\u5236 URL</span>\r
-      </li>\r
-    }\r
-    @if (contextTab()?.requestId) {\r
-      <li nz-menu-item (click)="onMenuAction('moveTo')">\r
-        <nz-icon nzType="folder" />\r
-        <span>\u79FB\u52A8\u5230</span>\r
-      </li>\r
-    }\r
-  </ul>\r
-</nz-dropdown-menu>\r
-`;
-
-// angular:jit:style:src\app\pages\api-client\components\request-tabs-bar\request-tabs-bar.component.less
-var request_tabs_bar_component_default2 = "/* src/app/pages/api-client/components/request-tabs-bar/request-tabs-bar.component.less */\n:host {\n  display: block;\n  width: 100%;\n}\n.tabs-container {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  padding: 4px 8px;\n  background: #fafafa;\n  border-bottom: 1px solid #f0f0f0;\n  overflow-x: auto;\n  flex-wrap: nowrap;\n}\n.tabs-container::-webkit-scrollbar {\n  height: 4px;\n}\n.tabs-container::-webkit-scrollbar-thumb {\n  background: #d9d9d9;\n  border-radius: 2px;\n}\n.tab-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  min-width: 100px;\n  max-width: 200px;\n  height: 28px;\n  border-radius: 4px 4px 0 0;\n  background: #fff;\n  border: 1px solid transparent;\n  border-bottom: none;\n  cursor: pointer;\n  -webkit-user-select: none;\n  user-select: none;\n  transition: all 0.15s;\n}\n.tab-item:hover {\n  background: #f5f5f5;\n}\n.tab-item.active {\n  background: #fff;\n  border-color: #1890ff;\n  border-bottom: 1px solid #fff;\n  margin-bottom: -1px;\n  z-index: 1;\n}\n.tab-item.dirty .title {\n  color: #1890ff;\n}\n.drag-handle {\n  display: flex;\n  align-items: center;\n  opacity: 0.3;\n  cursor: grab;\n  font-size: 10px;\n}\n.drag-handle:hover {\n  opacity: 0.6;\n}\n.method {\n  font-size: 10px;\n  font-weight: 600;\n  text-transform: uppercase;\n  flex-shrink: 0;\n}\n.method.get {\n  color: #61affe;\n}\n.method.post {\n  color: #49cc90;\n}\n.method.put {\n  color: #fca130;\n}\n.method.patch {\n  color: #50e3c2;\n}\n.method.delete {\n  color: #f93e3e;\n}\n.method.head,\n.method.options {\n  color: #909090;\n}\n.title {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 13px;\n  color: #333;\n}\n.dirty-dot {\n  color: #1890ff;\n  font-size: 8px;\n  flex-shrink: 0;\n}\n.title-input {\n  flex: 1;\n  border: none;\n  background: transparent;\n  outline: none;\n  font-size: 12px;\n  min-width: 60px;\n  padding: 0 2px;\n}\n.close-btn {\n  padding: 0 2px !important;\n  height: 16px !important;\n  width: 16px !important;\n  font-size: 10px;\n  opacity: 0.3;\n  flex-shrink: 0;\n}\n.close-btn:hover {\n  opacity: 1;\n}\n.add-btn {\n  padding: 0 8px !important;\n  height: 28px !important;\n  opacity: 0.6;\n}\n.add-btn:hover {\n  opacity: 1;\n}\n:host ::ng-deep .tab-context-menu .shortcut {\n  margin-left: auto;\n  opacity: 0.5;\n  font-size: 12px;\n  font-family: monospace;\n}\n.context-menu ::ng-deep .ant-menu-title-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n/*# sourceMappingURL=request-tabs-bar.component.css.map */\n";
-
-// src/app/pages/api-client/components/request-tabs-bar/request-tabs-bar.component.ts
-var RequestTabsBarComponent = class RequestTabsBarComponent2 {
-  contextMenuService = inject(NzContextMenuService);
-  tabs = signal([]);
-  activeTabId = signal(null);
-  canOpenMore = true;
-  tabChange = new EventEmitter();
-  tabClose = new EventEmitter();
-  tabAdd = new EventEmitter();
-  tabRename = new EventEmitter();
-  tabReorder = new EventEmitter();
-  tabContextMenu = new EventEmitter();
-  startRenameEdit = new EventEmitter();
-  editInput;
-  contextMenu;
-  editingTabId = signal(null);
-  editingTitle = signal("");
-  // 右键菜单状态
-  contextTab = signal(null);
-  contextIndex = signal(-1);
-  activeIndex = computed(() => {
-    const id = this.activeTabId();
-    const tabs = this.tabs();
-    return id ? tabs.findIndex((t) => t.id === id) : -1;
-  });
-  /** 是否有右侧 Tab */
-  hasRightTabs() {
-    const idx = this.contextIndex();
-    return idx >= 0 && idx < this.tabs().length - 1;
-  }
-  /** 是否有已保存的 Tab */
-  hasSavedTabs() {
-    return this.tabs().some((t) => !t.isDirty && t.requestId);
-  }
-  onKeyDown(event) {
-    if (event.ctrlKey && event.key === "t") {
-      event.preventDefault();
-      this.onAddClick();
-      return;
-    }
-    if (event.ctrlKey && event.key === "w") {
-      event.preventDefault();
-      const activeId = this.activeTabId();
-      if (activeId) {
-        this.tabClose.emit(activeId);
-      }
-      return;
-    }
-    if (event.key === "F2") {
-      event.preventDefault();
-      const activeId = this.activeTabId();
-      if (activeId) {
-        const tab = this.tabs().find((t) => t.id === activeId);
-        if (tab) {
-          this.startEdit(tab);
-        }
-      }
-      return;
-    }
-  }
-  getMethodClass(method) {
-    return method.toLowerCase();
-  }
-  getDisplayTitle(tab) {
-    if (tab.title && tab.title !== "New Request") {
-      return this.truncate(tab.title, 20);
-    }
-    const request = tab.request;
-    if (!request.url)
-      return "New Request";
-    const path = this.extractPath(request.url);
-    return this.truncate(path, 20);
-  }
-  getFullTitle(tab) {
-    if (tab.title && tab.title !== "New Request") {
-      return tab.title;
-    }
-    const request = tab.request;
-    if (!request.url)
-      return "New Request";
-    return `${request.method} ${request.url}`;
-  }
-  extractPath(url) {
-    const cleaned = url.replace(/^\{\{[^}]+\}\}/, "").replace(/^https?:\/\/[^/]+/, "");
-    return cleaned.split("?")[0] || "/";
-  }
-  truncate(str, maxLen) {
-    if (str.length <= maxLen)
-      return str;
-    return str.slice(0, maxLen - 2) + "\u2026";
-  }
-  onTabClick(tabId) {
-    if (tabId !== this.activeTabId()) {
-      this.tabChange.emit(tabId);
-    }
-  }
-  onCloseClick(tabId, event) {
-    event.stopPropagation();
-    this.tabClose.emit(tabId);
-  }
-  onAddClick() {
-    this.tabAdd.emit();
-  }
-  /** 右键菜单 */
-  onContextMenu(event, tab, index) {
-    event.preventDefault();
-    this.contextTab.set(tab);
-    this.contextIndex.set(index);
-    this.contextMenuService.create(event, this.contextMenu);
-  }
-  /** 右键菜单操作 */
-  onMenuAction(action) {
-    const tab = this.contextTab();
-    if (!tab)
-      return;
-    if (action === "rename") {
-      this.switchToTab(tab.id);
-      this.startEdit(tab);
-      this.clearContext();
-      return;
-    }
-    this.tabContextMenu.emit({
-      tabId: tab.id,
-      action
-    });
-    this.clearContext();
-  }
-  /** 切换到指定 Tab */
-  switchToTab(tabId) {
-    if (tabId !== this.activeTabId()) {
-      this.tabChange.emit(tabId);
-    }
-  }
-  /** 开始编辑 */
-  startEdit(tab) {
-    this.editingTabId.set(tab.id);
-    this.editingTitle.set(tab.title || tab.request.name || "New Request");
-    setTimeout(() => {
-      this.editInput?.nativeElement?.focus();
-      this.editInput?.nativeElement?.select();
-    }, 0);
-  }
-  finishEdit() {
-    const id = this.editingTabId();
-    const title = this.editingTitle().trim();
-    if (id && title) {
-      this.tabRename.emit({ id, title });
-    }
-    this.cancelEdit();
-  }
-  cancelEdit() {
-    this.editingTabId.set(null);
-    this.editingTitle.set("");
-  }
-  onDrop(event) {
-    if (event.previousIndex !== event.currentIndex) {
-      this.tabReorder.emit({
-        from: event.previousIndex,
-        to: event.currentIndex
-      });
-    }
-  }
-  /** 清除右键菜单状态 */
-  clearContext() {
-    this.contextTab.set(null);
-    this.contextIndex.set(-1);
-  }
-  static propDecorators = {
-    tabs: [{ type: Input }],
-    activeTabId: [{ type: Input }],
-    canOpenMore: [{ type: Input }],
-    tabChange: [{ type: Output }],
-    tabClose: [{ type: Output }],
-    tabAdd: [{ type: Output }],
-    tabRename: [{ type: Output }],
-    tabReorder: [{ type: Output }],
-    tabContextMenu: [{ type: Output }],
-    startRenameEdit: [{ type: Output }],
-    editInput: [{ type: ViewChild, args: ["editInput"] }],
-    contextMenu: [{ type: ViewChild, args: ["contextMenu"] }],
-    onKeyDown: [{ type: HostListener, args: ["window:keydown", ["$event"]] }]
-  };
-};
-RequestTabsBarComponent = __decorate([
-  Component({
-    selector: "app-request-tabs-bar",
-    standalone: true,
-    imports: [
-      CommonModule,
-      FormsModule,
-      DragDropModule,
-      NzTabsModule,
-      NzButtonModule,
-      NzIconModule,
-      NzTooltipModule,
-      NzDropDownModule,
-      NzMenuModule
-    ],
-    template: request_tabs_bar_component_default,
-    styles: [request_tabs_bar_component_default2]
-  })
-], RequestTabsBarComponent);
-
-// src/app/pages/api-client/api-client.component.ts
-var ApiClientComponent = class ApiClientComponent2 {
-  store = inject(ApiClientStateService);
-  modal = inject(NzModalService);
-  envPicker;
-  openEnv = () => {
-    this.envPicker.openEnvModal();
-  };
-  /**
-   * 处理 Tab 关闭
-   */
-  handleTabClose(tabId) {
-    const tab = this.store.tabs().find((t) => t.id === tabId);
-    if (tab?.isDirty) {
-      this.modal.confirm({
-        nzTitle: "\u5173\u95ED\u786E\u8BA4",
-        nzContent: "\u5F53\u524D\u8BF7\u6C42\u6709\u672A\u4FDD\u5B58\u7684\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5173\u95ED\u5417\uFF1F",
-        nzOkText: "\u5173\u95ED",
-        nzCancelText: "\u53D6\u6D88",
-        nzOnOk: () => {
-          this.store.closeTab(tabId);
-        }
-      });
-    } else {
-      this.store.closeTab(tabId);
-    }
-  }
-  /**
-   * 处理右键菜单操作
-   */
-  handleTabContextMenu(event) {
-    const { tabId, action } = event;
-    switch (action) {
-      case "close":
-        this.handleTabClose(tabId);
-        break;
-      case "closeOthers": {
-        const dirtyTabs = this.store.tabs().filter((t) => t.id !== tabId && t.isDirty);
-        if (dirtyTabs.length > 0) {
-          this.modal.confirm({
-            nzTitle: "\u5173\u95ED\u5176\u4ED6\u6807\u7B7E\u9875",
-            nzContent: `\u6709 ${dirtyTabs.length} \u4E2A\u6807\u7B7E\u9875\u6709\u672A\u4FDD\u5B58\u7684\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5168\u90E8\u5173\u95ED\u5417\uFF1F`,
-            nzOkText: "\u5168\u90E8\u5173\u95ED",
-            nzCancelText: "\u53D6\u6D88",
-            nzOnOk: () => {
-              this.store.tabStore.closeOtherTabs(tabId);
-            }
-          });
-        } else {
-          this.store.tabStore.closeOtherTabs(tabId);
-        }
-        break;
-      }
-      case "closeRight": {
-        const idx = this.store.tabs().findIndex((t) => t.id === tabId);
-        const rightTabs = this.store.tabs().slice(idx + 1);
-        const dirtyTabs = rightTabs.filter((t) => t.isDirty);
-        if (dirtyTabs.length > 0) {
-          this.modal.confirm({
-            nzTitle: "\u5173\u95ED\u53F3\u4FA7\u6807\u7B7E\u9875",
-            nzContent: `\u53F3\u4FA7\u6709 ${dirtyTabs.length} \u4E2A\u6807\u7B7E\u9875\u6709\u672A\u4FDD\u5B58\u7684\u4FEE\u6539\uFF0C\u786E\u5B9A\u8981\u5168\u90E8\u5173\u95ED\u5417\uFF1F`,
-            nzOkText: "\u5168\u90E8\u5173\u95ED",
-            nzCancelText: "\u53D6\u6D88",
-            nzOnOk: () => {
-              this.store.tabStore.closeRightTabs(tabId);
-            }
-          });
-        } else {
-          this.store.tabStore.closeRightTabs(tabId);
-        }
-        break;
-      }
-      case "closeSaved": {
-        const savedTabs = this.store.tabs().filter((t) => !t.isDirty && t.requestId);
-        if (savedTabs.length > 0) {
-          this.modal.confirm({
-            nzTitle: "\u5173\u95ED\u5DF2\u4FDD\u5B58\u7684\u6807\u7B7E\u9875",
-            nzContent: `\u786E\u5B9A\u8981\u5173\u95ED ${savedTabs.length} \u4E2A\u5DF2\u4FDD\u5B58\u7684\u6807\u7B7E\u9875\u5417\uFF1F`,
-            nzOkText: "\u5173\u95ED",
-            nzCancelText: "\u53D6\u6D88",
-            nzOnOk: () => {
-              this.store.tabStore.closeSavedTabs();
-            }
-          });
-        }
-        break;
-      }
-      case "duplicate":
-        try {
-          this.store.tabStore.duplicateTab(tabId);
-        } catch (e) {
-          console.error(e);
-        }
-        break;
-      case "copyUrl": {
-        const url = this.store.tabStore.getTabUrl(tabId);
-        if (url) {
-          navigator.clipboard.writeText(url);
-        }
-        break;
-      }
-      case "moveTo": {
-        const tab = this.store.tabStore.getTab(tabId);
-        if (tab?.requestId) {
-          this.store.moveCollection(tab.requestId, "request");
-        }
-        break;
-      }
-    }
-  }
-  static propDecorators = {
-    envPicker: [{ type: ViewChild, args: ["envPicker"] }]
-  };
-};
-ApiClientComponent = __decorate([
-  Component({
-    selector: "app-api-client.component",
-    imports: [
-      CommonModule,
-      PageLayoutComponent,
-      NzButtonModule,
-      NzIconModule,
-      NzLayoutModule,
-      NzTooltipModule,
-      NzModalModule,
-      RequestCollectionsComponent,
-      RequestEditorComponent,
-      ResponseViewerComponent,
-      RequestTabsBarComponent,
-      ApiHistoryDrawerComponent,
-      EnvPickerComponent,
-      NzEmptyModule
-    ],
-    template: `
-      <app-page-layout [title]="'API \u8BF7\u6C42'" [loading]="store.loading()" [isFullscreen]="true" [isOverflowYAuto]="false">
-        <ng-container ngProjectAs="actions">
-          <app-env-picker/>
-          <!-- <button nz-button nzType="default" (click)="store.sendHubV2Issues()" nz-tooltip nzTooltipTitle="\u8BFB\u53D6\u5F53\u524D\u9879\u76EE Hub V2 Issues">
-            Hub Issues
-          </button> -->
-          <button nz-button nzType="text" (click)="store.openHistory()" nz-tooltip nzTooltipTitle="\u5386\u53F2\u8BB0\u5F55">
-            <nz-icon nzType="history" nzTheme="outline" />
-          </button>
-        </ng-container>
-        <nz-layout class="page">
-          <app-request-collections
-            [nodes]="store.filteredNodes()"
-            [(q)]="store.q"
-            [activeId]="store.activeRequestId()"
-            (select)="store.selectRequest($event)"
-            (createRequest)="store.newRequest({collectionId: $event.collectionId})"
-            (createCollection)="store.newCollection({kind:'collection'})"
-            (createFolder)="store.newCollection({kind:'folder', parentId: $event.collectionId})"
-            (reload)="store.loadAll()"
-            (delete)="store.deleteCollection($event.id, $event.kind)"
-            (rename)="store.renameCollection($event.id, $event.kind)"
-            (move)="store.moveCollection($event.id, $event.kind)"
-            [loading]="store.loading()"
-          />
-          <div class="content">
-            <!-- Tabs \u6807\u7B7E\u680F -->
-            <app-request-tabs-bar
-              [tabs]="store.tabs"
-              [activeTabId]="store.activeTabId"
-              [canOpenMore]="store.canOpenMore()"
-              (tabChange)="store.switchTab($event)"
-              (tabClose)="handleTabClose($event)"
-              (tabAdd)="store.newTab()"
-              (tabRename)="store.renameTab($event.id, $event.title)"
-              (tabReorder)="store.reorderTabs($event.from, $event.to)"
-              (tabContextMenu)="handleTabContextMenu($event)"
-            />
-            
-            @if(store.activeRequest()){
-              <div class="editor-area">
-                <app-request-editor
-                  [collectionPath]="store.collectionPath()"
-                  [baseUrl]="store.activeEnv()?.baseUrl ?? null"
-                  [request]="store.activeRequest()"
-                  [sending]="store.sending()"
-                  [envVars]="store.envVarRecord()"
-                  [openEnv]="openEnv"
-                  (patch)="store.patchActive($event)"
-                  (save)="store.saveActive()"
-                  (send)="store.sendActive()"
-                />
-                <app-response-viewer
-                  [sending]="store.sending()"
-                  [result]="store.lastResult()"
-                />
-              </div>
-            }@else{
-              <nz-empty  
-            [nzNotFoundContent]="contentTpl"
-            [nzNotFoundFooter]="footerTpl">
-          </nz-empty>
-            }
-            <ng-template #contentTpl>
-              <span>\u6682\u65E0\u8BF7\u6C42\uFF0C\u70B9\u51FB\u5DE6\u4FA7\u9762\u677F\u53F3\u4E0A\u89D2"+" \u521B\u5EFA\u8BF7\u6C42</span>
-            </ng-template>
-            <ng-template #footerTpl>
-              <button nz-button nzType="primary" (click)="store.newTab()">\u7ACB\u5373\u65B0\u589E</button>
-            </ng-template>
-          </div>
-        </nz-layout>
-    </app-page-layout>
-    @if (store.historyOpen()) {
-      <app-api-history-drawer
-        [loading]="store.historyLoading()"
-        [histories]="store.histories()"
-        (close)="store.closeHistory()"
-        (replay)="store.replayHistory($event)"
-      />
-    }
-  `,
-    styles: [api_client_component_default]
-  })
-], ApiClientComponent);
-
-// src/app/pages/api-client/api-client-routing.module.ts
-var routes = [
-  { path: "", component: ApiClientComponent }
-];
-var ApiClientRoutingModule = class ApiClientRoutingModule2 {
-};
-ApiClientRoutingModule = __decorate([
-  NgModule({
-    imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule]
-  })
-], ApiClientRoutingModule);
-
-// src/app/pages/api-client/api-client.module.ts
-var ApiClientModule = class ApiClientModule2 {
-};
-ApiClientModule = __decorate([
-  NgModule({
-    declarations: [],
-    imports: [
-      CommonModule,
-      ApiClientRoutingModule
-    ]
-  })
-], ApiClientModule);
-export {
-  ApiClientModule
-};
-//# sourceMappingURL=chunk-XF5H7E4L.js.map