<script setup lang="ts">
/** 租户失联占位：租户详情各 tab 与实例 / 网络 / 存储等资源页在
 *  当前租户失联时整体替换内容区，避免各处「无数据」/ 报错造成误判。 */
defineProps<{ lastError?: string }>()
</script>

<template>
  <div class="panel flex flex-col items-center justify-center gap-2 px-6 py-16 text-center">
    <svg
      class="mb-1 h-9 w-9 text-ink-3"
      viewBox="0 0 24 24"
      fill="none"
      stroke="currentColor"
      stroke-width="1.6"
      stroke-linecap="round"
      stroke-linejoin="round"
      aria-hidden="true"
    >
      <path d="M18.84 12.25l1.72-1.71a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
      <path d="M5.17 11.75l-1.71 1.71a5 5 0 0 0 7.07 7.07l1.71-1.71" />
      <line x1="8" y1="2" x2="8" y2="5" />
      <line x1="2" y1="8" x2="5" y2="8" />
      <line x1="16" y1="19" x2="16" y2="22" />
      <line x1="19" y1="16" x2="22" y2="16" />
    </svg>
    <div class="text-sm font-semibold text-ink-2">租户已失联</div>
    <div v-if="lastError" class="mono max-w-130 text-xs break-all whitespace-pre-wrap text-ink-3">
      {{ lastError }}
    </div>
    <div class="max-w-95 text-[12.5px] text-ink-3">
      请检查 API Key 是否有效，修复后在租户页重新测活
    </div>
  </div>
</template>
