// 自動保存延遲處理
if (saveTimeout) {
  clearTimeout(saveTimeout);
}

saveTimeout = setTimeout(() => {
  if (isModified && !isSaving && currentDocumentId) {
    saveDocument();
  }
}, 1500);

function updateSaveIndicator(state) {
  const indicator = document.getElementById('save-indicator');
  indicator.className = 'save-indicator';
  
  if (state === 'pending') indicator.classList.add('pending');
  else if (state === 'error') indicator.classList.add('error');
}

async function newDocument() {
  // 檢查未保存內(nèi)容
  if (isModified && currentDocumentId) {
    if (!confirm('當(dāng)前文檔有未保存的更改，是否先保存？')) {
      resetEditor();
      return;
    }
    await saveDocument();
  }

  // 調(diào)用后端API創(chuàng)建新文檔
  const response = await fetch('/new-document', { method: 'POST' });
  const result = await response.json();
  
  // 更新UI狀態(tài)
  currentDocumentId = result.document_id;
  currentDocumentName = "新文檔";
  vditorInstance.setValue("");
  window.history.replaceState({}, '', `/?document_id=${currentDocumentId}`);
}

async function loadDocument(documentId) {
  // 檢查當(dāng)前文檔是否有未保存更改
  if (isModified && currentDocumentId && currentDocumentId !== documentId) {
    if (!confirm('當(dāng)前文檔有未保存的更改，是否先保存？')) {
      proceedWithLoading(documentId);
      return;
    }
    const saveSuccess = await saveDocument();
    if (!saveSuccess) return;
  }
  
  // 正式加載文檔...
}

function renameFile(documentId, currentName) {
  renamingDocumentId = documentId;
  document.getElementById('rename-input').value = currentName;
  document.getElementById('rename-modal').style.display = 'flex';
}

async function confirmRename() {
  const newName = document.getElementById('rename-input').value.trim();
  if (!newName) return alert('文檔名稱不能為空');
  
  // 調(diào)用重命名API
  const response = await fetch(`/document/${renamingDocumentId}/rename`, {
    method: 'POST',
    body: JSON.stringify({ name: newName })
  });
  
  // 更新當(dāng)前文檔名稱顯示
  if (currentDocumentId === renamingDocumentId) {
    currentDocumentName = newName;
    document.getElementById('current-doc-name').textContent = newName;
  }
}

window.addEventListener('beforeunload', (e) => {
  if (isModified && !isSaving) {
    e.preventDefault();
    e.returnValue = '您有未保存的更改，確定要離開嗎？';
    return e.returnValue;
  }
});

@media (max-width: 768px) {
  .sidebar {
    position: absolute;
    left: -100%;
    transition: left 0.3s;
  }
  .sidebar.open {
    left: 0;
  }
}

<div class="status-bar">
  <div id="status">
    <div class="save-indicator" id="save-indicator"></div>
    <span>就緒</span>
  </div>
  <div class="auto-save">
    <span>自動保存已啟用</span>
  </div>
  <span id="charCount">0 字符</span>
</div>

function loadFileList() {
  // 獲取文檔列表...
  result.documents.forEach(doc => {
    const fileItem = document.createElement('div');
    fileItem.className = 'file-item';
    if (doc.id === currentDocumentId) fileItem.classList.add('active');
    
    // 重命名/刪除按鈕
    fileItem.innerHTML = `
      <div>
        <div>${doc.name}</div>
        <small>${new Date(doc.updated_at).toLocaleString()}</small>
      </div>
      <div class="file-actions">
        <button onclick="renameFile('${doc.id}', '${doc.name}')">??</button>
        <button onclick="deleteFile('${doc.id}')">???</button>
      </div>
    `;
  });
}