import { esc, pluginText as text } from "/assets/js/shared.js";
import { bytes, meter } from "/assets/js/overview.js";
const states = {mounted:["已挂载","Mounted"],unmounted:["未挂载","Unmounted"],missing:["设备未连接","Device disconnected"],unknown:["状态未确认","Unconfirmed"]};
export function storageCards(system, resources) {
  if(!Array.isArray(system.storage_inventory))return "";
  const inventory=new Map(system.storage_inventory.map(d=>["storage-"+d.id,d]));
  const presented=resources?.filter(r=>inventory.has(r.id));
  const disks=presented?.length?presented.map(r=>({...inventory.get(r.id),name:r.name,visible:!r.hidden})):system.storage_inventory;
  return disks.filter(d=>d.visible!==false).map(d=>{
    const percent=Number.isFinite(d.used_percent)&&d.state==="mounted"?d.used_percent:null;
    const label=text(...(states[d.state]||states.unknown));
    const detail=percent===null?label:`${bytes(d.used_bytes)} / ${bytes(d.capacity_bytes)} · ${text("剩余","Free")} ${bytes(d.free_bytes)}`;
    const location=d.mountpoint?`${text("挂载点","Mount point")}: ${d.mountpoint}`:d.device?`${text("设备","Device")}: ${d.device}`:"";
    return `<div class="metric" data-refresh-group="storage_inventory" data-storage-id="${esc(d.id)}" data-resource-id="storage-${esc(d.id)}"><div class="muted" title="${esc(location)}">${esc(d.name)}</div><div class="value">${percent===null?esc(label):percent.toFixed(1)+"%"}</div>${percent===null?"":meter(percent)}<div class="muted">${esc(detail)}</div></div>`;
  }).join("");
}
export async function addStorageSettings() {
  const editor=await import("/assets/js/storage-presentation.js");
  return editor.installStoragePresentation();
}