@blade-hq/agent-react 2612.0.0-beta.8 → 2612.0.0-beta.81

package/dist/chunk-FH5HA3GW.js

@@ -0,0 +1,2416 @@
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  Button,
+  ConnectorDetail,
+  Dialog,
+  DialogContent,
+  DialogTitle,
+  cn,
+  cva,
+  dist_exports,
+  dist_exports3 as dist_exports2,
+  dist_exports5 as dist_exports3,
+  dist_exports6 as dist_exports4
+} from "./chunk-MWILWSPG.js";
+import {
+  LoaderCircle
+} from "./chunk-KHJEIHMJ.js";
+
+// src/components/DeviceConnection.tsx
+import { useEffect, useRef, useState } from "react";
+
+// ../ui/src/composites/switch.tsx
+import { jsx } from "react/jsx-runtime";
+function Switch({
+  className,
+  thumbClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    dist_exports4.Root,
+    {
+      "data-slot": "switch",
+      className: cn("outline-none focus-visible:ring-3 focus-visible:ring-ring/50", className),
+      ...props,
+      children: /* @__PURE__ */ jsx(dist_exports4.Thumb, { "data-slot": "switch-thumb", className: thumbClassName })
+    }
+  );
+}
+
+// ../../node_modules/.pnpm/qrcode.react@4.2.0_react@19.2.4/node_modules/qrcode.react/lib/esm/index.js
+import React from "react";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var qrcodegen;
+((qrcodegen2) => {
+  const _QrCode = class _QrCode2 {
+    /*-- Constructor (low level) and fields --*/
+    // Creates a new QR Code with the given version number,
+    // error correction level, data codeword bytes, and mask number.
+    // This is a low-level API that most users should not use directly.
+    // A mid-level API is the encodeSegments() function.
+    constructor(version, errorCorrectionLevel, dataCodewords, msk) {
+      this.version = version;
+      this.errorCorrectionLevel = errorCorrectionLevel;
+      this.modules = [];
+      this.isFunction = [];
+      if (version < _QrCode2.MIN_VERSION || version > _QrCode2.MAX_VERSION)
+        throw new RangeError("Version value out of range");
+      if (msk < -1 || msk > 7)
+        throw new RangeError("Mask value out of range");
+      this.size = version * 4 + 17;
+      let row = [];
+      for (let i = 0; i < this.size; i++)
+        row.push(false);
+      for (let i = 0; i < this.size; i++) {
+        this.modules.push(row.slice());
+        this.isFunction.push(row.slice());
+      }
+      this.drawFunctionPatterns();
+      const allCodewords = this.addEccAndInterleave(dataCodewords);
+      this.drawCodewords(allCodewords);
+      if (msk == -1) {
+        let minPenalty = 1e9;
+        for (let i = 0; i < 8; i++) {
+          this.applyMask(i);
+          this.drawFormatBits(i);
+          const penalty = this.getPenaltyScore();
+          if (penalty < minPenalty) {
+            msk = i;
+            minPenalty = penalty;
+          }
+          this.applyMask(i);
+        }
+      }
+      assert(0 <= msk && msk <= 7);
+      this.mask = msk;
+      this.applyMask(msk);
+      this.drawFormatBits(msk);
+      this.isFunction = [];
+    }
+    /*-- Static factory functions (high level) --*/
+    // Returns a QR Code representing the given Unicode text string at the given error correction level.
+    // As a conservative upper bound, this function is guaranteed to succeed for strings that have 738 or fewer
+    // Unicode code points (not UTF-16 code units) if the low error correction level is used. The smallest possible
+    // QR Code version is automatically chosen for the output. The ECC level of the result may be higher than the
+    // ecl argument if it can be done without increasing the version.
+    static encodeText(text, ecl) {
+      const segs = qrcodegen2.QrSegment.makeSegments(text);
+      return _QrCode2.encodeSegments(segs, ecl);
+    }
+    // Returns a QR Code representing the given binary data at the given error correction level.
+    // This function always encodes using the binary segment mode, not any text mode. The maximum number of
+    // bytes allowed is 2953. The smallest possible QR Code version is automatically chosen for the output.
+    // The ECC level of the result may be higher than the ecl argument if it can be done without increasing the version.
+    static encodeBinary(data, ecl) {
+      const seg = qrcodegen2.QrSegment.makeBytes(data);
+      return _QrCode2.encodeSegments([seg], ecl);
+    }
+    /*-- Static factory functions (mid level) --*/
+    // Returns a QR Code representing the given segments with the given encoding parameters.
+    // The smallest possible QR Code version within the given range is automatically
+    // chosen for the output. Iff boostEcl is true, then the ECC level of the result
+    // may be higher than the ecl argument if it can be done without increasing the
+    // version. The mask number is either between 0 to 7 (inclusive) to force that
+    // mask, or -1 to automatically choose an appropriate mask (which may be slow).
+    // This function allows the user to create a custom sequence of segments that switches
+    // between modes (such as alphanumeric and byte) to encode text in less space.
+    // This is a mid-level API; the high-level API is encodeText() and encodeBinary().
+    static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
+      if (!(_QrCode2.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= _QrCode2.MAX_VERSION) || mask < -1 || mask > 7)
+        throw new RangeError("Invalid value");
+      let version;
+      let dataUsedBits;
+      for (version = minVersion; ; version++) {
+        const dataCapacityBits2 = _QrCode2.getNumDataCodewords(version, ecl) * 8;
+        const usedBits = QrSegment.getTotalBits(segs, version);
+        if (usedBits <= dataCapacityBits2) {
+          dataUsedBits = usedBits;
+          break;
+        }
+        if (version >= maxVersion)
+          throw new RangeError("Data too long");
+      }
+      for (const newEcl of [_QrCode2.Ecc.MEDIUM, _QrCode2.Ecc.QUARTILE, _QrCode2.Ecc.HIGH]) {
+        if (boostEcl && dataUsedBits <= _QrCode2.getNumDataCodewords(version, newEcl) * 8)
+          ecl = newEcl;
+      }
+      let bb = [];
+      for (const seg of segs) {
+        appendBits(seg.mode.modeBits, 4, bb);
+        appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
+        for (const b of seg.getData())
+          bb.push(b);
+      }
+      assert(bb.length == dataUsedBits);
+      const dataCapacityBits = _QrCode2.getNumDataCodewords(version, ecl) * 8;
+      assert(bb.length <= dataCapacityBits);
+      appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
+      appendBits(0, (8 - bb.length % 8) % 8, bb);
+      assert(bb.length % 8 == 0);
+      for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17)
+        appendBits(padByte, 8, bb);
+      let dataCodewords = [];
+      while (dataCodewords.length * 8 < bb.length)
+        dataCodewords.push(0);
+      bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));
+      return new _QrCode2(version, ecl, dataCodewords, mask);
+    }
+    /*-- Accessor methods --*/
+    // Returns the color of the module (pixel) at the given coordinates, which is false
+    // for light or true for dark. The top left corner has the coordinates (x=0, y=0).
+    // If the given coordinates are out of bounds, then false (light) is returned.
+    getModule(x, y) {
+      return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];
+    }
+    // Modified to expose modules for easy access
+    getModules() {
+      return this.modules;
+    }
+    /*-- Private helper methods for constructor: Drawing function modules --*/
+    // Reads this object's version field, and draws and marks all function modules.
+    drawFunctionPatterns() {
+      for (let i = 0; i < this.size; i++) {
+        this.setFunctionModule(6, i, i % 2 == 0);
+        this.setFunctionModule(i, 6, i % 2 == 0);
+      }
+      this.drawFinderPattern(3, 3);
+      this.drawFinderPattern(this.size - 4, 3);
+      this.drawFinderPattern(3, this.size - 4);
+      const alignPatPos = this.getAlignmentPatternPositions();
+      const numAlign = alignPatPos.length;
+      for (let i = 0; i < numAlign; i++) {
+        for (let j = 0; j < numAlign; j++) {
+          if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0))
+            this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
+        }
+      }
+      this.drawFormatBits(0);
+      this.drawVersion();
+    }
+    // Draws two copies of the format bits (with its own error correction code)
+    // based on the given mask and this object's error correction level field.
+    drawFormatBits(mask) {
+      const data = this.errorCorrectionLevel.formatBits << 3 | mask;
+      let rem = data;
+      for (let i = 0; i < 10; i++)
+        rem = rem << 1 ^ (rem >>> 9) * 1335;
+      const bits = (data << 10 | rem) ^ 21522;
+      assert(bits >>> 15 == 0);
+      for (let i = 0; i <= 5; i++)
+        this.setFunctionModule(8, i, getBit(bits, i));
+      this.setFunctionModule(8, 7, getBit(bits, 6));
+      this.setFunctionModule(8, 8, getBit(bits, 7));
+      this.setFunctionModule(7, 8, getBit(bits, 8));
+      for (let i = 9; i < 15; i++)
+        this.setFunctionModule(14 - i, 8, getBit(bits, i));
+      for (let i = 0; i < 8; i++)
+        this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
+      for (let i = 8; i < 15; i++)
+        this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
+      this.setFunctionModule(8, this.size - 8, true);
+    }
+    // Draws two copies of the version bits (with its own error correction code),
+    // based on this object's version field, iff 7 <= version <= 40.
+    drawVersion() {
+      if (this.version < 7)
+        return;
+      let rem = this.version;
+      for (let i = 0; i < 12; i++)
+        rem = rem << 1 ^ (rem >>> 11) * 7973;
+      const bits = this.version << 12 | rem;
+      assert(bits >>> 18 == 0);
+      for (let i = 0; i < 18; i++) {
+        const color = getBit(bits, i);
+        const a = this.size - 11 + i % 3;
+        const b = Math.floor(i / 3);
+        this.setFunctionModule(a, b, color);
+        this.setFunctionModule(b, a, color);
+      }
+    }
+    // Draws a 9*9 finder pattern including the border separator,
+    // with the center module at (x, y). Modules can be out of bounds.
+    drawFinderPattern(x, y) {
+      for (let dy = -4; dy <= 4; dy++) {
+        for (let dx = -4; dx <= 4; dx++) {
+          const dist = Math.max(Math.abs(dx), Math.abs(dy));
+          const xx = x + dx;
+          const yy = y + dy;
+          if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size)
+            this.setFunctionModule(xx, yy, dist != 2 && dist != 4);
+        }
+      }
+    }
+    // Draws a 5*5 alignment pattern, with the center module
+    // at (x, y). All modules must be in bounds.
+    drawAlignmentPattern(x, y) {
+      for (let dy = -2; dy <= 2; dy++) {
+        for (let dx = -2; dx <= 2; dx++)
+          this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);
+      }
+    }
+    // Sets the color of a module and marks it as a function module.
+    // Only used by the constructor. Coordinates must be in bounds.
+    setFunctionModule(x, y, isDark) {
+      this.modules[y][x] = isDark;
+      this.isFunction[y][x] = true;
+    }
+    /*-- Private helper methods for constructor: Codewords and masking --*/
+    // Returns a new byte string representing the given data with the appropriate error correction
+    // codewords appended to it, based on this object's version and error correction level.
+    addEccAndInterleave(data) {
+      const ver = this.version;
+      const ecl = this.errorCorrectionLevel;
+      if (data.length != _QrCode2.getNumDataCodewords(ver, ecl))
+        throw new RangeError("Invalid argument");
+      const numBlocks = _QrCode2.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
+      const blockEccLen = _QrCode2.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
+      const rawCodewords = Math.floor(_QrCode2.getNumRawDataModules(ver) / 8);
+      const numShortBlocks = numBlocks - rawCodewords % numBlocks;
+      const shortBlockLen = Math.floor(rawCodewords / numBlocks);
+      let blocks = [];
+      const rsDiv = _QrCode2.reedSolomonComputeDivisor(blockEccLen);
+      for (let i = 0, k = 0; i < numBlocks; i++) {
+        let dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
+        k += dat.length;
+        const ecc = _QrCode2.reedSolomonComputeRemainder(dat, rsDiv);
+        if (i < numShortBlocks)
+          dat.push(0);
+        blocks.push(dat.concat(ecc));
+      }
+      let result = [];
+      for (let i = 0; i < blocks[0].length; i++) {
+        blocks.forEach((block, j) => {
+          if (i != shortBlockLen - blockEccLen || j >= numShortBlocks)
+            result.push(block[i]);
+        });
+      }
+      assert(result.length == rawCodewords);
+      return result;
+    }
+    // Draws the given sequence of 8-bit codewords (data and error correction) onto the entire
+    // data area of this QR Code. Function modules need to be marked off before this is called.
+    drawCodewords(data) {
+      if (data.length != Math.floor(_QrCode2.getNumRawDataModules(this.version) / 8))
+        throw new RangeError("Invalid argument");
+      let i = 0;
+      for (let right = this.size - 1; right >= 1; right -= 2) {
+        if (right == 6)
+          right = 5;
+        for (let vert = 0; vert < this.size; vert++) {
+          for (let j = 0; j < 2; j++) {
+            const x = right - j;
+            const upward = (right + 1 & 2) == 0;
+            const y = upward ? this.size - 1 - vert : vert;
+            if (!this.isFunction[y][x] && i < data.length * 8) {
+              this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
+              i++;
+            }
+          }
+        }
+      }
+      assert(i == data.length * 8);
+    }
+    // XORs the codeword modules in this QR Code with the given mask pattern.
+    // The function modules must be marked and the codeword bits must be drawn
+    // before masking. Due to the arithmetic of XOR, calling applyMask() with
+    // the same mask value a second time will undo the mask. A final well-formed
+    // QR Code needs exactly one (not zero, two, etc.) mask applied.
+    applyMask(mask) {
+      if (mask < 0 || mask > 7)
+        throw new RangeError("Mask value out of range");
+      for (let y = 0; y < this.size; y++) {
+        for (let x = 0; x < this.size; x++) {
+          let invert;
+          switch (mask) {
+            case 0:
+              invert = (x + y) % 2 == 0;
+              break;
+            case 1:
+              invert = y % 2 == 0;
+              break;
+            case 2:
+              invert = x % 3 == 0;
+              break;
+            case 3:
+              invert = (x + y) % 3 == 0;
+              break;
+            case 4:
+              invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
+              break;
+            case 5:
+              invert = x * y % 2 + x * y % 3 == 0;
+              break;
+            case 6:
+              invert = (x * y % 2 + x * y % 3) % 2 == 0;
+              break;
+            case 7:
+              invert = ((x + y) % 2 + x * y % 3) % 2 == 0;
+              break;
+            default:
+              throw new Error("Unreachable");
+          }
+          if (!this.isFunction[y][x] && invert)
+            this.modules[y][x] = !this.modules[y][x];
+        }
+      }
+    }
+    // Calculates and returns the penalty score based on state of this QR Code's current modules.
+    // This is used by the automatic mask choice algorithm to find the mask pattern that yields the lowest score.
+    getPenaltyScore() {
+      let result = 0;
+      for (let y = 0; y < this.size; y++) {
+        let runColor = false;
+        let runX = 0;
+        let runHistory = [0, 0, 0, 0, 0, 0, 0];
+        for (let x = 0; x < this.size; x++) {
+          if (this.modules[y][x] == runColor) {
+            runX++;
+            if (runX == 5)
+              result += _QrCode2.PENALTY_N1;
+            else if (runX > 5)
+              result++;
+          } else {
+            this.finderPenaltyAddHistory(runX, runHistory);
+            if (!runColor)
+              result += this.finderPenaltyCountPatterns(runHistory) * _QrCode2.PENALTY_N3;
+            runColor = this.modules[y][x];
+            runX = 1;
+          }
+        }
+        result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * _QrCode2.PENALTY_N3;
+      }
+      for (let x = 0; x < this.size; x++) {
+        let runColor = false;
+        let runY = 0;
+        let runHistory = [0, 0, 0, 0, 0, 0, 0];
+        for (let y = 0; y < this.size; y++) {
+          if (this.modules[y][x] == runColor) {
+            runY++;
+            if (runY == 5)
+              result += _QrCode2.PENALTY_N1;
+            else if (runY > 5)
+              result++;
+          } else {
+            this.finderPenaltyAddHistory(runY, runHistory);
+            if (!runColor)
+              result += this.finderPenaltyCountPatterns(runHistory) * _QrCode2.PENALTY_N3;
+            runColor = this.modules[y][x];
+            runY = 1;
+          }
+        }
+        result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * _QrCode2.PENALTY_N3;
+      }
+      for (let y = 0; y < this.size - 1; y++) {
+        for (let x = 0; x < this.size - 1; x++) {
+          const color = this.modules[y][x];
+          if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1])
+            result += _QrCode2.PENALTY_N2;
+        }
+      }
+      let dark = 0;
+      for (const row of this.modules)
+        dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
+      const total = this.size * this.size;
+      const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
+      assert(0 <= k && k <= 9);
+      result += k * _QrCode2.PENALTY_N4;
+      assert(0 <= result && result <= 2568888);
+      return result;
+    }
+    /*-- Private helper functions --*/
+    // Returns an ascending list of positions of alignment patterns for this version number.
+    // Each position is in the range [0,177), and are used on both the x and y axes.
+    // This could be implemented as lookup table of 40 variable-length lists of integers.
+    getAlignmentPatternPositions() {
+      if (this.version == 1)
+        return [];
+      else {
+        const numAlign = Math.floor(this.version / 7) + 2;
+        const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
+        let result = [6];
+        for (let pos = this.size - 7; result.length < numAlign; pos -= step)
+          result.splice(1, 0, pos);
+        return result;
+      }
+    }
+    // Returns the number of data bits that can be stored in a QR Code of the given version number, after
+    // all function modules are excluded. This includes remainder bits, so it might not be a multiple of 8.
+    // The result is in the range [208, 29648]. This could be implemented as a 40-entry lookup table.
+    static getNumRawDataModules(ver) {
+      if (ver < _QrCode2.MIN_VERSION || ver > _QrCode2.MAX_VERSION)
+        throw new RangeError("Version number out of range");
+      let result = (16 * ver + 128) * ver + 64;
+      if (ver >= 2) {
+        const numAlign = Math.floor(ver / 7) + 2;
+        result -= (25 * numAlign - 10) * numAlign - 55;
+        if (ver >= 7)
+          result -= 36;
+      }
+      assert(208 <= result && result <= 29648);
+      return result;
+    }
+    // Returns the number of 8-bit data (i.e. not error correction) codewords contained in any
+    // QR Code of the given version number and error correction level, with remainder bits discarded.
+    // This stateless pure function could be implemented as a (40*4)-cell lookup table.
+    static getNumDataCodewords(ver, ecl) {
+      return Math.floor(_QrCode2.getNumRawDataModules(ver) / 8) - _QrCode2.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * _QrCode2.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
+    }
+    // Returns a Reed-Solomon ECC generator polynomial for the given degree. This could be
+    // implemented as a lookup table over all possible parameter values, instead of as an algorithm.
+    static reedSolomonComputeDivisor(degree) {
+      if (degree < 1 || degree > 255)
+        throw new RangeError("Degree out of range");
+      let result = [];
+      for (let i = 0; i < degree - 1; i++)
+        result.push(0);
+      result.push(1);
+      let root = 1;
+      for (let i = 0; i < degree; i++) {
+        for (let j = 0; j < result.length; j++) {
+          result[j] = _QrCode2.reedSolomonMultiply(result[j], root);
+          if (j + 1 < result.length)
+            result[j] ^= result[j + 1];
+        }
+        root = _QrCode2.reedSolomonMultiply(root, 2);
+      }
+      return result;
+    }
+    // Returns the Reed-Solomon error correction codeword for the given data and divisor polynomials.
+    static reedSolomonComputeRemainder(data, divisor) {
+      let result = divisor.map((_) => 0);
+      for (const b of data) {
+        const factor = b ^ result.shift();
+        result.push(0);
+        divisor.forEach((coef, i) => result[i] ^= _QrCode2.reedSolomonMultiply(coef, factor));
+      }
+      return result;
+    }
+    // Returns the product of the two given field elements modulo GF(2^8/0x11D). The arguments and result
+    // are unsigned 8-bit integers. This could be implemented as a lookup table of 256*256 entries of uint8.
+    static reedSolomonMultiply(x, y) {
+      if (x >>> 8 != 0 || y >>> 8 != 0)
+        throw new RangeError("Byte out of range");
+      let z = 0;
+      for (let i = 7; i >= 0; i--) {
+        z = z << 1 ^ (z >>> 7) * 285;
+        z ^= (y >>> i & 1) * x;
+      }
+      assert(z >>> 8 == 0);
+      return z;
+    }
+    // Can only be called immediately after a light run is added, and
+    // returns either 0, 1, or 2. A helper function for getPenaltyScore().
+    finderPenaltyCountPatterns(runHistory) {
+      const n = runHistory[1];
+      assert(n <= this.size * 3);
+      const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;
+      return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);
+    }
+    // Must be called at the end of a line (row or column) of modules. A helper function for getPenaltyScore().
+    finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
+      if (currentRunColor) {
+        this.finderPenaltyAddHistory(currentRunLength, runHistory);
+        currentRunLength = 0;
+      }
+      currentRunLength += this.size;
+      this.finderPenaltyAddHistory(currentRunLength, runHistory);
+      return this.finderPenaltyCountPatterns(runHistory);
+    }
+    // Pushes the given value to the front and drops the last value. A helper function for getPenaltyScore().
+    finderPenaltyAddHistory(currentRunLength, runHistory) {
+      if (runHistory[0] == 0)
+        currentRunLength += this.size;
+      runHistory.pop();
+      runHistory.unshift(currentRunLength);
+    }
+  };
+  _QrCode.MIN_VERSION = 1;
+  _QrCode.MAX_VERSION = 40;
+  _QrCode.PENALTY_N1 = 3;
+  _QrCode.PENALTY_N2 = 3;
+  _QrCode.PENALTY_N3 = 40;
+  _QrCode.PENALTY_N4 = 10;
+  _QrCode.ECC_CODEWORDS_PER_BLOCK = [
+    // Version: (note that index 0 is for padding, and is set to an illegal value)
+    //0,  1,  2,  3,  4,  5,  6,  7,  8,  9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
+    [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
+    // Low
+    [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],
+    // Medium
+    [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
+    // Quartile
+    [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
+    // High
+  ];
+  _QrCode.NUM_ERROR_CORRECTION_BLOCKS = [
+    // Version: (note that index 0 is for padding, and is set to an illegal value)
+    //0, 1, 2, 3, 4, 5, 6, 7, 8, 9,10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40    Error correction level
+    [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
+    // Low
+    [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],
+    // Medium
+    [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],
+    // Quartile
+    [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
+    // High
+  ];
+  let QrCode = _QrCode;
+  qrcodegen2.QrCode = _QrCode;
+  function appendBits(val, len, bb) {
+    if (len < 0 || len > 31 || val >>> len != 0)
+      throw new RangeError("Value out of range");
+    for (let i = len - 1; i >= 0; i--)
+      bb.push(val >>> i & 1);
+  }
+  function getBit(x, i) {
+    return (x >>> i & 1) != 0;
+  }
+  function assert(cond) {
+    if (!cond)
+      throw new Error("Assertion error");
+  }
+  const _QrSegment = class _QrSegment2 {
+    /*-- Constructor (low level) and fields --*/
+    // Creates a new QR Code segment with the given attributes and data.
+    // The character count (numChars) must agree with the mode and the bit buffer length,
+    // but the constraint isn't checked. The given bit buffer is cloned and stored.
+    constructor(mode, numChars, bitData) {
+      this.mode = mode;
+      this.numChars = numChars;
+      this.bitData = bitData;
+      if (numChars < 0)
+        throw new RangeError("Invalid argument");
+      this.bitData = bitData.slice();
+    }
+    /*-- Static factory functions (mid level) --*/
+    // Returns a segment representing the given binary data encoded in
+    // byte mode. All input byte arrays are acceptable. Any text string
+    // can be converted to UTF-8 bytes and encoded as a byte mode segment.
+    static makeBytes(data) {
+      let bb = [];
+      for (const b of data)
+        appendBits(b, 8, bb);
+      return new _QrSegment2(_QrSegment2.Mode.BYTE, data.length, bb);
+    }
+    // Returns a segment representing the given string of decimal digits encoded in numeric mode.
+    static makeNumeric(digits) {
+      if (!_QrSegment2.isNumeric(digits))
+        throw new RangeError("String contains non-numeric characters");
+      let bb = [];
+      for (let i = 0; i < digits.length; ) {
+        const n = Math.min(digits.length - i, 3);
+        appendBits(parseInt(digits.substring(i, i + n), 10), n * 3 + 1, bb);
+        i += n;
+      }
+      return new _QrSegment2(_QrSegment2.Mode.NUMERIC, digits.length, bb);
+    }
+    // Returns a segment representing the given text string encoded in alphanumeric mode.
+    // The characters allowed are: 0 to 9, A to Z (uppercase only), space,
+    // dollar, percent, asterisk, plus, hyphen, period, slash, colon.
+    static makeAlphanumeric(text) {
+      if (!_QrSegment2.isAlphanumeric(text))
+        throw new RangeError("String contains unencodable characters in alphanumeric mode");
+      let bb = [];
+      let i;
+      for (i = 0; i + 2 <= text.length; i += 2) {
+        let temp = _QrSegment2.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
+        temp += _QrSegment2.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
+        appendBits(temp, 11, bb);
+      }
+      if (i < text.length)
+        appendBits(_QrSegment2.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
+      return new _QrSegment2(_QrSegment2.Mode.ALPHANUMERIC, text.length, bb);
+    }
+    // Returns a new mutable list of zero or more segments to represent the given Unicode text string.
+    // The result may use various segment modes and switch modes to optimize the length of the bit stream.
+    static makeSegments(text) {
+      if (text == "")
+        return [];
+      else if (_QrSegment2.isNumeric(text))
+        return [_QrSegment2.makeNumeric(text)];
+      else if (_QrSegment2.isAlphanumeric(text))
+        return [_QrSegment2.makeAlphanumeric(text)];
+      else
+        return [_QrSegment2.makeBytes(_QrSegment2.toUtf8ByteArray(text))];
+    }
+    // Returns a segment representing an Extended Channel Interpretation
+    // (ECI) designator with the given assignment value.
+    static makeEci(assignVal) {
+      let bb = [];
+      if (assignVal < 0)
+        throw new RangeError("ECI assignment value out of range");
+      else if (assignVal < 1 << 7)
+        appendBits(assignVal, 8, bb);
+      else if (assignVal < 1 << 14) {
+        appendBits(2, 2, bb);
+        appendBits(assignVal, 14, bb);
+      } else if (assignVal < 1e6) {
+        appendBits(6, 3, bb);
+        appendBits(assignVal, 21, bb);
+      } else
+        throw new RangeError("ECI assignment value out of range");
+      return new _QrSegment2(_QrSegment2.Mode.ECI, 0, bb);
+    }
+    // Tests whether the given string can be encoded as a segment in numeric mode.
+    // A string is encodable iff each character is in the range 0 to 9.
+    static isNumeric(text) {
+      return _QrSegment2.NUMERIC_REGEX.test(text);
+    }
+    // Tests whether the given string can be encoded as a segment in alphanumeric mode.
+    // A string is encodable iff each character is in the following set: 0 to 9, A to Z
+    // (uppercase only), space, dollar, percent, asterisk, plus, hyphen, period, slash, colon.
+    static isAlphanumeric(text) {
+      return _QrSegment2.ALPHANUMERIC_REGEX.test(text);
+    }
+    /*-- Methods --*/
+    // Returns a new copy of the data bits of this segment.
+    getData() {
+      return this.bitData.slice();
+    }
+    // (Package-private) Calculates and returns the number of bits needed to encode the given segments at
+    // the given version. The result is infinity if a segment has too many characters to fit its length field.
+    static getTotalBits(segs, version) {
+      let result = 0;
+      for (const seg of segs) {
+        const ccbits = seg.mode.numCharCountBits(version);
+        if (seg.numChars >= 1 << ccbits)
+          return Infinity;
+        result += 4 + ccbits + seg.bitData.length;
+      }
+      return result;
+    }
+    // Returns a new array of bytes representing the given string encoded in UTF-8.
+    static toUtf8ByteArray(str) {
+      str = encodeURI(str);
+      let result = [];
+      for (let i = 0; i < str.length; i++) {
+        if (str.charAt(i) != "%")
+          result.push(str.charCodeAt(i));
+        else {
+          result.push(parseInt(str.substring(i + 1, i + 3), 16));
+          i += 2;
+        }
+      }
+      return result;
+    }
+  };
+  _QrSegment.NUMERIC_REGEX = /^[0-9]*$/;
+  _QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/;
+  _QrSegment.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
+  let QrSegment = _QrSegment;
+  qrcodegen2.QrSegment = _QrSegment;
+})(qrcodegen || (qrcodegen = {}));
+((qrcodegen2) => {
+  let QrCode;
+  ((QrCode2) => {
+    const _Ecc = class _Ecc {
+      // The QR Code can tolerate about 30% erroneous codewords
+      /*-- Constructor and fields --*/
+      constructor(ordinal, formatBits) {
+        this.ordinal = ordinal;
+        this.formatBits = formatBits;
+      }
+    };
+    _Ecc.LOW = new _Ecc(0, 1);
+    _Ecc.MEDIUM = new _Ecc(1, 0);
+    _Ecc.QUARTILE = new _Ecc(2, 3);
+    _Ecc.HIGH = new _Ecc(3, 2);
+    let Ecc = _Ecc;
+    QrCode2.Ecc = _Ecc;
+  })(QrCode = qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));
+})(qrcodegen || (qrcodegen = {}));
+((qrcodegen2) => {
+  let QrSegment;
+  ((QrSegment2) => {
+    const _Mode = class _Mode {
+      /*-- Constructor and fields --*/
+      constructor(modeBits, numBitsCharCount) {
+        this.modeBits = modeBits;
+        this.numBitsCharCount = numBitsCharCount;
+      }
+      /*-- Method --*/
+      // (Package-private) Returns the bit width of the character count field for a segment in
+      // this mode in a QR Code at the given version number. The result is in the range [0, 16].
+      numCharCountBits(ver) {
+        return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
+      }
+    };
+    _Mode.NUMERIC = new _Mode(1, [10, 12, 14]);
+    _Mode.ALPHANUMERIC = new _Mode(2, [9, 11, 13]);
+    _Mode.BYTE = new _Mode(4, [8, 16, 16]);
+    _Mode.KANJI = new _Mode(8, [8, 10, 12]);
+    _Mode.ECI = new _Mode(7, [0, 0, 0]);
+    let Mode = _Mode;
+    QrSegment2.Mode = _Mode;
+  })(QrSegment = qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));
+})(qrcodegen || (qrcodegen = {}));
+var qrcodegen_default = qrcodegen;
+var ERROR_LEVEL_MAP = {
+  L: qrcodegen_default.QrCode.Ecc.LOW,
+  M: qrcodegen_default.QrCode.Ecc.MEDIUM,
+  Q: qrcodegen_default.QrCode.Ecc.QUARTILE,
+  H: qrcodegen_default.QrCode.Ecc.HIGH
+};
+var DEFAULT_SIZE = 128;
+var DEFAULT_LEVEL = "L";
+var DEFAULT_BGCOLOR = "#FFFFFF";
+var DEFAULT_FGCOLOR = "#000000";
+var DEFAULT_INCLUDEMARGIN = false;
+var DEFAULT_MINVERSION = 1;
+var SPEC_MARGIN_SIZE = 4;
+var DEFAULT_MARGIN_SIZE = 0;
+var DEFAULT_IMG_SCALE = 0.1;
+function generatePath(modules, margin = 0) {
+  const ops = [];
+  modules.forEach(function(row, y) {
+    let start = null;
+    row.forEach(function(cell, x) {
+      if (!cell && start !== null) {
+        ops.push(
+          `M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`
+        );
+        start = null;
+        return;
+      }
+      if (x === row.length - 1) {
+        if (!cell) {
+          return;
+        }
+        if (start === null) {
+          ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
+        } else {
+          ops.push(
+            `M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`
+          );
+        }
+        return;
+      }
+      if (cell && start === null) {
+        start = x;
+      }
+    });
+  });
+  return ops.join("");
+}
+function excavateModules(modules, excavation) {
+  return modules.slice().map((row, y) => {
+    if (y < excavation.y || y >= excavation.y + excavation.h) {
+      return row;
+    }
+    return row.map((cell, x) => {
+      if (x < excavation.x || x >= excavation.x + excavation.w) {
+        return cell;
+      }
+      return false;
+    });
+  });
+}
+function getImageSettings(cells, size, margin, imageSettings) {
+  if (imageSettings == null) {
+    return null;
+  }
+  const numCells = cells.length + margin * 2;
+  const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+  const scale = numCells / size;
+  const w = (imageSettings.width || defaultSize) * scale;
+  const h = (imageSettings.height || defaultSize) * scale;
+  const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+  const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+  const opacity = imageSettings.opacity == null ? 1 : imageSettings.opacity;
+  let excavation = null;
+  if (imageSettings.excavate) {
+    let floorX = Math.floor(x);
+    let floorY = Math.floor(y);
+    let ceilW = Math.ceil(w + x - floorX);
+    let ceilH = Math.ceil(h + y - floorY);
+    excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
+  }
+  const crossOrigin = imageSettings.crossOrigin;
+  return { x, y, h, w, excavation, opacity, crossOrigin };
+}
+function getMarginSize(includeMargin, marginSize) {
+  if (marginSize != null) {
+    return Math.max(Math.floor(marginSize), 0);
+  }
+  return includeMargin ? SPEC_MARGIN_SIZE : DEFAULT_MARGIN_SIZE;
+}
+function useQRCode({
+  value,
+  level,
+  minVersion,
+  includeMargin,
+  marginSize,
+  imageSettings,
+  size,
+  boostLevel
+}) {
+  let qrcode = React.useMemo(() => {
+    const values = Array.isArray(value) ? value : [value];
+    const segments = values.reduce((accum, v) => {
+      accum.push(...qrcodegen_default.QrSegment.makeSegments(v));
+      return accum;
+    }, []);
+    return qrcodegen_default.QrCode.encodeSegments(
+      segments,
+      ERROR_LEVEL_MAP[level],
+      minVersion,
+      void 0,
+      void 0,
+      boostLevel
+    );
+  }, [value, level, minVersion, boostLevel]);
+  const { cells, margin, numCells, calculatedImageSettings } = React.useMemo(() => {
+    let cells2 = qrcode.getModules();
+    const margin2 = getMarginSize(includeMargin, marginSize);
+    const numCells2 = cells2.length + margin2 * 2;
+    const calculatedImageSettings2 = getImageSettings(
+      cells2,
+      size,
+      margin2,
+      imageSettings
+    );
+    return {
+      cells: cells2,
+      margin: margin2,
+      numCells: numCells2,
+      calculatedImageSettings: calculatedImageSettings2
+    };
+  }, [qrcode, size, imageSettings, includeMargin, marginSize]);
+  return {
+    qrcode,
+    margin,
+    cells,
+    numCells,
+    calculatedImageSettings
+  };
+}
+var SUPPORTS_PATH2D = (function() {
+  try {
+    new Path2D().addPath(new Path2D());
+  } catch (e) {
+    return false;
+  }
+  return true;
+})();
+var QRCodeCanvas = React.forwardRef(
+  function QRCodeCanvas2(props, forwardedRef) {
+    const _a = props, {
+      value,
+      size = DEFAULT_SIZE,
+      level = DEFAULT_LEVEL,
+      bgColor = DEFAULT_BGCOLOR,
+      fgColor = DEFAULT_FGCOLOR,
+      includeMargin = DEFAULT_INCLUDEMARGIN,
+      minVersion = DEFAULT_MINVERSION,
+      boostLevel,
+      marginSize,
+      imageSettings
+    } = _a, extraProps = __objRest(_a, [
+      "value",
+      "size",
+      "level",
+      "bgColor",
+      "fgColor",
+      "includeMargin",
+      "minVersion",
+      "boostLevel",
+      "marginSize",
+      "imageSettings"
+    ]);
+    const _b = extraProps, { style } = _b, otherProps = __objRest(_b, ["style"]);
+    const imgSrc = imageSettings == null ? void 0 : imageSettings.src;
+    const _canvas = React.useRef(null);
+    const _image = React.useRef(null);
+    const setCanvasRef = React.useCallback(
+      (node) => {
+        _canvas.current = node;
+        if (typeof forwardedRef === "function") {
+          forwardedRef(node);
+        } else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef]
+    );
+    const [isImgLoaded, setIsImageLoaded] = React.useState(false);
+    const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
+      value,
+      level,
+      minVersion,
+      boostLevel,
+      includeMargin,
+      marginSize,
+      imageSettings,
+      size
+    });
+    React.useEffect(() => {
+      if (_canvas.current != null) {
+        const canvas = _canvas.current;
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          return;
+        }
+        let cellsToDraw = cells;
+        const image = _image.current;
+        const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
+        if (haveImageToRender) {
+          if (calculatedImageSettings.excavation != null) {
+            cellsToDraw = excavateModules(
+              cells,
+              calculatedImageSettings.excavation
+            );
+          }
+        }
+        const pixelRatio = window.devicePixelRatio || 1;
+        canvas.height = canvas.width = size * pixelRatio;
+        const scale = size / numCells * pixelRatio;
+        ctx.scale(scale, scale);
+        ctx.fillStyle = bgColor;
+        ctx.fillRect(0, 0, numCells, numCells);
+        ctx.fillStyle = fgColor;
+        if (SUPPORTS_PATH2D) {
+          ctx.fill(new Path2D(generatePath(cellsToDraw, margin)));
+        } else {
+          cells.forEach(function(row, rdx) {
+            row.forEach(function(cell, cdx) {
+              if (cell) {
+                ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
+              }
+            });
+          });
+        }
+        if (calculatedImageSettings) {
+          ctx.globalAlpha = calculatedImageSettings.opacity;
+        }
+        if (haveImageToRender) {
+          ctx.drawImage(
+            image,
+            calculatedImageSettings.x + margin,
+            calculatedImageSettings.y + margin,
+            calculatedImageSettings.w,
+            calculatedImageSettings.h
+          );
+        }
+      }
+    });
+    React.useEffect(() => {
+      setIsImageLoaded(false);
+    }, [imgSrc]);
+    const canvasStyle = __spreadValues({ height: size, width: size }, style);
+    let img = null;
+    if (imgSrc != null) {
+      img = /* @__PURE__ */ React.createElement(
+        "img",
+        {
+          src: imgSrc,
+          key: imgSrc,
+          style: { display: "none" },
+          onLoad: () => {
+            setIsImageLoaded(true);
+          },
+          ref: _image,
+          crossOrigin: calculatedImageSettings == null ? void 0 : calculatedImageSettings.crossOrigin
+        }
+      );
+    }
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "canvas",
+      __spreadValues({
+        style: canvasStyle,
+        height: size,
+        width: size,
+        ref: setCanvasRef,
+        role: "img"
+      }, otherProps)
+    ), img);
+  }
+);
+QRCodeCanvas.displayName = "QRCodeCanvas";
+var QRCodeSVG = React.forwardRef(
+  function QRCodeSVG2(props, forwardedRef) {
+    const _a = props, {
+      value,
+      size = DEFAULT_SIZE,
+      level = DEFAULT_LEVEL,
+      bgColor = DEFAULT_BGCOLOR,
+      fgColor = DEFAULT_FGCOLOR,
+      includeMargin = DEFAULT_INCLUDEMARGIN,
+      minVersion = DEFAULT_MINVERSION,
+      boostLevel,
+      title,
+      marginSize,
+      imageSettings
+    } = _a, otherProps = __objRest(_a, [
+      "value",
+      "size",
+      "level",
+      "bgColor",
+      "fgColor",
+      "includeMargin",
+      "minVersion",
+      "boostLevel",
+      "title",
+      "marginSize",
+      "imageSettings"
+    ]);
+    const { margin, cells, numCells, calculatedImageSettings } = useQRCode({
+      value,
+      level,
+      minVersion,
+      boostLevel,
+      includeMargin,
+      marginSize,
+      imageSettings,
+      size
+    });
+    let cellsToDraw = cells;
+    let image = null;
+    if (imageSettings != null && calculatedImageSettings != null) {
+      if (calculatedImageSettings.excavation != null) {
+        cellsToDraw = excavateModules(
+          cells,
+          calculatedImageSettings.excavation
+        );
+      }
+      image = /* @__PURE__ */ React.createElement(
+        "image",
+        {
+          href: imageSettings.src,
+          height: calculatedImageSettings.h,
+          width: calculatedImageSettings.w,
+          x: calculatedImageSettings.x + margin,
+          y: calculatedImageSettings.y + margin,
+          preserveAspectRatio: "none",
+          opacity: calculatedImageSettings.opacity,
+          crossOrigin: calculatedImageSettings.crossOrigin
+        }
+      );
+    }
+    const fgPath = generatePath(cellsToDraw, margin);
+    return /* @__PURE__ */ React.createElement(
+      "svg",
+      __spreadValues({
+        height: size,
+        width: size,
+        viewBox: `0 0 ${numCells} ${numCells}`,
+        ref: forwardedRef,
+        role: "img"
+      }, otherProps),
+      !!title && /* @__PURE__ */ React.createElement("title", null, title),
+      /* @__PURE__ */ React.createElement(
+        "path",
+        {
+          fill: bgColor,
+          d: `M0,0 h${numCells}v${numCells}H0z`,
+          shapeRendering: "crispEdges"
+        }
+      ),
+      /* @__PURE__ */ React.createElement("path", { fill: fgColor, d: fgPath, shapeRendering: "crispEdges" }),
+      image
+    );
+  }
+);
+QRCodeSVG.displayName = "QRCodeSVG";
+
+// src/components/FeishuCapabilitySelection.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var capabilityStatus = {
+  available: "\u53EF\u4F7F\u7528",
+  not_selected: "\u5C1A\u672A\u5F00\u901A",
+  permission_required: "\u5F85\u5E94\u7528\u5F00\u901A",
+  user_auth_required: "\u5F85\u672C\u4EBA\u6388\u6743",
+  app_required: "\u5F85\u5173\u8054\u5E94\u7528",
+  unsupported: "\u6682\u672A\u652F\u6301",
+  unknown: "\u5F85\u6838\u9A8C",
+  temporarily_unavailable: "\u6682\u65F6\u4E0D\u53EF\u7528"
+};
+function selectableCapabilities(capabilities) {
+  return capabilities.filter((item) => item.status !== "unsupported" && item.executable === true && item.id !== "user_send" && !item.scopes.includes("im:message.send_as_user"));
+}
+function defaultCapabilities(capabilities) {
+  return selectableCapabilities(capabilities).map((item) => item.id);
+}
+function FeishuCapabilitySelection({ capabilities, permissions = [], domains = [] }) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const item of selectableCapabilities(capabilities)) {
+    const key = item.category || "other";
+    groups.set(key, [...groups.get(key) ?? [], item]);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx2("p", { className: "text-sm", children: "\u521D\u6B21\u8FDE\u63A5\u91C7\u7528\u98DE\u4E66\u5E73\u53F0\u9ED8\u8BA4\u6A21\u677F\u53CA\u5B98\u65B9\u63A8\u8350\u6743\u9650\u3002\u5728\u98DE\u4E66\u9875\u9762\u786E\u8BA4\uFF0C\u514D\u5BA1\u548C\u5BA1\u6838\u8981\u6C42\u4EE5\u6240\u5728\u4F01\u4E1A\u89C4\u5219\u4E3A\u51C6\u3002" }),
+    /* @__PURE__ */ jsx2("p", { className: "text-xs opacity-70", children: "\u9996\u6B21\u53EF\u80FD\u9700\u8981\u4E24\u6B21\u626B\u7801\uFF1A\u5148\u5173\u8054\u5E94\u7528\uFF0C\u518D\u786E\u8BA4\u672C\u4EBA\u6388\u6743\u3002\u90E8\u5206\u6743\u9650\u672A\u5F00\u901A\u65F6\uFF0C\u5DF2\u5F00\u901A\u6743\u9650\u4ECD\u53EF\u4F7F\u7528\u3002" }),
+    /* @__PURE__ */ jsxs("details", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+      /* @__PURE__ */ jsx2("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u5F53\u524D\u53EF\u7528\u7684\u5DE5\u4F5C\u80FD\u529B" }),
+      /* @__PURE__ */ jsx2("div", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [...groups].map(([id, items]) => /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsx2("h4", { className: "font-medium", children: domains.find((domain) => domain.id === id)?.name || items[0]?.category_name || "\u5176\u4ED6\u5DE5\u4F5C\u80FD\u529B" }),
+        items.map((item) => /* @__PURE__ */ jsxs("details", { className: "text-xs", children: [
+          /* @__PURE__ */ jsxs("summary", { className: "cursor-pointer", children: [
+            item.name,
+            " \xB7 ",
+            capabilityStatus[item.status] || "\u5F85\u6838\u9A8C"
+          ] }),
+          /* @__PURE__ */ jsx2("p", { className: "mt-1", children: item.description }),
+          item.reason && /* @__PURE__ */ jsx2("p", { children: item.reason }),
+          item.next_action && /* @__PURE__ */ jsx2("p", { children: item.next_action }),
+          /* @__PURE__ */ jsx2("p", { children: item.identity === "bot" ? "\u673A\u5668\u4EBA\u8EAB\u4EFD" : "\u672C\u4EBA\u8EAB\u4EFD" }),
+          item.scopes.map((scope) => /* @__PURE__ */ jsx2("p", { className: "break-all", children: permissions.find((p) => p.scope === scope && p.identity === item.identity)?.name || scope }, scope)),
+          /* @__PURE__ */ jsx2("p", { children: "\u5BA1\u6838\u8981\u6C42\u4EE5\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u548C\u4F01\u4E1A\u89C4\u5219\u4E3A\u51C6\u3002" })
+        ] }, item.id))
+      ] }, id)) })
+    ] })
+  ] });
+}
+
+// src/components/ConnectorAuthorizationProgress.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function ConnectorAuthorizationProgress({ result, onCheck, busy }) {
+  if (!result || result.status === "complete" || result.status === "waiting") return null;
+  let manualURL;
+  try {
+    const url = new URL(result.manual_url || "");
+    if (url.protocol === "https:" && url.hostname === "open.feishu.cn" && !url.username && !url.password && !url.port && /^\/app(?:\/[^/]+\/auth)?$/.test(url.pathname)) manualURL = url.href;
+  } catch {
+  }
+  return /* @__PURE__ */ jsxs2("output", { className: "block space-y-2 rounded-lg border p-4 text-sm", children: [
+    /* @__PURE__ */ jsx3("span", { className: "block", children: result.status === "partial" ? "\u90E8\u5206\u6743\u9650\u5DF2\u751F\u6548\uFF0C\u672C\u6B21\u64CD\u4F5C\u6240\u9700\u6743\u9650\u5C1A\u672A\u8865\u9F50" : "\u672C\u6B21\u64CD\u4F5C\u6240\u9700\u6743\u9650\u5C1A\u672A\u751F\u6548" }),
+    /* @__PURE__ */ jsx3("span", { className: "block", children: result.next_action }),
+    result.missing_permissions.map((item) => /* @__PURE__ */ jsxs2("span", { className: "block break-all text-xs", children: [
+      item.identity === "bot" ? "\u5E94\u7528\u8EAB\u4EFD" : "\u672C\u4EBA\u8EAB\u4EFD",
+      " \xB7 ",
+      item.scope
+    ] }, `${item.identity}:${item.scope}`)),
+    result.mode === "manual" && manualURL && /* @__PURE__ */ jsx3("a", { className: "block underline", href: manualURL, target: "_blank", rel: "noopener noreferrer", children: "\u6253\u5F00\u98DE\u4E66\u6743\u9650\u7BA1\u7406" }),
+    /* @__PURE__ */ jsx3("button", { type: "button", className: "underline disabled:opacity-50", disabled: busy, onClick: onCheck, children: "\u6211\u5DF2\u5904\u7406\uFF0C\u91CD\u65B0\u6838\u9A8C" })
+  ] });
+}
+
+// src/components/FeishuPermissionStatus.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function FeishuPermissionStatus({ permissions, template, expanded = false, hideScopes = false }) {
+  if (!template && !permissions.some((item) => item.app_status)) return null;
+  const listed = template ? permissions.filter((item) => item.template) : permissions;
+  const missingApp = listed.filter((item) => item.app_status === "missing");
+  const missingUser = listed.filter((item) => item.identity === "user" && item.app_status === "granted" && item.user_status === "not_granted");
+  const unknown = listed.filter((item) => !item.app_status || item.app_status === "unknown");
+  return /* @__PURE__ */ jsxs3("details", { open: expanded || void 0, className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+    /* @__PURE__ */ jsxs3("summary", { className: "cursor-pointer", children: [
+      template ? "\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650" : "\u98DE\u4E66\u6743\u9650\u72B6\u6001",
+      " \xB7 ",
+      missingApp.length,
+      " \u9879\u5E94\u7528\u672A\u5F00\u901A \xB7 ",
+      missingUser.length,
+      " \u9879\u5F85\u672C\u4EBA\u6388\u6743",
+      unknown.length ? ` \xB7 ${unknown.length} \u9879\u5F85\u6838\u9A8C` : ""
+    ] }),
+    /* @__PURE__ */ jsx4("p", { className: "mt-3 text-xs opacity-70", children: "\u4F01\u4E1A\u51B3\u5B9A\u54EA\u4E9B\u6743\u9650\u514D\u5BA1\u3001\u54EA\u4E9B\u9700\u8981\u5BA1\u6279\u3002\u5E94\u7528\u5DF2\u5F00\u901A\u548C\u672C\u4EBA\u5DF2\u6388\u6743\u5206\u522B\u6838\u9A8C\uFF1B\u5F85\u6838\u9A8C\u4E0D\u4EE3\u8868\u4F01\u4E1A\u62D2\u7EDD\u3002\u672A\u5F00\u901A\u9879\u76EE\u4E0D\u5F71\u54CD\u5176\u4ED6\u5DF2\u83B7\u6388\u6743\u7684\u64CD\u4F5C\u3002" }),
+    /* @__PURE__ */ jsx4("div", { className: "mt-3 max-h-72 space-y-3 overflow-y-auto", children: listed.map((item) => /* @__PURE__ */ jsxs3("div", { className: "text-xs", children: [
+      /* @__PURE__ */ jsxs3("p", { children: [
+        item.category_name ? `${item.category_name} \xB7 ` : "",
+        item.name
+      ] }),
+      !hideScopes && item.name !== item.scope && /* @__PURE__ */ jsx4("p", { className: "break-all opacity-70", children: item.scope }),
+      /* @__PURE__ */ jsxs3("p", { children: [
+        item.app_status === "granted" ? "\u5E94\u7528\u5DF2\u5F00\u901A" : item.app_status === "missing" ? "\u5E94\u7528\u672A\u5F00\u901A\uFF0C\u8BF7\u5728\u98DE\u4E66\u786E\u8BA4\u4F01\u4E1A\u5BA1\u6279\u6216\u53D1\u5E03\u8981\u6C42" : "\u5E94\u7528\u5F00\u901A\u60C5\u51B5\u5F85\u6838\u9A8C",
+        item.identity === "user" ? item.user_status === "granted" ? "\uFF1B\u672C\u4EBA\u5DF2\u6388\u6743" : "\uFF1B\u672C\u4EBA\u5C1A\u672A\u6388\u6743" : ""
+      ] })
+    ] }, `${item.identity}:${item.scope}`)) })
+  ] });
+}
+
+// src/components/ConnectorRuntimeDiagnostics.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var channelLabels = {
+  "channel.connecting": "\u5F00\u59CB\u8FDE\u63A5\u98DE\u4E66",
+  "channel.connected": "\u98DE\u4E66\u8FDE\u63A5\u5DF2\u5EFA\u7ACB",
+  "channel.reconnecting": "\u6B63\u5728\u91CD\u65B0\u8FDE\u63A5\u98DE\u4E66",
+  "channel.disconnected": "\u98DE\u4E66\u8FDE\u63A5\u5DF2\u65AD\u5F00",
+  "channel.receiver_error": "\u6D88\u606F\u63A5\u6536\u53D1\u751F\u9519\u8BEF",
+  "channel.warning": "\u63A5\u6536\u901A\u9053\u4EA7\u751F\u8B66\u544A",
+  "channel.error": "\u63A5\u6536\u901A\u9053\u53D1\u751F\u9519\u8BEF",
+  "message.received": "\u5DF2\u8BB0\u5F55\u6536\u5230\u98DE\u4E66\u6D88\u606F"
+};
+var deliveryLabels = {
+  ready: "\u7B49\u5F85\u6295\u9012",
+  delivering: "\u6B63\u5728\u6295\u9012",
+  retry_wait: "\u7B49\u5F85\u91CD\u8BD5",
+  accepted: "\u63A5\u6536\u7AEF\u5DF2\u786E\u8BA4",
+  dead_letter: "\u5DF2\u505C\u6B62\u91CD\u8BD5\uFF0C\u9700\u8981\u5904\u7406",
+  cancelled: "\u5DF2\u53D6\u6D88",
+  waiting_condition: "\u7B49\u5F85\u6295\u9012\u6761\u4EF6",
+  expired_unknown: "\u5DF2\u8FC7\u671F\uFF0C\u7ED3\u679C\u672A\u77E5",
+  leased: "\u6B63\u5728\u5904\u7406"
+};
+var time = (value) => value > 0 ? new Date(value).toLocaleString() : "\u6682\u65E0\u8BB0\u5F55";
+var channelLabel = (value) => channelLabels[value] ?? (value ? "\u5C1A\u672A\u8BC6\u522B\u7684\u901A\u9053\u8BB0\u5F55" : "\u5C1A\u65E0\u901A\u9053\u8BB0\u5F55");
+var deliveryLabel = (value) => deliveryLabels[value] ?? "\u5C1A\u672A\u8BC6\u522B\u7684\u6295\u9012\u72B6\u6001";
+function ConnectorRuntimeDiagnostics({ runtime }) {
+  if ("last_sync_at_ms" in runtime) return /* @__PURE__ */ jsxs4("section", { "aria-label": "\u90AE\u7BB1\u540C\u6B65\u8BB0\u5F55", className: "space-y-3 rounded-lg border p-3 text-xs", children: [
+    /* @__PURE__ */ jsx5("p", { className: "font-medium", children: "\u90AE\u7BB1\u540C\u6B65\u8BB0\u5F55" }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      "\u6700\u8FD1\u540C\u6B65\u65F6\u95F4\uFF1A",
+      time(runtime.last_sync_at_ms)
+    ] }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      "\u8FDE\u7EED\u540C\u6B65\u5931\u8D25\u6B21\u6570\uFF1A",
+      runtime.consecutive_failures
+    ] }),
+    runtime.next_retry_at_ms > 0 && /* @__PURE__ */ jsxs4("p", { children: [
+      "\u4E0B\u6B21\u91CD\u8BD5\u65F6\u95F4\uFF1A",
+      time(runtime.next_retry_at_ms)
+    ] }),
+    /* @__PURE__ */ jsx5("p", { children: "\u4EE5\u4E0A\u662F SuperWork \u4FDD\u5B58\u7684\u90AE\u7BB1\u540C\u6B65\u8BB0\u5F55\uFF0C\u4E0D\u80FD\u636E\u6B64\u786E\u8BA4\u6D88\u606F\u5DF2\u9001\u8FBE\u52A9\u624B\u3002" })
+  ] });
+  return /* @__PURE__ */ jsxs4("section", { "aria-label": "\u6D88\u606F\u63A5\u6536\u4E0E\u6295\u9012\u8BB0\u5F55", className: "space-y-3 rounded-lg border p-3 text-xs", children: [
+    /* @__PURE__ */ jsx5("p", { className: "font-medium", children: "\u6D88\u606F\u63A5\u6536\u4E0E\u6295\u9012\u8BB0\u5F55" }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      "\u901A\u9053\u6700\u8FD1\u8BB0\u5F55\uFF1A",
+      channelLabel(runtime.channel_state)
+    ] }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      "\u6700\u8FD1\u6536\u5230\u4E8B\u4EF6\uFF1A",
+      time(runtime.last_event_at_ms)
+    ] }),
+    /* @__PURE__ */ jsx5("p", { children: "\u4EE5\u4E0B\u662F SuperWork \u4FDD\u5B58\u7684\u8BB0\u5F55\uFF1B\u6CA1\u6709\u6295\u9012\u8BB0\u5F55\u65F6\uFF0C\u5C1A\u4E0D\u80FD\u786E\u8BA4\u6D88\u606F\u5DF2\u9001\u8FBE\u52A9\u624B\u3002" }),
+    /* @__PURE__ */ jsxs4("details", { children: [
+      /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer", children: [
+        "\u63A5\u6536\u901A\u9053\u8BB0\u5F55\uFF08",
+        runtime.channel_events.length,
+        "\uFF09"
+      ] }),
+      runtime.channel_events.length ? /* @__PURE__ */ jsx5("ol", { className: "space-y-2 pt-2", children: runtime.channel_events.map((event) => /* @__PURE__ */ jsxs4("li", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
+          channelLabel(event.type),
+          " \xB7 ",
+          time(event.at_ms)
+        ] }),
+        /* @__PURE__ */ jsxs4("p", { className: "break-all", children: [
+          "\u6392\u67E5\u7F16\u53F7\uFF1A",
+          event.trace_id
+        ] })
+      ] }, event.trace_id)) }) : /* @__PURE__ */ jsx5("p", { children: "\u6682\u65E0\u63A5\u6536\u901A\u9053\u8BB0\u5F55\u3002" })
+    ] }),
+    /* @__PURE__ */ jsxs4("details", { children: [
+      /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer", children: [
+        "\u6D88\u606F\u6295\u9012\u8BB0\u5F55\uFF08",
+        runtime.deliveries.length,
+        "\uFF09"
+      ] }),
+      runtime.deliveries.length ? /* @__PURE__ */ jsx5("ol", { className: "space-y-2 pt-2", children: runtime.deliveries.map((delivery) => /* @__PURE__ */ jsxs4("li", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
+          deliveryLabel(delivery.status),
+          " \xB7 \u5DF2\u5C1D\u8BD5 ",
+          delivery.attempt,
+          " \u6B21"
+        ] }),
+        /* @__PURE__ */ jsxs4("p", { className: "break-all", children: [
+          "\u6295\u9012\u7F16\u53F7\uFF1A",
+          delivery.delivery_id
+        ] }),
+        /* @__PURE__ */ jsxs4("p", { children: [
+          "\u521B\u5EFA\u65F6\u95F4\uFF1A",
+          time(delivery.created_at_ms)
+        ] }),
+        ["ready", "retry_wait", "waiting_condition"].includes(delivery.status) && delivery.next_at_ms > 0 && /* @__PURE__ */ jsxs4("p", { children: [
+          "\u4E0B\u6B21\u5904\u7406\u65F6\u95F4\uFF1A",
+          time(delivery.next_at_ms)
+        ] })
+      ] }, delivery.delivery_id)) }) : /* @__PURE__ */ jsx5("p", { children: "\u6682\u65E0\u6D88\u606F\u6295\u9012\u8BB0\u5F55\u3002" })
+    ] }),
+    /* @__PURE__ */ jsxs4("details", { children: [
+      /* @__PURE__ */ jsxs4("summary", { className: "cursor-pointer", children: [
+        "\u9010\u6B21\u6295\u9012\u5C1D\u8BD5\uFF08",
+        runtime.delivery_attempts.length,
+        "\uFF09"
+      ] }),
+      runtime.delivery_attempts.length ? /* @__PURE__ */ jsx5("ol", { className: "space-y-2 pt-2", children: runtime.delivery_attempts.map((attempt) => /* @__PURE__ */ jsxs4("li", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxs4("p", { children: [
+          "\u7B2C ",
+          attempt.attempt,
+          " \u6B21 \xB7 ",
+          deliveryLabel(attempt.status)
+        ] }),
+        /* @__PURE__ */ jsxs4("p", { className: "break-all", children: [
+          "\u6295\u9012\u7F16\u53F7\uFF1A",
+          attempt.delivery_id
+        ] }),
+        /* @__PURE__ */ jsxs4("p", { children: [
+          "\u5F00\u59CB\uFF1A",
+          time(attempt.started_at_ms),
+          "\uFF1B\u7ED3\u675F\uFF1A",
+          time(attempt.finished_at_ms)
+        ] })
+      ] }, attempt.id)) }) : /* @__PURE__ */ jsx5("p", { children: "\u6682\u65E0\u6295\u9012\u5C1D\u8BD5\u8BB0\u5F55\u3002" })
+    ] })
+  ] });
+}
+
+// src/components/DeviceConnection.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var statusLabels = {
+  available: "\u53EF\u7528",
+  not_selected: "\u672A\u9009\u62E9",
+  permission_required: "\u5E94\u7528\u6743\u9650\u672A\u751F\u6548",
+  user_auth_required: "\u9700\u8981\u672C\u4EBA\u6388\u6743",
+  app_required: "\u9700\u8981\u8FDE\u63A5\u5E94\u7528",
+  unsupported: "\u6682\u4E0D\u652F\u6301",
+  unknown: "\u5F85\u6838\u9A8C",
+  temporarily_unavailable: "\u6682\u65F6\u4E0D\u53EF\u7528"
+};
+var stateLabels = {
+  running: "\u8FDB\u884C\u4E2D",
+  waiting: "\u7B49\u5F85\u5904\u7406",
+  succeeded: "\u5DF2\u5B8C\u6210",
+  failed: "\u672A\u5B8C\u6210",
+  cancelled: "\u5DF2\u53D6\u6D88",
+  completed: "\u5DF2\u5B8C\u6210",
+  partial: "\u90E8\u5206\u5B8C\u6210",
+  expired: "\u5DF2\u8FC7\u671F"
+};
+var auditLabels = {
+  "connection.created": "\u521B\u5EFA\u8FDE\u63A5",
+  "authorization.step": "\u6267\u884C\u6388\u6743\u6B65\u9AA4",
+  "authorization.failed": "\u5F53\u524D\u6388\u6743\u6B65\u9AA4\u672A\u5B8C\u6210",
+  "authorization.granted": "\u672C\u4EBA\u6388\u6743\u5DF2\u4FDD\u5B58",
+  "permissions.check_unknown": "\u5E94\u7528\u6743\u9650\u5C1A\u65E0\u6CD5\u6838\u5B9E",
+  "credential.refreshed": "\u672C\u4EBA\u6388\u6743\u5DF2\u7EED\u671F",
+  "subscription.bound": "\u52A9\u624B\u6D88\u606F\u8BA2\u9605\u5DF2\u63A5\u5165",
+  "subscription.updated": "\u52A9\u624B\u6D88\u606F\u8BA2\u9605\u5DF2\u66F4\u65B0",
+  "connection.disconnected": "SuperWork \u8FDE\u63A5\u5DF2\u65AD\u5F00",
+  "tool.started": "\u5F00\u59CB\u5904\u7406\u98DE\u4E66\u64CD\u4F5C",
+  "tool.failed": "\u98DE\u4E66\u64CD\u4F5C\u672A\u5B8C\u6210",
+  "tool.completed": "\u98DE\u4E66\u64CD\u4F5C\u5DF2\u5B8C\u6210",
+  "send.unknown": "\u53D1\u9001\u7ED3\u679C\u5F85\u786E\u8BA4"
+};
+var button = "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-3 py-2 text-sm disabled:opacity-50";
+function authorizationURL(value) {
+  if (!value) return null;
+  try {
+    const url = new URL(value);
+    const official = ["feishu.cn", "larksuite.com", "larkoffice.com"].some((domain) => url.hostname === domain || url.hostname.endsWith(`.${domain}`));
+    return official && url.protocol === "https:" && !url.username && !url.password && !url.port ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+function permissionNoticeKey(name, connection, permissions) {
+  const scopes = JSON.stringify([...new Set(permissions.map((item) => JSON.stringify([item.identity, item.scope])))].sort());
+  let hash = 2166136261;
+  for (let index = 0; index < scopes.length; index++) hash = Math.imul(hash ^ scopes.charCodeAt(index), 16777619);
+  return `blade-connector-notice:${name}:${JSON.stringify([connection.connection_id ?? "", connection.app_id ?? ""])}:${(hash >>> 0).toString(16)}`;
+}
+function DeviceConnection({ read, act, diagnostics, onChanged, bindDelivery = false, onDisable, initialPage = "connection", authorizationCapabilities, autoAuthorize = false, detail }) {
+  const [view, setView] = useState(null);
+  const [selected, setSelected] = useState([]);
+  const [page, setPage] = useState(initialPage);
+  const [diagnosticView, setDiagnosticView] = useState(null);
+  const [error, setError] = useState("");
+  const [notice, setNotice] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [removingConnectionID, setRemovingConnectionID] = useState(null);
+  const callbacks = useRef({ read, act, diagnostics, onChanged, onDisable });
+  callbacks.current = { read, act, diagnostics, onChanged, onDisable };
+  const live = useRef(false);
+  const inFlight = useRef(false);
+  const initialized = useRef(false);
+  const flow = useRef(null);
+  const linking = useRef(false);
+  const newConnection = useRef(false);
+  function accept(value) {
+    if (value.permissions && !value.permissions.some((item) => item.app_status === "missing")) {
+      try {
+        const prefix = `blade-connector-notice:${detail?.name ?? "connector.builtin.feishu"}:`;
+        for (const key of Object.keys(localStorage)) if (key.startsWith(prefix)) localStorage.removeItem(key);
+      } catch {
+      }
+    }
+    setView(value);
+    const activationKnown = typeof value.activation_pending === "boolean";
+    if (activationKnown) {
+      newConnection.current = value.activation_pending === true;
+      if (flow.current) flow.current.enable = newConnection.current || value.enabled !== false;
+    }
+    if (flow.current && newConnection.current && value.selected_capabilities !== void 0) {
+      flow.current.capabilities = value.selected_capabilities;
+    }
+    if (!initialized.current) {
+      initialized.current = true;
+      setSelected(value.app_id ? value.selected_capabilities ?? [] : defaultCapabilities(value.capabilities ?? []));
+      if (!activationKnown) newConnection.current = !value.app_id;
+      linking.current = value.phase === "app";
+      if (["app", "user", "permissions"].includes(value.phase) && value.authorization_url || value.current_step?.state === "verifying" && value.current_step.action === "poll") flow.current = { enable: newConnection.current || value.enabled !== false, capabilities: value.selected_capabilities ?? [], focus: value.selected_capabilities ?? [] };
+      if (!flow.current && matchesRequestedAuthorization(value) && value.app_id && value.authorization_result && value.authorization_result.status !== "complete" && value.authorization_result.capabilities.length) {
+        const focus = value.authorization_result.capabilities;
+        flow.current = { enable: newConnection.current || value.enabled !== false, capabilities: [.../* @__PURE__ */ new Set([...value.selected_capabilities ?? [], ...focus])], focus };
+      }
+      if (!value.app_id) setPage("select");
+    }
+  }
+  useEffect(() => {
+    live.current = true;
+    void callbacks.current.read().then((value) => {
+      if (live.current) accept(value);
+    }).catch(() => {
+      if (live.current) setError("\u8BFB\u53D6\u8FDE\u63A5\u72B6\u6001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    });
+    return () => {
+      live.current = false;
+    };
+  }, []);
+  const matchesRequestedAuthorization = (value) => !authorizationCapabilities?.length || !!value.authorization_result && [...value.authorization_result.capabilities].sort().join(" ") === [...authorizationCapabilities].sort().join(" ");
+  const canCompleteInitial = (value) => value.activation_pending === true && !authorizationCapabilities?.length && !!value.app_id && !value.error && (value.capabilities ?? []).some((item) => (value.selected_capabilities ?? []).includes(item.id) && item.status === "available");
+  const canReceive = (value) => (value.capabilities ?? []).some((item) => (value.selected_capabilities ?? selected).includes(item.id) && item.id.startsWith("bot_receive_") && (item.status === "available" || item.status === "unknown" && item.evidence === "platform_scope_query"));
+  const isWaiting = (value) => matchesRequestedAuthorization(value) && (["app", "user", "permissions"].includes(value.phase) && Boolean(value.authorization_url) || value.current_step?.state === "verifying" && value.current_step.action === "poll");
+  async function changed() {
+    try {
+      await callbacks.current.onChanged();
+    } catch {
+      if (live.current) setNotice("\u8FDE\u63A5\u72B6\u6001\u5DF2\u4FDD\u5B58\uFF0C\u5217\u8868\u5237\u65B0\u5931\u8D25\uFF0C\u8BF7\u7A0D\u540E\u5237\u65B0\u3002");
+    }
+  }
+  async function run(action, options = {}) {
+    if (inFlight.current) return;
+    inFlight.current = true;
+    setBusy(true);
+    setError("");
+    setNotice("");
+    try {
+      if (action === "cancel") {
+        flow.current = null;
+        linking.current = false;
+      }
+      let value = await callbacks.current.act(action, options);
+      if (!live.current) return;
+      if (action === "finish" && !value.error) newConnection.current = false;
+      accept(value);
+      if (!value.error && action === "poll" && !isWaiting(value) && value.app_id && linking.current) {
+        linking.current = false;
+        setSelected(defaultCapabilities(value.capabilities ?? []));
+        setPage("select");
+      }
+      if (!value.error && ((action === "authorize" || action === "poll" || action === "check" && (value.authorization_result?.status === "complete" || canCompleteInitial(value))) && !isWaiting(value) || action === "finish") && value.app_id && flow.current) {
+        const target = flow.current;
+        if (!matchesRequestedAuthorization(value)) {
+          setError("\u65E0\u6CD5\u6838\u5B9E\u5F53\u524D\u6388\u6743\u5BF9\u5E94\u7684\u6743\u9650\uFF0C\u6682\u4E0D\u5C55\u793A\u4E8C\u7EF4\u7801\u3002\u8BF7\u91CD\u65B0\u68C0\u67E5\u672C\u6B21\u64CD\u4F5C\u3002");
+          await changed();
+          return;
+        }
+        if (action !== "finish" && value.authorization_result && value.authorization_result.status !== "complete" && !canCompleteInitial(value)) {
+          setPage("connection");
+          await changed();
+          return;
+        }
+        if (action !== "finish") value = await callbacks.current.act("finish", { capabilities: target.capabilities, enable: target.enable });
+        if (!live.current) return;
+        accept(value);
+        if (value.error) {
+          await changed();
+          return;
+        }
+        newConnection.current = false;
+        flow.current = null;
+        if (bindDelivery && canReceive(value) && value.subscription_state !== "paused") {
+          try {
+            value = await callbacks.current.act("bind");
+            if (!live.current) return;
+            accept(value);
+          } catch {
+            setNotice("\u98DE\u4E66\u80FD\u529B\u5DF2\u4FDD\u5B58\uFF0C\u63A5\u5165\u52A9\u624B\u6D88\u606F\u672A\u5B8C\u6210\u3002\u53EF\u5728\u7BA1\u7406\u8FDE\u63A5\u4E2D\u91CD\u8BD5\uFF0C\u4E0D\u9700\u8981\u91CD\u65B0\u626B\u7801\u3002");
+          }
+        }
+        setPage("connection");
+      }
+      if (action === "cancel") {
+        setNotice("\u5DF2\u53D6\u6D88\u672C\u6B21\u6388\u6743\uFF0C\u5DF2\u7ECF\u5F00\u901A\u7684\u80FD\u529B\u7EE7\u7EED\u4FDD\u7559\u3002");
+        setPage("connection");
+      }
+      await changed();
+    } catch {
+      if (live.current) setError("\u672C\u6B21\u64CD\u4F5C\u672A\u5B8C\u6210\uFF0C\u5DF2\u6709\u6388\u6743\u7EE7\u7EED\u4FDD\u7559\u3002\u8BF7\u91CD\u8BD5\u5F53\u524D\u9879\u76EE\uFF0C\u6216\u67E5\u770B\u8FDE\u63A5\u5E2E\u52A9\u3002");
+      try {
+        const current = await callbacks.current.read();
+        if (live.current) accept(current);
+      } catch {
+      }
+    } finally {
+      inFlight.current = false;
+      if (live.current) setBusy(false);
+    }
+  }
+  const start = (retryIDs) => {
+    let focus = retryIDs ?? defaultCapabilities((view?.capabilities ?? []).filter((item) => view?.app_id || item.identity === "bot"));
+    if (!view?.app_id && !focus.length) {
+      focus = capabilities.filter((item) => item.identity === "bot" && item.default && item.status !== "unsupported").map((item) => item.id);
+      if (!focus.length && view?.catalog_unavailable) focus = (view.selected_capabilities ?? []).filter((id) => ["bot_send", "bot_receive_p2p", "bot_receive_at", "bot_receive_group"].includes(id));
+    }
+    const target = [.../* @__PURE__ */ new Set([...view?.app_id ? view.selected_capabilities ?? [] : [], ...focus])];
+    if (!view?.app_id) {
+      linking.current = false;
+      flow.current = { enable: true, capabilities: target, focus };
+      void run("authorize", { capabilities: focus });
+      return;
+    }
+    flow.current = { enable: newConnection.current || view.enabled !== false, capabilities: target, focus: [...focus] };
+    void run("authorize", { capabilities: focus });
+  };
+  const retryCurrent = () => {
+    if (flow.current) {
+      flow.current.enable = newConnection.current || view?.enabled !== false;
+      void run("authorize", { capabilities: flow.current.focus });
+    } else start(failedUser.length ? failedUser.map((item) => item.id) : selected);
+  };
+  const automaticStarted = useRef(false);
+  useEffect(() => {
+    if (!authorizationCapabilities?.length && !autoAuthorize || !view || automaticStarted.current) return;
+    automaticStarted.current = true;
+    if (!isWaiting(view) && !(matchesRequestedAuthorization(view) && view.authorization_result?.mode === "manual")) start(authorizationCapabilities);
+  }, [view, authorizationCapabilities, autoAuthorize]);
+  const initialCompletionStarted = useRef(false);
+  useEffect(() => {
+    if (!view || !view.authorization_result || isWaiting(view) || busy || error || initialCompletionStarted.current || !canCompleteInitial(view)) return;
+    initialCompletionStarted.current = true;
+    automaticStarted.current = true;
+    const capabilities2 = view.selected_capabilities ?? [];
+    flow.current = { enable: true, capabilities: capabilities2, focus: capabilities2 };
+    void run("finish", { capabilities: capabilities2, enable: true });
+  }, [view, busy, error, authorizationCapabilities]);
+  async function addCapabilities() {
+    start();
+  }
+  async function refresh() {
+    if (inFlight.current) return;
+    inFlight.current = true;
+    setBusy(true);
+    setError("");
+    try {
+      const value = await callbacks.current.read();
+      if (live.current) {
+        if (view?.catalog_unavailable && !value.app_id) initialized.current = false;
+        accept(value);
+      }
+    } catch {
+      if (live.current) setError("\u8BFB\u53D6\u8FDE\u63A5\u72B6\u6001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+    } finally {
+      inFlight.current = false;
+      if (live.current) setBusy(false);
+    }
+  }
+  async function removeConnection(connectionID) {
+    if (inFlight.current) return;
+    inFlight.current = true;
+    setBusy(true);
+    setError("");
+    setNotice("");
+    try {
+      const value = await callbacks.current.act("remove", { expected_connection_id: connectionID });
+      if (!live.current) return;
+      if (value.error) {
+        setError(value.error.message);
+        return;
+      }
+      flow.current = null;
+      linking.current = false;
+      newConnection.current = true;
+      initialized.current = false;
+      setSelected([]);
+      setDiagnosticView(null);
+      setRemovingConnectionID(null);
+      accept(value);
+      setPage("select");
+      setNotice(value.catalog_unavailable ? "\u65E7\u8FDE\u63A5\u5DF2\u79FB\u9664\uFF0C\u80FD\u529B\u76EE\u5F55\u6682\u65F6\u65E0\u6CD5\u8BFB\u53D6\u3002\u53EF\u4EE5\u91CD\u65B0\u8BFB\u53D6\u5DE5\u4F5C\u80FD\u529B\uFF0C\u6216\u70B9\u51FB\u8FDE\u63A5\u98DE\u4E66\u7EE7\u7EED\u3002" : "\u65E7\u8FDE\u63A5\u5DF2\u79FB\u9664\uFF0C\u5386\u53F2\u6D88\u606F\u548C\u6392\u67E5\u65E5\u5FD7\u4FDD\u7559\u3002\u70B9\u51FB\u8FDE\u63A5\u98DE\u4E66\uFF0C\u91CD\u65B0\u9009\u62E9\u6216\u521B\u5EFA\u5E94\u7528\u3002");
+      await changed();
+    } catch {
+      if (live.current) setError("\u79FB\u9664\u8FDE\u63A5\u672A\u5B8C\u6210\uFF0C\u5F53\u524D\u8FDE\u63A5\u4FE1\u606F\u5DF2\u4FDD\u7559\u3002\u8BF7\u91CD\u8BD5\uFF1B\u5982\u4ECD\u5931\u8D25\uFF0C\u53EF\u5728\u8FDE\u63A5\u5E2E\u52A9\u4E2D\u67E5\u770B\u8BB0\u5F55\u3002");
+    } finally {
+      inFlight.current = false;
+      if (live.current) setBusy(false);
+    }
+  }
+  async function inspect() {
+    if (inFlight.current || !callbacks.current.diagnostics) return;
+    inFlight.current = true;
+    setBusy(true);
+    setError("");
+    try {
+      const value = await callbacks.current.diagnostics();
+      if (live.current) {
+        setDiagnosticView(value);
+        accept(value.connection);
+      }
+    } catch {
+      if (live.current) setError("\u6392\u67E5\u8BB0\u5F55\u6682\u4E0D\u53EF\u7528\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002");
+    } finally {
+      inFlight.current = false;
+      if (live.current) setBusy(false);
+    }
+  }
+  const waiting = view ? isWaiting(view) : false;
+  const verifying = view?.current_step?.state === "verifying" && view.current_step.action === "poll";
+  useEffect(() => {
+    if (!waiting || busy || error || view?.error) return;
+    const timer = setTimeout(() => {
+      void run("poll", view?.attempt_id ? { attempt_id: view.attempt_id } : {});
+    }, 5e3);
+    return () => clearTimeout(timer);
+  }, [view, busy, error, waiting]);
+  const capabilities = view?.capabilities ?? [];
+  const active = capabilities.filter((item) => item.status === "available");
+  const pending = capabilities.filter((item) => (view?.selected_capabilities ?? []).includes(item.id) && item.status !== "available" && item.status !== "unsupported");
+  const pendingPermissions = pending.filter((item) => item.status === "permission_required" || item.status === "unknown" && item.evidence !== "platform_scope_query");
+  const failedUser = pending.filter((item) => item.identity === "user" && item.status === "user_auth_required");
+  const categories = [...new Set(active.map((item) => item.category_name || item.category || "\u5176\u4ED6\u5DE5\u4F5C\u80FD\u529B"))];
+  const subscription = view?.subscription_state ?? (view?.delivery_bound ? "enabled" : "not_bound");
+  const url = waiting && !(view?.expires_at && view.expires_at <= Date.now() / 1e3) ? authorizationURL(view?.authorization_url) : null;
+  const receptionNeedsTest = capabilities.some((item) => item.id.startsWith("bot_receive_") && item.status === "unknown" && item.evidence === "platform_scope_query");
+  const finishExisting = () => {
+    const target = flow.current ?? { enable: view?.enabled === true, capabilities: view?.selected_capabilities ?? selected, focus: view?.selected_capabilities ?? selected };
+    target.enable = newConnection.current || view?.enabled !== false;
+    flow.current = target;
+    void run("finish", { capabilities: target.capabilities, enable: target.enable });
+  };
+  const preserveDisabled = Boolean(view?.app_id && view.enabled === false && !newConnection.current);
+  const back = /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline opacity-70", disabled: busy, onClick: () => setPage(view?.app_id ? "connection" : "select"), children: "\u8FD4\u56DE\u98DE\u4E66" });
+  const authorizationContent = /* @__PURE__ */ jsx6(Fragment, { children: (autoAuthorize || authorizationCapabilities?.length) && busy && !waiting && !error && !view?.error ? /* @__PURE__ */ jsx6("output", { className: "block text-sm", children: "\u6B63\u5728\u5904\u7406\u98DE\u4E66\u6388\u6743\u2026" }) : waiting ? /* @__PURE__ */ jsxs5("div", { className: "space-y-4 rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5 text-center", children: [
+    /* @__PURE__ */ jsx6("h4", { className: "font-medium", children: view?.phase === "app" ? "\u5728\u98DE\u4E66\u9009\u62E9\u6216\u521B\u5EFA\u5E94\u7528" : view?.phase === "permissions" ? "\u5728\u98DE\u4E66\u786E\u8BA4\u5E76\u5F00\u901A\u6743\u9650" : "\u8BF7\u5728\u98DE\u4E66\u786E\u8BA4\u672C\u6B21\u6388\u6743" }),
+    /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: view?.current_step?.message || "\u5B8C\u6210\u5F53\u524D\u6B65\u9AA4\u540E\u81EA\u52A8\u7EE7\u7EED\uFF0C\u5DF2\u6709\u80FD\u529B\u59CB\u7EC8\u4FDD\u7559\u3002" }),
+    url ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      new TextEncoder().encode(url).length <= 2200 ? /* @__PURE__ */ jsx6(QRCodeSVG, { value: url, size: 180, marginSize: 4, title: "\u98DE\u4E66\u6388\u6743\u4E8C\u7EF4\u7801", className: "mx-auto rounded-lg bg-white" }) : /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u6388\u6743\u9879\u76EE\u8F83\u591A\uFF0C\u8BF7\u6253\u5F00\u98DE\u4E66\u6388\u6743\u9875\u9762\u7EE7\u7EED\u3002" }),
+      /* @__PURE__ */ jsx6("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "block text-sm underline", children: "\u6253\u5F00\u98DE\u4E66\u6388\u6743\u9875\u9762" })
+    ] }) : verifying ? /* @__PURE__ */ jsx6("output", { className: "block text-sm", children: view?.error ? "\u6838\u9A8C\u6682\u672A\u5B8C\u6210\uFF0C\u8BF7\u70B9\u51FB\u201C\u6211\u5DF2\u5B8C\u6210\u6388\u6743\u201D\u91CD\u8BD5\u3002" : "\u6B63\u5728\u6838\u9A8C\u6388\u6743\u7ED3\u679C\uFF0C\u8BF7\u7A0D\u5019\u3002" }) : /* @__PURE__ */ jsx6("p", { role: "alert", className: "text-sm", children: "\u5F53\u524D\u4E8C\u7EF4\u7801\u5DF2\u8FC7\u671F\u6216\u65E0\u6CD5\u9A8C\u8BC1\uFF0C\u8BF7\u91CD\u8BD5\u672C\u6B21\u6388\u6743\u3002" }),
+    view?.expires_at && /* @__PURE__ */ jsxs5("p", { className: "text-xs opacity-70", children: [
+      "\u6709\u6548\u81F3 ",
+      new Date(view.expires_at * 1e3).toLocaleTimeString()
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap justify-center gap-3", children: [
+      /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("poll", view?.attempt_id ? { attempt_id: view.attempt_id } : {}), children: busy ? "\u6B63\u5728\u786E\u8BA4\u2026" : "\u6211\u5DF2\u5B8C\u6210\u6388\u6743" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("cancel", view?.attempt_id ? { attempt_id: view.attempt_id } : {}), children: "\u6682\u65F6\u53D6\u6D88" }),
+      !url && !verifying && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: retryCurrent, children: "\u91CD\u8BD5\u672C\u6B21\u6388\u6743" })
+    ] }),
+    view?.phase === "permissions" && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" })
+  ] }) : view && page === "select" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+    view.app_id ? back : /* @__PURE__ */ jsx6("p", { className: "text-sm", children: "\u9996\u6B21\u8FDE\u63A5\u9700\u8981\u626B\u7801\u4E24\u6B21\uFF1A\u5148\u5173\u8054\u98DE\u4E66\u5E94\u7528\uFF0C\u518D\u786E\u8BA4\u672C\u4EBA\u6388\u6743\u3002\u9009\u5DF2\u6709\u5E94\u7528\u65F6\u7B2C\u4E8C\u6B21\u4E5F\u4E0D\u80FD\u7701\uFF0C\u98DE\u4E66\u8981\u6C42\u4F60\u672C\u4EBA\u540C\u610F\uFF0C\u52A9\u624B\u624D\u80FD\u8BFB\u53D6\u4F60\u7684\u6D88\u606F\u3002" }),
+    /* @__PURE__ */ jsx6(FeishuCapabilitySelection, { capabilities, permissions: view.permissions, operations: view.operations, domains: view.domains, selected, onChange: setSelected, disabled: busy }),
+    view.catalog_unavailable && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u5DE5\u4F5C\u80FD\u529B" }),
+    /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-3 border-t border-[color-mix(in_srgb,currentColor_18%,transparent)] pt-4", children: [
+      /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u6743\u9650\u7531\u98DE\u4E66\u5B98\u65B9\u9875\u9762\u7EDF\u4E00\u9009\u62E9\uFF0C\u5DF2\u6709\u6388\u6743\u7EE7\u7EED\u4FDD\u7559\u3002" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} border-blue-600 bg-blue-600 text-white`, disabled: busy || Boolean(view.app_id) && !selected.length, onClick: () => start(), children: busy ? "\u6B63\u5728\u51C6\u5907\u6388\u6743\u2026" : view.app_id ? preserveDisabled ? "\u8865\u5145\u6388\u6743\u5E76\u4FDD\u5B58" : "\u524D\u5F80\u98DE\u4E66\u6388\u6743" : "\u8FDE\u63A5\u98DE\u4E66" })
+    ] }),
+    preserveDisabled && /* @__PURE__ */ jsx6("p", { className: "text-xs", children: "\u6B64\u52A9\u624B\u5F53\u524D\u505C\u7528\uFF0C\u65B0\u589E\u6388\u6743\u4E0D\u4F1A\u81EA\u52A8\u542F\u7528\u3002\u9700\u8981\u65F6\u53EF\u5728\u7BA1\u7406\u8FDE\u63A5\u4E2D\u91CD\u65B0\u542F\u7528\u3002" })
+  ] }) : null });
+  const diagnosticContent = view && /* @__PURE__ */ jsxs5(Fragment, { children: [
+    "      ",
+    /* @__PURE__ */ jsx6("p", { className: "text-sm", children: "\u53EA\u5904\u7406\u672A\u5B8C\u6210\u7684\u9879\u76EE\uFF0C\u5DF2\u7ECF\u5F00\u901A\u7684\u80FD\u529B\u4E0D\u9700\u8981\u91CD\u65B0\u7533\u8BF7\u3002" }),
+    pending.map((item) => /* @__PURE__ */ jsxs5("div", { className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: [
+      /* @__PURE__ */ jsx6("p", { children: item.name }),
+      /* @__PURE__ */ jsxs5("p", { className: "text-xs", children: [
+        item.reason || item.next_action || statusLabels[item.status],
+        item.actor ? ` \xB7 \u7531${item.actor}\u5904\u7406` : ""
+      ] })
+    ] }, item.id)),
+    /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("check"), children: "\u91CD\u65B0\u68C0\u67E5\u8FDE\u63A5" }),
+    view.app_id && /* @__PURE__ */ jsx6("a", { className: "block text-xs underline", href: `https://open.feishu.cn/app/${encodeURIComponent(view.app_id)}/auth`, target: "_blank", rel: "noopener noreferrer", children: "\u5728\u98DE\u4E66\u67E5\u770B\u6743\u9650\u3001\u53D1\u5E03\u4E0E\u53EF\u7528\u8303\u56F4" }),
+    /* @__PURE__ */ jsxs5("details", { className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-xs", children: [
+      /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u9AD8\u7EA7\u6392\u67E5\u4FE1\u606F" }),
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-3 pt-3", children: [
+        /* @__PURE__ */ jsxs5("p", { children: [
+          "\u8FDE\u63A5\u7F16\u53F7\uFF1A",
+          view.connection_id || "\u5C1A\u672A\u521B\u5EFA"
+        ] }),
+        /* @__PURE__ */ jsxs5("p", { children: [
+          "\u6392\u67E5\u7F16\u53F7\uFF1A",
+          view.error?.trace_id || view.trace_id || "\u6682\u65E0\u8BB0\u5F55"
+        ] }),
+        /* @__PURE__ */ jsx6("p", { children: "\u8BB0\u5F55\u4E0D\u5305\u542B\u51ED\u636E\u4E0E\u6D88\u606F\u6B63\u6587\u3002" }),
+        view.steps?.length ? /* @__PURE__ */ jsx6("ol", { className: "space-y-2", children: view.steps.map((step, index) => /* @__PURE__ */ jsxs5("li", { children: [
+          stateLabels[step.state] ?? step.state,
+          "\uFF1A",
+          step.message
+        ] }, `${step.id}:${index}`)) }) : null,
+        diagnostics && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void inspect(), children: "\u8BFB\u53D6\u6392\u67E5\u8BB0\u5F55" }),
+        diagnosticView?.runtime && /* @__PURE__ */ jsx6(ConnectorRuntimeDiagnostics, { runtime: diagnosticView.runtime }),
+        diagnosticView && /* @__PURE__ */ jsx6("ol", { className: "space-y-3", children: diagnosticView.audit_events.map((event, index) => /* @__PURE__ */ jsxs5("li", { children: [
+          event.message ?? auditLabels[event.type ?? ""] ?? "\u8FDE\u63A5\u72B6\u6001\u8BB0\u5F55",
+          event.code && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u539F\u56E0\u7F16\u53F7\uFF1A",
+            event.code
+          ] }),
+          event.platform_code && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u98DE\u4E66\u9519\u8BEF\u7801\uFF1A",
+            event.platform_code
+          ] }),
+          event.platform_request_id && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u98DE\u4E66\u8BF7\u6C42\u7F16\u53F7\uFF1A",
+            event.platform_request_id
+          ] }),
+          event.trace_id && /* @__PURE__ */ jsxs5("p", { children: [
+            "\u6392\u67E5\u7F16\u53F7\uFF1A",
+            event.trace_id
+          ] })
+        ] }, event.id ?? index)) })
+      ] })
+    ] })
+  ] });
+  if (detail) {
+    const hasConnection = Boolean(view?.app_id);
+    const needsAttention = hasConnection && Boolean(view?.permissions?.some((item) => item.app_status === "missing") || view?.error || pendingPermissions.length || failedUser.length || view?.activation_pending || view?.enabled === false);
+    const disable = async () => {
+      if (inFlight.current) return;
+      inFlight.current = true;
+      setBusy(true);
+      try {
+        await callbacks.current.onDisable?.();
+        const value = await callbacks.current.read();
+        if (live.current) accept(value);
+        await changed();
+      } finally {
+        inFlight.current = false;
+        if (live.current) setBusy(false);
+      }
+    };
+    const missingApp = (view?.permissions ?? []).filter((item) => item.app_status === "missing");
+    const permissionActions = /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center gap-3", children: [
+      view?.app_id && /* @__PURE__ */ jsx6("a", { className: `${button} inline-flex items-center`, href: `https://open.feishu.cn/app/${encodeURIComponent(view.app_id)}/auth`, target: "_blank", rel: "noopener noreferrer", children: "\u6253\u5F00\u98DE\u4E66\u6743\u9650\u7BA1\u7406" }),
+      /* @__PURE__ */ jsx6("button", { type: "button", className: "min-h-10 text-xs underline disabled:opacity-50", disabled: busy, onClick: () => void run("check"), children: "\u6211\u5DF2\u5904\u7406\uFF0C\u91CD\u65B0\u6838\u9A8C" })
+    ] });
+    const actions = [
+      { id: "check", description: "\u68C0\u67E5\u6700\u65B0\u6743\u9650\u5F00\u901A\u60C5\u51B5", label: "\u91CD\u65B0\u6838\u9A8C\u6743\u9650", run: () => run("check") },
+      { id: "permissions", description: "\u67E5\u770B\u5168\u90E8\u6743\u9650\u53CA\u5F00\u901A\u60C5\u51B5", label: "\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650", page: /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ jsx6(FeishuPermissionStatus, { permissions: view?.permissions ?? [], template: view?.permission_template, expanded: true, hideScopes: true }),
+        permissionActions,
+        /* @__PURE__ */ jsx6(ConnectorAuthorizationProgress, { result: view?.authorization_result, onCheck: () => void run("check"), busy }),
+        pendingPermissions.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => start(pendingPermissions.map((item) => item.id)), children: "\u7EE7\u7EED\u5F00\u901A\u672A\u5B8C\u6210\u7684\u6743\u9650" }),
+        failedUser.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => start(failedUser.map((item) => item.id)), children: "\u4EC5\u8865\u5145\u672A\u5B8C\u6210\u7684\u672C\u4EBA\u6388\u6743" }),
+        view?.activation_pending && active.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => {
+          setPage("select");
+          start();
+        }, children: "\u8865\u5145\u6388\u6743" })
+      ] }) },
+      ...hasConnection ? [{ id: "disable", description: "\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSW \u4E2D\u7684\u6388\u6743\u548C\u6536\u6D88\u606F\u4FDD\u7559", label: view?.enabled === false ? "\u91CD\u65B0\u542F\u7528" : "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528", run: view?.enabled === false ? () => run("finish", { capabilities: view.selected_capabilities ?? selected, enable: true }) : disable, disabled: !onDisable && view?.enabled !== false, confirmation: { title: view?.enabled === false ? "\u91CD\u65B0\u542F\u7528\u98DE\u4E66\uFF1F" : "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528\u98DE\u4E66\uFF1F", description: "\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\u4F7F\u7528\u98DE\u4E66\uFF0CSuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" } }] : [],
+      { id: "diagnostics", description: "\u8BCA\u65AD\u4FE1\u606F\u3001\u6700\u8FD1\u4E8B\u4EF6\u548C\u65E5\u5FD7", label: "\u9047\u5230\u95EE\u9898\uFF1F", run: inspect, page: /* @__PURE__ */ jsxs5("div", { className: "space-y-4", children: [
+        diagnosticContent,
+        bindDelivery && view && canReceive(view) && subscription !== "paused" && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("bind"), children: "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" })
+      ] }) },
+      { id: "help", description: "\u67E5\u770B\u8FDE\u63A5\u548C\u4F7F\u7528\u8BF4\u660E", label: "\u4F7F\u7528\u5E2E\u52A9", page: /* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx6("p", { children: "\u53EF\u4EE5\u8BA9\u52A9\u624B\u6536\u53D1\u6D88\u606F\u3001\u67E5\u770B\u65E5\u7A0B\u548C\u6587\u6863\u3002\u672A\u5F00\u901A\u7684\u6743\u9650\u4F1A\u5728\u7528\u5230\u65F6\u63D0\u793A\u4F60\u5904\u7406\u3002" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => {
+          setPage("select");
+          start();
+        }, children: "\u8865\u5145\u6388\u6743" })
+      ] }) },
+      ...view?.connection_id ? [{ id: "remove", description: "\u6E05\u9664 SW \u4E2D\u7684\u51ED\u636E\u5E76\u505C\u6B62\u6536\u6D88\u606F", label: "\u79FB\u9664\u8FDE\u63A5\u5E76\u91CD\u65B0\u8FDE\u63A5", danger: true, confirmation: { title: "\u786E\u8BA4\u79FB\u9664\u5F53\u524D\u98DE\u4E66\u8FDE\u63A5\uFF1F", description: "SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5C06\u88AB\u79FB\u9664\uFF0C\u6D88\u606F\u63A5\u6536\u548C\u8F6C\u53D1\u5C06\u505C\u6B62\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4F1A\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002" }, run: () => removeConnection(view.connection_id) }] : [],
+      ...detail.actions ?? []
+    ];
+    return /* @__PURE__ */ jsxs5(
+      ConnectorDetail,
+      {
+        title: detail.title,
+        icon: detail.icon,
+        account: view?.label || "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u6D88\u606F\u3001\u65E5\u7A0B\u548C\u6587\u6863\u3002",
+        connected: hasConnection && !waiting && page !== "select" && !view?.activation_pending,
+        status: needsAttention ? "attention" : hasConnection ? "connected" : "disconnected",
+        statusLabel: view?.enabled === false && hasConnection ? "\u5DF2\u505C\u7528" : void 0,
+        busy,
+        actions,
+        noticeStorageKey: view && missingApp.length ? permissionNoticeKey(detail.name ?? "connector.builtin.feishu", view, missingApp) : void 0,
+        noticeTitle: view?.enabled === false ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : missingApp.length ? `\u6709 ${missingApp.length} \u9879\u6743\u9650\u9700\u8981\u7BA1\u7406\u5458\u5728\u98DE\u4E66\u5F00\u901A` : "\u6709\u6388\u6743\u4E8B\u9879\u9700\u8981\u5904\u7406",
+        noticeCollapsedTitle: view?.enabled === false ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : missingApp.length ? `${missingApp.length} \u9879\u6743\u9650\u5F85\u7BA1\u7406\u5458\u5F00\u901A` : "\u6709\u6388\u6743\u4E8B\u9879\u9700\u8981\u5904\u7406",
+        notice: hasConnection && needsAttention && !waiting ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx6("p", { children: view?.error?.message || "\u4E0D\u5F71\u54CD\u5DF2\u5F00\u901A\u7684\u529F\u80FD\uFF0C\u7528\u5230\u76F8\u5173\u64CD\u4F5C\u65F6\u52A9\u624B\u4F1A\u63D0\u793A\u4F60\u5904\u7406\u3002" }),
+          view?.error?.next_action && /* @__PURE__ */ jsx6("p", { children: view.error.next_action }),
+          permissionActions,
+          missingApp.length > 0 && /* @__PURE__ */ jsxs5("details", { className: "text-xs opacity-70", children: [
+            /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u662F\u54EA\u4E9B\u6743\u9650" }),
+            /* @__PURE__ */ jsx6("ul", { className: "mt-2 space-y-1", children: missingApp.map((item) => /* @__PURE__ */ jsx6("li", { className: "break-all", children: item.name || item.scope }, `${item.identity}:${item.scope}`)) })
+          ] })
+        ] }) : void 0,
+        connection: /* @__PURE__ */ jsxs5(Fragment, { children: [
+          !view && /* @__PURE__ */ jsxs5(Fragment, { children: [
+            /* @__PURE__ */ jsx6("output", { children: error || "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u2026" }),
+            error && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u8FDE\u63A5" })
+          ] }),
+          page === "select" && !waiting ? /* @__PURE__ */ jsxs5("div", { className: "space-y-4 rounded-[20px] border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5", children: [
+            /* @__PURE__ */ jsx6("h3", { className: "text-base font-medium", children: "\u8FDE\u63A5\u98DE\u4E66" }),
+            authorizationContent
+          ] }) : authorizationContent
+        ] }),
+        tabs: [{ id: "rules", label: "\u4F7F\u7528\u89C4\u5219", content: detail.rules }, ...bindDelivery ? [{ id: "push", label: "\u6D88\u606F\u63A8\u9001", content: /* @__PURE__ */ jsxs5("div", { className: "settings-surface space-y-4 rounded-[22px] p-5", style: { background: "var(--settings-surface, hsl(var(--muted)))" }, children: [
+          /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "\u5411\u52A9\u624B\u63A8\u9001\u98DE\u4E66\u6D88\u606F" }),
+              /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: "\u6682\u505C\u540E SW \u4ECD\u63A5\u6536\u5E76\u4FDD\u5B58\u6D88\u606F\uFF0C\u53EA\u662F\u4E0D\u8F6C\u7ED9\u52A9\u624B\u3002" })
+            ] }),
+            /* @__PURE__ */ jsx6(Switch, { "aria-label": "\u5411\u52A9\u624B\u63A8\u9001", checked: subscription === "enabled", disabled: busy, onCheckedChange: (checked) => void run(checked ? subscription === "paused" ? "resume" : "bind" : "pause"), className: "relative inline-flex h-6 w-11 shrink-0 items-center rounded-full bg-[color-mix(in_srgb,currentColor_20%,transparent)] transition-colors after:absolute after:-inset-y-2 after:-inset-x-1 data-[state=checked]:bg-[var(--color-accent,hsl(var(--primary)))] disabled:opacity-50", thumbClassName: "pointer-events-none block size-5 translate-x-0.5 rounded-full bg-white shadow-sm transition-transform data-[state=checked]:translate-x-[22px]" })
+          ] }),
+          detail.pushFrequency,
+          detail.onOpenPush && /* @__PURE__ */ jsx6("button", { type: "button", className: "block min-h-10 text-xs underline", onClick: detail.onOpenPush, children: "\u524D\u5F80\u63A8\u9001\u63A5\u53E3" })
+        ] }) }] : [], ...detail.preferences ? [{ id: "preferences", label: "\u52A9\u624B\u504F\u597D", content: detail.preferences }] : []],
+        children: [
+          notice && /* @__PURE__ */ jsx6("output", { className: "block text-xs", children: notice }),
+          error && /* @__PURE__ */ jsx6("p", { role: "alert", children: error })
+        ]
+      },
+      waiting ? "waiting" : page === "select" ? "select" : "details"
+    );
+  }
+  return /* @__PURE__ */ jsxs5("section", { "aria-label": "\u98DE\u4E66\u6388\u6743", "aria-busy": busy, className: "space-y-5 py-3 text-left", children: [
+    /* @__PURE__ */ jsxs5("div", { children: [
+      /* @__PURE__ */ jsx6("h3", { className: "text-lg font-medium", children: page === "manage" ? "\u7BA1\u7406\u98DE\u4E66\u8FDE\u63A5" : page === "help" ? "\u8FDE\u63A5\u5E2E\u52A9" : page === "select" ? "\u8FDE\u63A5\u98DE\u4E66" : "\u98DE\u4E66" }),
+      /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: "\u6309\u98DE\u4E66\u5B98\u65B9\u63A8\u8350\u6743\u9650\u8FDE\u63A5\uFF0C\u5177\u4F53\u5F00\u901A\u7ED3\u679C\u7531\u4F01\u4E1A\u89C4\u5219\u548C\u672C\u4EBA\u6388\u6743\u51B3\u5B9A\u3002" })
+    ] }),
+    notice && /* @__PURE__ */ jsx6("output", { className: "block rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: notice }),
+    error && /* @__PURE__ */ jsx6("p", { role: "alert", className: "rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: error }),
+    view?.error && /* @__PURE__ */ jsxs5("div", { role: "alert", className: "space-y-1 rounded-lg border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-3 text-sm", children: [
+      /* @__PURE__ */ jsx6("p", { children: view.error.message }),
+      view.error.next_action && /* @__PURE__ */ jsx6("p", { children: view.error.next_action }),
+      !waiting && view.app_id && /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-3", children: [
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: retryCurrent, children: "\u91CD\u8BD5\u5F53\u524D\u6388\u6743" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" })
+      ] })
+    ] }),
+    view && !waiting && matchesRequestedAuthorization(view) && /* @__PURE__ */ jsx6(ConnectorAuthorizationProgress, { result: view.authorization_result, onCheck: () => void run("check"), busy }),
+    view && !waiting && page !== "help" && /* @__PURE__ */ jsx6(FeishuPermissionStatus, { permissions: view.permissions ?? [], template: view.permission_template }),
+    !view && !error && /* @__PURE__ */ jsx6("output", { className: "block text-sm", children: "\u6B63\u5728\u8BFB\u53D6\u98DE\u4E66\u8FDE\u63A5\u2026" }),
+    !view && error && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void refresh(), children: "\u91CD\u65B0\u8BFB\u53D6\u8FDE\u63A5" }),
+    authorizationContent,
+    view && !waiting && page === "connection" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4", children: [
+        /* @__PURE__ */ jsxs5("p", { className: "font-medium", children: [
+          view.activation_pending === true ? "\u8FDE\u63A5\u5C1A\u672A\u5B8C\u6210" : view.enabled === false && view.app_id ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : active.length ? "\u98DE\u4E66\u5DF2\u53EF\u4EE5\u4F7F\u7528" : "\u8FD8\u6709\u9879\u76EE\u9700\u8981\u5904\u7406",
+          view.label ? ` \xB7 ${view.label}` : ""
+        ] }),
+        /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: view.activation_pending === true ? "\u5B8C\u6210\u6388\u6743\u540E\u5373\u53EF\u5F00\u59CB\u4F7F\u7528" : view.enabled === false ? "\u5DF2\u6709\u6388\u6743\u4E0E SuperWork \u63A5\u6536\u8BBE\u7F6E\u4FDD\u7559\u3002" : "\u53EF\u4EE5\u8BA9\u52A9\u624B\u5904\u7406\u5DF2\u5F00\u901A\u7684\u98DE\u4E66\u5DE5\u4F5C\u3002" })
+      ] }),
+      view.activation_pending === true && active.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: finishExisting, children: "\u5148\u4F7F\u7528\u5DF2\u5F00\u901A\u80FD\u529B\uFF0C\u5176\u4ED6\u7A0D\u540E\u5904\u7406" }),
+      pending.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "space-y-2 rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+        /* @__PURE__ */ jsxs5("p", { children: [
+          pending.length,
+          " \u9879\u5C1A\u672A\u5B8C\u6210\uFF0C\u5176\u4ED6\u5DF2\u5F00\u901A\u80FD\u529B\u7EE7\u7EED\u4FDD\u7559\u3002"
+        ] }),
+        /* @__PURE__ */ jsxs5("details", { className: "text-xs", children: [
+          /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u672A\u5B8C\u6210\u9879\u76EE" }),
+          /* @__PURE__ */ jsx6("div", { className: "mt-2 max-h-60 space-y-2 overflow-y-auto", children: pending.map((item) => /* @__PURE__ */ jsxs5("p", { children: [
+            item.name,
+            "\uFF1A",
+            item.reason || item.next_action || statusLabels[item.status]
+          ] }, item.id)) })
+        ] }),
+        receptionNeedsTest && /* @__PURE__ */ jsx6("p", { className: "text-xs", children: "\u63A5\u6536\u6743\u9650\u5DF2\u7ECF\u751F\u6548\uFF0C\u4ECD\u9700\u5411\u673A\u5668\u4EBA\u53D1\u9001\u6D4B\u8BD5\u6D88\u606F\u4EE5\u786E\u8BA4\u5B9E\u9645\u63A5\u6536\u3002" }),
+        pendingPermissions.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: () => start(pendingPermissions.map((item) => item.id)), children: "\u7EE7\u7EED\u5F00\u901A\u672A\u5B8C\u6210\u7684\u6743\u9650" }),
+        failedUser.length > 0 && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline", disabled: busy, onClick: () => start(failedUser.map((item) => item.id)), children: "\u4EC5\u8865\u5145\u672A\u5B8C\u6210\u7684\u672C\u4EBA\u6388\u6743" })
+      ] }),
+      /* @__PURE__ */ jsxs5("dl", { className: "divide-y divide-[color-mix(in_srgb,currentColor_18%,transparent)] rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-4 text-sm", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex justify-between gap-3 py-4", children: [
+          /* @__PURE__ */ jsx6("dt", { children: "\u53D1\u9001\u6D88\u606F" }),
+          /* @__PURE__ */ jsx6("dd", { children: "\u673A\u5668\u4EBA\u8EAB\u4EFD" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex justify-between gap-3 py-4", children: [
+          /* @__PURE__ */ jsx6("dt", { children: "\u63A5\u6536\u98DE\u4E66\u6D88\u606F" }),
+          /* @__PURE__ */ jsx6("dd", { children: subscription === "enabled" ? "\u5DF2\u63A5\u5165\u52A9\u624B" : subscription === "paused" ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : "\u5C1A\u672A\u63A5\u5165\u52A9\u624B" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "flex justify-between gap-3 py-4", children: [
+          /* @__PURE__ */ jsx6("dt", { children: "\u5DF2\u5F00\u901A\u7684\u5DE5\u4F5C\u80FD\u529B" }),
+          /* @__PURE__ */ jsxs5("dd", { children: [
+            categories.length,
+            " \u7C7B \xB7 ",
+            active.length,
+            " \u9879\u64CD\u4F5C"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx6("div", { className: "flex flex-wrap gap-2", children: categories.map((name) => /* @__PURE__ */ jsx6("span", { className: "rounded-md border border-[color-mix(in_srgb,currentColor_18%,transparent)] px-2 py-1 text-xs", children: name }, name)) }),
+      /* @__PURE__ */ jsxs5("details", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx6("summary", { className: "cursor-pointer", children: "\u67E5\u770B\u6743\u9650\u4E0E\u80FD\u529B\u72B6\u6001" }),
+        /* @__PURE__ */ jsx6(FeishuCapabilitySelection, { capabilities, permissions: view.permissions, operations: view.operations, domains: view.domains, selected, onChange: setSelected, disabled: busy })
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-3 border-t border-[color-mix(in_srgb,currentColor_18%,transparent)] pt-4", children: [
+        /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} bg-blue-600 text-white`, disabled: busy, onClick: () => void addCapabilities(), children: busy ? "\u6B63\u5728\u68C0\u67E5\u2026" : "\u8865\u5145\u6388\u6743" }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => setPage("manage"), children: "\u7BA1\u7406\u8FDE\u63A5" })
+      ] })
+    ] }) : view && page === "manage" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      back,
+      /* @__PURE__ */ jsxs5("div", { className: "space-y-5 divide-y divide-[color-mix(in_srgb,currentColor_18%,transparent)] rounded-xl border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-4 text-sm", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs5("div", { children: [
+            /* @__PURE__ */ jsx6("p", { children: "\u5728\u6B64\u52A9\u624B\u4E2D\u4F7F\u7528\u98DE\u4E66" }),
+            /* @__PURE__ */ jsx6("p", { className: "mt-1 text-xs opacity-70", children: "\u505C\u7528\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSuperWork \u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" })
+          ] }),
+          view.enabled === false ? /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("finish", { capabilities: view.selected_capabilities ?? selected, enable: true }), children: "\u91CD\u65B0\u542F\u7528" }) : onDisable ? /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: async () => {
+            if (inFlight.current) return;
+            inFlight.current = true;
+            setBusy(true);
+            try {
+              await callbacks.current.onDisable?.();
+              const value = await callbacks.current.read();
+              if (live.current) accept(value);
+              await changed();
+            } catch {
+              if (live.current) setError("\u505C\u7528\u672A\u5B8C\u6210\uFF0C\u8BF7\u91CD\u8BD5\u3002");
+            } finally {
+              inFlight.current = false;
+              if (live.current) setBusy(false);
+            }
+          }, children: "\u505C\u7528\u6B64\u52A9\u624B\u8FDE\u63A5" }) : /* @__PURE__ */ jsx6("span", { className: "text-xs", children: "\u5DF2\u542F\u7528" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "space-y-2 pt-4", children: [
+          /* @__PURE__ */ jsx6("p", { children: "\u5411\u52A9\u624B\u63A8\u9001\u98DE\u4E66\u6D88\u606F" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u4E0E\u6B64\u52A9\u624B\u4F7F\u7528\u6743\u9650\u5206\u522B\u7BA1\u7406\uFF1B\u6682\u505C\u63A8\u9001\u4ECD\u4FDD\u7559 SuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u3002" }),
+          ["enabled", "paused"].includes(subscription) && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run(subscription === "paused" ? "resume" : "pause"), children: subscription === "paused" ? "\u6062\u590D\u5411\u52A9\u624B\u63A8\u9001" : "\u6682\u505C\u5411\u52A9\u624B\u63A8\u9001" }),
+          bindDelivery && canReceive(view) && subscription !== "paused" && /* @__PURE__ */ jsx6("button", { type: "button", className: button, disabled: busy, onClick: () => void run("bind"), children: subscription === "enabled" ? "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" : "\u91CD\u65B0\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
+          receptionNeedsTest && /* @__PURE__ */ jsx6("p", { className: "text-xs", children: "\u63A5\u6536\u6743\u9650\u5DF2\u6838\u9A8C\uFF0C\u4E8B\u4EF6\u8BA2\u9605\u5C1A\u5F85\u6D4B\u8BD5\u3002\u8BF7\u5411\u673A\u5668\u4EBA\u53D1\u9001\u6D4B\u8BD5\u6D88\u606F\u540E\u5728\u8FDE\u63A5\u5E2E\u52A9\u4E2D\u67E5\u770B\u8BB0\u5F55\u3002" })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "pt-4", children: [
+          /* @__PURE__ */ jsx6("p", { children: view.label || "\u98DE\u4E66\u8D26\u53F7" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u5DF2\u5F00\u901A\u80FD\u529B\u4E0E\u65B0\u589E\u6388\u6743\u5747\u53D7\u98DE\u4E66\u5E94\u7528\u53EF\u7528\u8303\u56F4\u548C\u6570\u636E\u6743\u9650\u9650\u5236\u3002" }),
+          /* @__PURE__ */ jsx6("button", { type: "button", className: "mt-2 text-xs underline", disabled: busy, onClick: () => void addCapabilities(), children: "\u67E5\u770B\u4E0E\u6DFB\u52A0\u5DE5\u4F5C\u80FD\u529B" })
+        ] })
+      ] }),
+      view.connection_id && /* @__PURE__ */ jsxs5("div", { className: "space-y-3 rounded-xl border border-red-600/30 p-4 text-sm", children: [
+        /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "\u79FB\u9664\u65E7\u8FDE\u63A5\uFF0C\u91CD\u65B0\u5F00\u59CB" }),
+        /* @__PURE__ */ jsx6("p", { className: "text-xs opacity-70", children: "\u8FD9\u4F1A\u79FB\u9664 SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5E76\u505C\u6B62\u63A5\u6536\u548C\u8F6C\u53D1\u6D88\u606F\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5230\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002" }),
+        /* @__PURE__ */ jsxs5(AlertDialog, { open: removingConnectionID !== null, onOpenChange: (open) => {
+          if (!open) setRemovingConnectionID(null);
+        }, children: [
+          /* @__PURE__ */ jsx6(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} border-red-600/40 text-red-600`, disabled: busy, onClick: () => setRemovingConnectionID(view.connection_id ?? null), children: "\u79FB\u9664\u8FDE\u63A5\u5E76\u91CD\u65B0\u8FDE\u63A5" }) }),
+          /* @__PURE__ */ jsxs5(AlertDialogContent, { className: "z-[60] w-[calc(100%_-_32px)] max-w-md p-5 sm:max-w-md", overlayClassName: "z-[60] bg-black/40", style: { backgroundColor: "var(--color-canvas, hsl(var(--popover, 0 0% 100%)))", color: "var(--color-copy, hsl(var(--foreground, 0 0% 10%)))" }, children: [
+            /* @__PURE__ */ jsx6(AlertDialogTitle, { children: "\u786E\u8BA4\u79FB\u9664\u5F53\u524D\u98DE\u4E66\u8FDE\u63A5\uFF1F" }),
+            /* @__PURE__ */ jsx6(AlertDialogDescription, { children: "SuperWork \u4E2D\u6B64\u8FDE\u63A5\u7684\u51ED\u636E\u5C06\u88AB\u79FB\u9664\uFF0C\u6D88\u606F\u63A5\u6536\u548C\u8F6C\u53D1\u5C06\u505C\u6B62\uFF0C\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002\u5386\u53F2\u6D88\u606F\u4E0E\u6392\u67E5\u65E5\u5FD7\u4F1A\u4FDD\u7559\uFF0C\u98DE\u4E66\u540E\u53F0\u5E94\u7528\u4E0D\u4F1A\u5220\u9664\u3002\u79FB\u9664\u540E\uFF0C\u7531\u4F60\u518D\u6B21\u70B9\u51FB\u201C\u8FDE\u63A5\u98DE\u4E66\u201D\u83B7\u53D6\u65B0\u4E8C\u7EF4\u7801\u3002" }),
+            /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap justify-end gap-3", children: [
+              /* @__PURE__ */ jsx6(AlertDialogCancel, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: button, children: "\u53D6\u6D88" }) }),
+              /* @__PURE__ */ jsx6(AlertDialogAction, { asChild: true, children: /* @__PURE__ */ jsx6("button", { type: "button", className: `${button} border-red-600 bg-red-600 text-white`, onClick: () => {
+                if (removingConnectionID) void removeConnection(removingConnectionID);
+              }, children: "\u786E\u8BA4\u79FB\u9664\u8FDE\u63A5" }) })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }) : view && page === "help" ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      back,
+      diagnosticContent
+    ] }) : null,
+    !waiting && page !== "help" && /* @__PURE__ */ jsx6("button", { type: "button", className: "text-xs underline opacity-70", disabled: busy, onClick: () => setPage("help"), children: "\u9047\u5230\u95EE\u9898\uFF1F" })
+  ] });
+}
+
+// src/components/ManagedConnection.tsx
+import { useEffect as useEffect2, useId, useRef as useRef2, useState as useState2 } from "react";
+
+// ../ui/src/components/badge.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var badgeVariants = cva(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? dist_exports.Root : "span";
+  return /* @__PURE__ */ jsx7(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// ../ui/src/components/input.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx8(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// ../ui/src/components/label.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    dist_exports2.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// ../ui/src/components/separator.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx10(
+    dist_exports3.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ManagedConnection.tsx
+import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+var field = "h-10 focus-visible:ring-1 focus-visible:ring-foreground/30 focus-visible:border-foreground/70";
+var deliveryFailure = (reason) => `\u90AE\u7BB1\u5DF2\u8FDE\u63A5\uFF0C\u63A5\u5165\u52A9\u624B\u6D88\u606F\u672A\u5B8C\u6210${reason ? `\uFF1A${reason}` : "\uFF0C\u53EF\u70B9\u51FB\u91CD\u8BD5\u3002"}`;
+function ManagedConnection({ read, act, onChanged, bindDelivery, onDisable, detail, diagnostics }) {
+  const [view, setView] = useState2(null);
+  const [busy, setBusy] = useState2(true);
+  const [failure, setFailure] = useState2("");
+  const [email, setEmail] = useState2("");
+  const [code, setCode] = useState2("");
+  const [diagnosticView, setDiagnosticView] = useState2(null);
+  const [editing, setEditing] = useState2(false);
+  const formId = useId();
+  const callbacks = useRef2({ read, act, onChanged, onDisable });
+  callbacks.current = { read, act, onChanged, onDisable };
+  const alive = useRef2(false);
+  useEffect2(() => {
+    alive.current = true;
+    let cancelled = false;
+    callbacks.current.read().then((value) => {
+      if (!cancelled) {
+        setView(value);
+        setFailure(value.error?.message || "");
+      }
+    }).catch(() => {
+      if (!cancelled) setFailure("\u8FDE\u63A5\u72B6\u6001\u6682\u4E0D\u53EF\u7528\uFF0C\u8BF7\u91CD\u8BD5");
+    }).finally(() => {
+      if (!cancelled) setBusy(false);
+    });
+    return () => {
+      cancelled = true;
+      alive.current = false;
+    };
+  }, []);
+  const perform = async (action) => {
+    if (busy) return;
+    setBusy(true);
+    setFailure("");
+    try {
+      let next;
+      if (action === "disable") {
+        await callbacks.current.onDisable?.();
+        next = await callbacks.current.read();
+      } else if (action === "refresh") next = await callbacks.current.read();
+      else next = await callbacks.current.act(action, {
+        ...view?.connection_id ? { expected_connection_id: view.connection_id } : {},
+        ...action === "finish" ? { enable: true } : {},
+        ...action === "credentials" ? { email: email.trim(), authorization_code: code } : {}
+      });
+      if (!alive.current) return;
+      if (action === "bind" && next.error) {
+        setFailure(deliveryFailure(next.error.message));
+        return;
+      }
+      if (next.connection_id !== view?.connection_id) setDiagnosticView(null);
+      setView(next);
+      if (next.error) setFailure(next.error.message);
+      else if (action === "credentials" && next.connected) {
+        setEmail("");
+        setCode("");
+        setEditing(false);
+        if (bindDelivery && next.subscription_state !== "paused" && !next.delivery_bound) {
+          try {
+            const bound = await callbacks.current.act("bind", { expected_connection_id: next.connection_id });
+            if (!alive.current) return;
+            if (bound.error) {
+              setFailure(deliveryFailure(bound.error.message));
+              return;
+            }
+            setView(bound);
+          } catch (error) {
+            if (!alive.current) return;
+            setFailure(deliveryFailure(error instanceof Error ? error.message : void 0));
+            return;
+          }
+        }
+      }
+      await callbacks.current.onChanged();
+    } catch (error) {
+      if (alive.current) setFailure(action === "bind" ? deliveryFailure(error instanceof Error ? error.message : void 0) : error instanceof Error ? error.message : "\u64CD\u4F5C\u5C1A\u672A\u5B8C\u6210\uFF0C\u8BF7\u68C0\u67E5\u8FDE\u63A5\u540E\u91CD\u8BD5");
+    } finally {
+      if (alive.current) setBusy(false);
+    }
+  };
+  const showForm = view && (!view.connected || editing);
+  const brand = view?.provider === "netease-mail" ? "\u7F51\u6613\u90AE\u7BB1" : "QQ \u90AE\u7BB1";
+  const paused = view?.subscription_state === "paused";
+  const connectionForm = showForm && /* @__PURE__ */ jsxs6("form", { className: "space-y-4", "aria-label": `\u8FDE\u63A5${brand}`, onSubmit: (event) => {
+    event.preventDefault();
+    void perform("credentials");
+  }, children: [
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(Label, { htmlFor: `${formId}-email`, children: "\u90AE\u7BB1\u5730\u5740" }),
+      /* @__PURE__ */ jsx11(Input, { className: field, id: `${formId}-email`, type: "email", autoComplete: "username", placeholder: view.provider === "netease-mail" ? "\u4F8B\u5982 name@163.com" : "\u4F8B\u5982 name@qq.com", maxLength: 254, required: true, disabled: busy, value: email, onChange: (event) => setEmail(event.target.value) })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(Label, { htmlFor: `${formId}-code`, children: "\u6388\u6743\u7801" }),
+      /* @__PURE__ */ jsx11(Input, { className: field, id: `${formId}-code`, type: "password", autoComplete: "off", placeholder: "\u586B\u5199\u90AE\u7BB1\u63D0\u4F9B\u7684\u6388\u6743\u7801", "aria-describedby": `${formId}-help`, maxLength: 256, required: true, disabled: busy, value: code, onChange: (event) => setCode(event.target.value) }),
+      /* @__PURE__ */ jsxs6("details", { id: `${formId}-help`, className: "rounded-lg bg-[hsl(var(--muted)/0.5)] px-3 py-2.5 text-xs leading-relaxed text-muted-foreground", children: [
+        /* @__PURE__ */ jsx11("summary", { className: "min-h-8 cursor-pointer font-medium text-foreground", children: "\u5982\u4F55\u83B7\u53D6\u6388\u6743\u7801" }),
+        /* @__PURE__ */ jsxs6("ol", { className: "list-decimal space-y-1 pl-4", children: [
+          /* @__PURE__ */ jsxs6("li", { children: [
+            "\u5728\u7F51\u9875\u7248",
+            brand,
+            "\u4E2D\u6253\u5F00\u201C\u8BBE\u7F6E\u201D\u3002"
+          ] }),
+          /* @__PURE__ */ jsx11("li", { children: view.provider === "netease-mail" ? "\u8FDB\u5165\u201CPOP3/SMTP/IMAP\u201D\uFF0C\u5F00\u542F IMAP/SMTP \u670D\u52A1\u3002" : "\u8FDB\u5165\u201C\u8D26\u53F7\u201D\uFF0C\u5F00\u542F IMAP/SMTP \u670D\u52A1\u3002" }),
+          /* @__PURE__ */ jsx11("li", { children: "\u6309\u90AE\u7BB1\u63D0\u793A\u751F\u6210\u6388\u6743\u7801\uFF0C\u590D\u5236\u5230\u4E0A\u65B9\u3002" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx11(Button, { className: "w-full", type: "submit", disabled: busy || !email.trim() || !code.trim(), children: busy ? /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx11(LoaderCircle, { className: "animate-spin" }),
+        "\u6B63\u5728\u8FDE\u63A5\u2026"
+      ] }) : "\u8FDE\u63A5\u90AE\u7BB1" }),
+      editing && /* @__PURE__ */ jsx11(Button, { className: "w-full", variant: "ghost", type: "button", disabled: busy, onClick: () => {
+        setCode("");
+        setEditing(false);
+        setFailure("");
+      }, children: "\u53D6\u6D88" })
+    ] })
+  ] });
+  if (detail) {
+    const actions = [
+      ...view?.connected ? [{ id: "edit", description: "\u91CD\u65B0\u586B\u5199\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801", label: "\u66F4\u6362\u8D26\u53F7", confirmation: { title: "\u66F4\u6362\u8D26\u53F7\uFF1F", description: "\u5C06\u6253\u5F00\u8FDE\u63A5\u8868\u5355\u3002\u4FDD\u5B58\u65B0\u8D26\u53F7\u524D\uFF0C\u5F53\u524D\u8FDE\u63A5\u4FDD\u6301\u4E0D\u53D8\uFF1B\u66F4\u6362\u540E\u4F7F\u7528\u89C4\u5219\u4FDD\u7559\u3002" }, run: () => {
+        setEmail(view.label || "");
+        setFailure("");
+        setEditing(true);
+      } }] : [],
+      { id: "check", description: "\u68C0\u67E5\u5F53\u524D\u8D26\u53F7\u7684\u8FDE\u63A5\u72B6\u6001", label: "\u91CD\u65B0\u6838\u9A8C", run: () => perform("check") },
+      ...view?.connected && onDisable ? [{ id: "disable", description: "\u53EA\u5F71\u54CD\u6B64\u52A9\u624B\uFF0CSW \u4E2D\u7684\u6388\u6743\u548C\u6536\u6D88\u606F\u4FDD\u7559", label: view.enabled ? "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528" : "\u91CD\u65B0\u542F\u7528", confirmation: { title: view.enabled ? "\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528\u90AE\u7BB1\uFF1F" : "\u91CD\u65B0\u542F\u7528\u90AE\u7BB1\uFF1F", description: "\u6B64\u64CD\u4F5C\u53EA\u5F71\u54CD\u52A9\u624B\u4F7F\u7528\u90AE\u7BB1\uFF0CSuperWork \u4E2D\u7684\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4FDD\u7559\u3002" }, run: () => perform(view.enabled ? "disable" : "finish") }] : [],
+      { id: "diagnostics", description: "\u8BCA\u65AD\u4FE1\u606F\u548C\u6700\u8FD1\u9519\u8BEF", label: "\u9047\u5230\u95EE\u9898\uFF1F", run: async () => {
+        if (view?.connection_id && diagnostics) {
+          const next = await diagnostics();
+          if (alive.current) setDiagnosticView(next);
+        }
+      }, page: /* @__PURE__ */ jsxs6("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs6("p", { children: [
+          "\u8D26\u53F7\uFF1A",
+          view?.label || "\u5C1A\u672A\u8FDE\u63A5"
+        ] }),
+        /* @__PURE__ */ jsxs6("p", { children: [
+          "\u6392\u67E5\u7F16\u53F7\uFF1A",
+          view?.error?.trace_id || view?.trace_id || "\u6682\u65E0\u8BB0\u5F55"
+        ] }),
+        view?.error && /* @__PURE__ */ jsx11("p", { children: view.error.message }),
+        diagnosticView?.runtime && /* @__PURE__ */ jsx11(ConnectorRuntimeDiagnostics, { runtime: diagnosticView.runtime }),
+        diagnosticView?.audit_events.map((event, index) => /* @__PURE__ */ jsx11("p", { children: event.message || "\u8FDE\u63A5\u72B6\u6001\u8BB0\u5F55" }, event.id ?? index)),
+        bindDelivery && view?.connected && !paused && /* @__PURE__ */ jsx11(Button, { disabled: busy, onClick: () => void perform("bind"), children: "\u66F4\u65B0\u52A9\u624B\u63A5\u6536\u5730\u5740" })
+      ] }) },
+      { id: "help", description: "\u67E5\u770B\u8FDE\u63A5\u548C\u4F7F\u7528\u8BF4\u660E", label: "\u4F7F\u7528\u5E2E\u52A9", page: /* @__PURE__ */ jsx11("p", { children: "\u53EF\u4EE5\u8BA9\u52A9\u624B\u641C\u7D22\u3001\u9605\u8BFB\u548C\u6574\u7406\u90AE\u4EF6\u3002\u53D1\u9001\u90AE\u4EF6\u65F6\u4F1A\u9075\u5B88\u4F60\u8BBE\u7F6E\u7684\u4F7F\u7528\u89C4\u5219\u3002" }) },
+      ...view?.connection_id ? [{ id: "remove", description: "\u6E05\u9664 SW \u4E2D\u7684\u51ED\u636E\u5E76\u505C\u6B62\u6536\u6D88\u606F", label: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5", danger: true, confirmation: { title: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5\uFF1F", description: "\u79FB\u9664\u540E\u5C06\u505C\u6B62\u63A5\u6536\u548C\u63A8\u9001\uFF0C\u5E76\u6E05\u9664\u5DF2\u4FDD\u5B58\u7684\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801\u3002\u5DF2\u6709\u6D88\u606F\u548C\u6587\u4EF6\u4FDD\u7559\u3002\u5176\u4ED6\u4F9D\u8D56\u6B64\u8FDE\u63A5\u7684\u52A9\u624B\u4E5F\u4F1A\u53D7\u5F71\u54CD\u3002" }, run: () => perform("remove") }] : [],
+      ...detail.actions ?? []
+    ];
+    return /* @__PURE__ */ jsxs6("div", { className: "managed-mail-connection", children: [
+      /* @__PURE__ */ jsx11(
+        ConnectorDetail,
+        {
+          title: detail.title,
+          icon: detail.icon,
+          account: view?.label || "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u90AE\u4EF6\u3002",
+          connected: Boolean(view?.connected),
+          status: failure || view?.connected && !view.enabled ? "attention" : view?.connected ? "connected" : "disconnected",
+          statusLabel: view?.connected && !view.enabled ? "\u5DF2\u505C\u7528" : void 0,
+          busy,
+          actions,
+          connection: !view ? /* @__PURE__ */ jsx11("output", { children: busy ? "\u6B63\u5728\u8BFB\u53D6\u90AE\u7BB1\u72B6\u6001\u2026" : "\u8FDE\u63A5\u72B6\u6001\u6682\u4E0D\u53EF\u7528\uFF0C\u8BF7\u91CD\u65B0\u6838\u9A8C\u3002" }) : !view.connected ? /* @__PURE__ */ jsxs6("div", { className: "rounded-[20px] border border-[color-mix(in_srgb,currentColor_18%,transparent)] p-5", children: [
+            /* @__PURE__ */ jsxs6("h3", { className: "mb-4 text-base font-medium", children: [
+              "\u8FDE\u63A5",
+              brand
+            ] }),
+            connectionForm
+          ] }) : void 0,
+          noticeTitle: "\u90AE\u7BB1\u9700\u8981\u5904\u7406",
+          notice: failure || (view?.connected && !view.enabled ? "\u5DF2\u5728\u6B64\u52A9\u624B\u4E2D\u505C\u7528\uFF0C\u6388\u6743\u548C\u6D88\u606F\u63A5\u6536\u4ECD\u7136\u4FDD\u7559\u3002" : void 0),
+          tabs: [{ id: "rules", label: "\u4F7F\u7528\u89C4\u5219", content: detail.rules }, ...bindDelivery ? [{ id: "push", label: "\u65B0\u90AE\u4EF6\u63A8\u9001", content: /* @__PURE__ */ jsxs6("div", { className: "space-y-4 rounded-xl bg-[hsl(var(--muted)/0.3)] p-4", children: [
+            /* @__PURE__ */ jsx11("p", { children: "\u65B0\u90AE\u4EF6\u4F1A\u63A8\u9001\u7ED9\u52A9\u624B\uFF0C\u7531\u52A9\u624B\u5224\u65AD\u662F\u5426\u9700\u8981\u63D0\u9192\u4F60\u3002" }),
+            /* @__PURE__ */ jsx11(Button, { disabled: busy, onClick: () => void perform(paused ? "resume" : view?.delivery_bound ? "pause" : "bind"), children: paused ? "\u6062\u590D\u63A8\u9001" : view?.delivery_bound ? "\u6682\u505C\u63A8\u9001" : "\u63A5\u5165\u52A9\u624B\u6D88\u606F" }),
+            detail.pushFrequency,
+            detail.onOpenPush && /* @__PURE__ */ jsx11("button", { type: "button", className: "block min-h-10 text-xs underline", onClick: detail.onOpenPush, children: "\u524D\u5F80\u63A8\u9001\u63A5\u53E3" })
+          ] }) }] : []]
+        }
+      ),
+      /* @__PURE__ */ jsx11(Dialog, { open: Boolean(editing && view?.connected), onOpenChange: (open) => {
+        if (!open && !busy) {
+          setCode("");
+          setEditing(false);
+        }
+      }, children: /* @__PURE__ */ jsxs6(DialogContent, { "aria-describedby": void 0, className: "managed-mail-connection max-h-[85dvh] overflow-y-auto", onEscapeKeyDown: (event) => {
+        if (busy) event.preventDefault();
+      }, onInteractOutside: (event) => {
+        if (busy) event.preventDefault();
+      }, children: [
+        /* @__PURE__ */ jsx11(DialogTitle, { children: "\u66F4\u6362\u90AE\u7BB1\u8D26\u53F7" }),
+        /* @__PURE__ */ jsx11("p", { className: "text-sm", children: "\u4FDD\u5B58\u540E\u65E7\u8D26\u53F7\u7684\u8FDE\u63A5\u4F1A\u88AB\u66FF\u6362\uFF0C\u4F7F\u7528\u89C4\u5219\u4FDD\u7559\u3002" }),
+        failure && /* @__PURE__ */ jsx11("p", { role: "alert", children: failure }),
+        connectionForm
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs6("section", { "aria-label": "\u8FDE\u63A5\u90AE\u7BB1", "aria-busy": busy, className: "managed-mail-connection min-w-0 space-y-5 text-left text-sm text-foreground", children: [
+    view ? /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-3", children: [
+      /* @__PURE__ */ jsx11("p", { className: "min-w-0 break-all text-xs text-muted-foreground", children: view.connected ? view.label : "\u8FDE\u63A5\u540E\uFF0C\u52A9\u624B\u53EF\u4EE5\u5E2E\u4F60\u5904\u7406\u90AE\u4EF6\u3002" }),
+      /* @__PURE__ */ jsx11(Badge, { className: "shrink-0", variant: view.connected ? "secondary" : "outline", children: paused ? "\u63A8\u9001\u5DF2\u6682\u505C" : view.connected ? "\u5DF2\u8FDE\u63A5" : "\u672A\u8FDE\u63A5" })
+    ] }) : busy && /* @__PURE__ */ jsx11("output", { className: "text-muted-foreground", children: "\u6B63\u5728\u8BFB\u53D6\u90AE\u7BB1\u72B6\u6001\u2026" }),
+    failure && /* @__PURE__ */ jsx11("p", { role: "alert", className: "break-words rounded-lg border border-destructive/20 bg-destructive/10 px-3 py-2.5 text-sm text-destructive", children: failure }),
+    connectionForm,
+    view?.connected && !editing && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+      !view.enabled && /* @__PURE__ */ jsxs6("div", { className: "space-y-2 rounded-lg border border-border p-3", children: [
+        /* @__PURE__ */ jsx11("p", { className: "text-xs text-muted-foreground", children: "\u90AE\u7BB1\u5DF2\u8FDE\u63A5\uFF0C\u542F\u7528\u540E\u53EF\u5728\u5BF9\u8BDD\u4E2D\u4F7F\u7528\u3002" }),
+        /* @__PURE__ */ jsx11(Button, { type: "button", disabled: busy, onClick: () => {
+          void perform("finish");
+        }, children: "\u542F\u7528\u90AE\u7BB1" })
+      ] }),
+      bindDelivery && /* @__PURE__ */ jsxs6("div", { className: "space-y-3 rounded-xl border border-border bg-[hsl(var(--muted)/0.3)] p-4", "aria-label": "\u52A9\u624B\u6D88\u606F", children: [
+        /* @__PURE__ */ jsxs6("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx11("h4", { className: "font-medium", children: "\u52A9\u624B\u6D88\u606F" }),
+          /* @__PURE__ */ jsx11("span", { className: "text-xs text-muted-foreground", children: paused ? "\u5411\u52A9\u624B\u63A8\u9001\u5DF2\u6682\u505C" : view.delivery_bound ? "\u5DF2\u63A5\u5165\u52A9\u624B\u6D88\u606F" : "\u5C1A\u672A\u63A5\u5165" })
+        ] }),
+        /* @__PURE__ */ jsx11("p", { className: "text-xs leading-relaxed text-muted-foreground", children: "\u65B0\u90AE\u4EF6\u4F1A\u63A8\u9001\u7ED9\u52A9\u624B\uFF0C\u7531\u52A9\u624B\u5224\u65AD\u662F\u5426\u9700\u8981\u63D0\u9192\u4F60" }),
+        /* @__PURE__ */ jsxs6(Button, { className: "w-full", variant: view.delivery_bound && !paused ? "outline" : "default", type: "button", disabled: busy, onClick: () => {
+          void perform(paused ? "resume" : view.delivery_bound ? "pause" : "bind");
+        }, children: [
+          busy && /* @__PURE__ */ jsx11(LoaderCircle, { className: "animate-spin" }),
+          paused ? "\u6062\u590D\u63A8\u9001" : view.delivery_bound ? "\u6682\u505C\u63A8\u9001" : "\u63A5\u5165\u52A9\u624B\u6D88\u606F"
+        ] })
+      ] })
+    ] }),
+    !editing && /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center justify-between gap-1 text-muted-foreground", children: [
+      view?.connected && /* @__PURE__ */ jsx11(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
+        setEmail(view.label || "");
+        setFailure("");
+        setEditing(true);
+      }, children: "\u91CD\u65B0\u8FDE\u63A5\u90AE\u7BB1" }),
+      /* @__PURE__ */ jsx11(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
+        void perform("refresh");
+      }, children: "\u5237\u65B0\u72B6\u6001" }),
+      onDisable && view?.enabled && /* @__PURE__ */ jsx11(Button, { type: "button", variant: "ghost", size: "xs", disabled: busy, onClick: () => {
+        void perform("disable");
+      }, children: "\u505C\u7528\u6B64\u8FDE\u63A5" })
+    ] }),
+    view?.connection_id && !editing && /* @__PURE__ */ jsxs6("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx11(Separator, {}),
+      /* @__PURE__ */ jsxs6(AlertDialog, { children: [
+        /* @__PURE__ */ jsx11(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(Button, { type: "button", variant: "destructive", size: "sm", disabled: busy, children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5" }) }),
+        /* @__PURE__ */ jsxs6(AlertDialogContent, { className: "managed-mail-connection", children: [
+          /* @__PURE__ */ jsxs6(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx11(AlertDialogTitle, { children: "\u79FB\u9664\u90AE\u7BB1\u8FDE\u63A5\uFF1F" }),
+            /* @__PURE__ */ jsx11(AlertDialogDescription, { children: "\u79FB\u9664\u540E\u5C06\u505C\u6B62\u63A5\u6536\u548C\u63A8\u9001\uFF0C\u5E76\u6E05\u9664\u5DF2\u4FDD\u5B58\u7684\u90AE\u7BB1\u5730\u5740\u548C\u6388\u6743\u7801\u3002\u5DF2\u6709\u6D88\u606F\u548C\u6587\u4EF6\u4FDD\u7559\u3002" })
+          ] }),
+          /* @__PURE__ */ jsxs6(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx11(AlertDialogCancel, { type: "button", children: "\u53D6\u6D88" }),
+            /* @__PURE__ */ jsx11(AlertDialogAction, { type: "button", variant: "destructive", onClick: () => {
+              void perform("remove");
+            }, children: "\u786E\u8BA4\u79FB\u9664" })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/ConnectorConnection.tsx
+import { jsx as jsx12 } from "react/jsx-runtime";
+function ConnectorConnection({ type, ...props }) {
+  return type === "managed" ? /* @__PURE__ */ jsx12(ManagedConnection, { ...props }) : /* @__PURE__ */ jsx12(DeviceConnection, { ...props });
+}
+
+export {
+  DeviceConnection,
+  ConnectorConnection
+};
+/*! Bundled license information:
+
+qrcode.react/lib/esm/index.js:
+  (**
+   * @license QR Code generator library (TypeScript)
+   * Copyright (c) Project Nayuki.
+   * SPDX-License-Identifier: MIT
+   *)
+  (**
+   * @license qrcode.react
+   * Copyright (c) Paul O'Shannessy
+   * SPDX-License-Identifier: ISC
+   *)
+*/
+//# sourceMappingURL=chunk-FH5HA3GW.js.map