<!-- SPEC: PJ2026-010405 云端控制台. -->
<!-- Implementation reference: draft-2026-07-13-p0-cloud-console. -->

<script setup lang="ts">
export interface ConsoleStatusItem {
  id: string;
  label: string;
  value: string | number;
  tone?: "neutral" | "ok" | "warn" | "error" | "info";
  detail?: string;
}

withDefaults(defineProps<{ items: ConsoleStatusItem[]; label?: string; live?: "off" | "polite" | "assertive" }>(), {
  label: "页面状态",
  live: "off"
});
</script>

<template>
  <dl class="console-status-strip" :aria-label="label" :aria-live="live">
    <div v-for="item in items" :key="item.id" class="console-status-item" :data-tone="item.tone || 'neutral'" :title="item.detail">
      <dt>{{ item.label }}</dt>
      <dd>{{ item.value }}</dd>
    </div>
  </dl>
</template>
