/* global Page, wx, require, clearTimeout, setTimeout */

const {
  addRecord,
  searchRecords,
  removeRecord,
  updateRecord,
  getSettings,
  DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK,
  normalizeVoiceRecordCategories
} = require("../../utils/storage");
const { pageOf } = require("../../utils/pagination");
const { buildThemeStyle, applyNavigationBarTheme } = require("../../utils/themeStyle");
const { buildButtonIconThemeMaps } = require("../../utils/themedIcons");
const { getWindowMetrics } = require("../../utils/systemInfoCompat");
const { buildPageCopy, formatTemplate, normalizeUiLanguage, t } = require("../../utils/i18n");
const { buildSvgButtonPressData, createSvgButtonPressMethods } = require("../../utils/svgButtonFeedback");

const PAGE_SIZE = 15;
/**
 * 左滑动作区固定为 2x2 四键：左列“废弃 / 已处理”，右列“复制 / 删除”。
 * 这里提供一个总宽度兜底，实际交互仍优先读取真实节点宽度。
 */
const SWIPE_ACTION_WIDTH_RPX = 240;
const DEFAULT_WINDOW_WIDTH_PX = 375;
const SWIPE_AXIS_LOCK_THRESHOLD_PX = 6;
const RECORD_EDIT_AUTOSAVE_DELAY_MS = 400;
const QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX = 120;
const QUICK_CATEGORY_DIALOG_MAX_WIDTH_PX = 240;
const QUICK_CATEGORY_DIALOG_MIN_HEIGHT_PX = Math.round((QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX * 3) / 4);
const QUICK_CATEGORY_BUBBLE_GAP_PX = 8;
const QUICK_CATEGORY_BUBBLE_RADIUS_BASE_PX = 12;
const QUICK_CATEGORY_BUBBLE_RADIUS_STEP_PX = 7.6;
const CATEGORY_COLOR_PALETTE = [
  { background: "rgba(91, 210, 255, 0.18)", border: "rgba(91, 210, 255, 0.36)" },
  { background: "rgba(255, 143, 107, 0.18)", border: "rgba(255, 143, 107, 0.36)" },
  { background: "rgba(141, 216, 123, 0.18)", border: "rgba(141, 216, 123, 0.36)" },
  { background: "rgba(255, 191, 105, 0.18)", border: "rgba(255, 191, 105, 0.36)" },
  { background: "rgba(199, 146, 234, 0.18)", border: "rgba(199, 146, 234, 0.36)" },
  { background: "rgba(255, 111, 145, 0.18)", border: "rgba(255, 111, 145, 0.36)" },
  { background: "rgba(99, 210, 255, 0.18)", border: "rgba(99, 210, 255, 0.36)" },
  { background: "rgba(78, 205, 196, 0.18)", border: "rgba(78, 205, 196, 0.36)" },
  { background: "rgba(255, 209, 102, 0.18)", border: "rgba(255, 209, 102, 0.36)" },
  { background: "rgba(144, 190, 109, 0.18)", border: "rgba(144, 190, 109, 0.36)" }
];

function resolveRecordCategories(settings) {
  const source = settings && typeof settings === "object" ? settings : {};
  const categories = normalizeVoiceRecordCategories(source.voiceRecordCategories);
  return categories.length > 0 ? categories : [DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK];
}

function resolveVisibleCategory(rawCategory, categories) {
  const normalized = String(rawCategory || "").trim();
  if (normalized && categories.includes(normalized)) return normalized;
  return DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK;
}

function resolveDefaultCategory(settings, categories) {
  const source = settings && typeof settings === "object" ? settings : {};
  const options = Array.isArray(categories) && categories.length > 0 ? categories : resolveRecordCategories(source);
  const normalized = String(source.voiceRecordDefaultCategory || "").trim();
  if (normalized && options.includes(normalized)) return normalized;
  return options[0] || DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK;
}

/**
 * 分类色按当前分类顺序稳定分配，优先保证当前页面里的分类彼此不同。
 * 历史脏值已在外层先回退到可见分类，这里直接按展示分类映射即可。
 */
function buildCategoryStyle(category, orderedCategories) {
  const label =
    String(category || DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK).trim() ||
    DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK;
  const categories = Array.isArray(orderedCategories) ? orderedCategories : [];
  const paletteIndex = Math.max(0, categories.indexOf(label));
  const palette =
    CATEGORY_COLOR_PALETTE[paletteIndex % CATEGORY_COLOR_PALETTE.length] || CATEGORY_COLOR_PALETTE[0];
  return `background:${palette.background};border-color:${palette.border};`;
}

function clampNumber(value, min, max) {
  return Math.max(min, Math.min(max, value));
}

function resolveQuickCategoryBubbleSize(category) {
  const length = Array.from(String(category || DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK)).length;
  return Math.min(52, Math.max(34, 24 + length * 7));
}

function intersectsPlacedBubble(left, top, size, placedBubbles) {
  const centerX = left + size / 2;
  const centerY = top + size / 2;
  return placedBubbles.some((bubble) => {
    const otherCenterX = bubble.left + bubble.size / 2;
    const otherCenterY = bubble.top + bubble.size / 2;
    const minDistance = size / 2 + bubble.size / 2 + QUICK_CATEGORY_BUBBLE_GAP_PX;
    return Math.hypot(centerX - otherCenterX, centerY - otherCenterY) < minDistance;
  });
}

function buildBubbleCloudForBox(orderedCategories, currentCategory, width, height, colorCategories) {
  const centerX = width / 2;
  const centerY = height / 2;
  const placedBubbles = [];
  let collisionCount = 0;
  const items = orderedCategories.map((category, index) => {
    const size = resolveQuickCategoryBubbleSize(category);
    if (index === 0) {
      const left = Math.max(0, Math.min(width - size, centerX - size / 2));
      const top = Math.max(0, Math.min(height - size, centerY - size / 2));
      placedBubbles.push({ left, top, size });
      return {
        active: category === currentCategory,
        category,
        style: `width:${size}px;height:${size}px;left:${left}px;top:${top}px;`,
        categoryStyle: buildCategoryStyle(category, colorCategories)
      };
    }

    let fallbackLeft = Math.max(0, Math.min(width - size, centerX - size / 2));
    let fallbackTop = Math.max(0, Math.min(height - size, centerY - size / 2));
    let placed = false;
    for (let step = 1; step <= 320; step += 1) {
      const angle = step * 0.72;
      const radius =
        QUICK_CATEGORY_BUBBLE_RADIUS_BASE_PX + Math.sqrt(step) * QUICK_CATEGORY_BUBBLE_RADIUS_STEP_PX;
      const candidateLeft = centerX + Math.cos(angle) * radius - size / 2;
      const candidateTop = centerY + Math.sin(angle) * radius * 1.08 - size / 2;
      const isWithinWidth = candidateLeft >= 0 && candidateLeft + size <= width;
      const isWithinHeight = candidateTop >= 0 && candidateTop + size <= height;
      if (!isWithinWidth || !isWithinHeight) continue;
      if (intersectsPlacedBubble(candidateLeft, candidateTop, size, placedBubbles)) continue;
      fallbackLeft = candidateLeft;
      fallbackTop = candidateTop;
      placed = true;
      break;
    }
    if (!placed) collisionCount += 1;
    placedBubbles.push({ left: fallbackLeft, top: fallbackTop, size });
    return {
      active: category === currentCategory,
      category,
      style: `width:${size}px;height:${size}px;left:${fallbackLeft}px;top:${fallbackTop}px;`,
      categoryStyle: buildCategoryStyle(category, colorCategories)
    };
  });
  return { collisionCount, items };
}

function buildQuickCategoryLayout(categories, currentCategory, maxWidthPx) {
  const colorCategories = categories.slice();
  const orderedCategories = categories.slice().sort((left, right) => {
    if (left === currentCategory) return -1;
    if (right === currentCategory) return 1;
    return categories.indexOf(left) - categories.indexOf(right);
  });
  const longestLength = orderedCategories.reduce(
    (max, category) => Math.max(max, Array.from(String(category || "")).length),
    0
  );
  const estimatedWidth =
    QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX +
    Math.max(0, orderedCategories.length - 3) * 22 +
    Math.max(0, longestLength - 2) * 8;
  const maxWidth = clampNumber(
    maxWidthPx || QUICK_CATEGORY_DIALOG_MAX_WIDTH_PX,
    QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX,
    QUICK_CATEGORY_DIALOG_MAX_WIDTH_PX
  );
  let bestWidth = clampNumber(estimatedWidth, QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX, maxWidth);
  let bestHeight = Math.max(QUICK_CATEGORY_DIALOG_MIN_HEIGHT_PX, Math.round((bestWidth * 3) / 4));
  let bestLayout = buildBubbleCloudForBox(
    orderedCategories,
    currentCategory,
    bestWidth,
    bestHeight,
    colorCategories
  );

  for (let width = QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX; width <= maxWidth; width += 20) {
    const height = Math.max(QUICK_CATEGORY_DIALOG_MIN_HEIGHT_PX, Math.round((width * 3) / 4));
    const candidateLayout = buildBubbleCloudForBox(
      orderedCategories,
      currentCategory,
      width,
      height,
      colorCategories
    );
    if (candidateLayout.collisionCount < bestLayout.collisionCount) {
      bestWidth = width;
      bestHeight = height;
      bestLayout = candidateLayout;
    }
    if (candidateLayout.collisionCount === 0 && width >= bestWidth) {
      bestWidth = width;
      bestHeight = height;
      bestLayout = candidateLayout;
      break;
    }
  }

  return {
    width: bestWidth,
    height: bestHeight,
    items: bestLayout.items
  };
}

/**
 * 闪念页（小程序对齐 Web v2.2.0）：
 * 1. 顶部提供搜索和分类过滤；
 * 2. 支持左滑废弃 / 已处理 / 复制 / 删除、点击正文编辑、点击分类快速改分类；
 * 3. 过滤后分页，底部分页与新增 / 导出分区展示。
 */
Page({
  data: {
    ...buildSvgButtonPressData(),
    themeStyle: "",
    icons: {},
    accentIcons: {},
    copy: buildPageCopy("zh-Hans", "records"),
    page: 1,
    total: 0,
    totalPages: 1,
    rows: [],
    query: "",
    selectedCategory: "",
    categoryOptions: [],
    categoryMenuVisible: false,
    quickCategoryPopupVisible: false,
    quickCategoryRecordId: "",
    quickCategoryItems: [],
    quickCategoryWidthPx: QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX,
    quickCategoryHeightPx: QUICK_CATEGORY_DIALOG_MIN_HEIGHT_PX,
    quickCategoryPanelStyle: "",
    editPopupVisible: false,
    editRecordId: "",
    editContent: "",
    editCategory: "",
    editUpdatedAtText: "",
    editUpdatedAtLabel: "",
    pageIndicatorText: t("zh-Hans", "common.pageIndicator", { page: 1, total: 1 })
  },

  swipeRuntime: null,
  editAutoSaveTimer: null,

  onShow() {
    this.syncWindowMetrics();
    const settings = getSettings();
    const language = normalizeUiLanguage(settings.uiLanguage);
    const copy = buildPageCopy(language, "records");
    const { icons, accentIcons } = buildButtonIconThemeMaps(settings);
    applyNavigationBarTheme(settings);
    wx.setNavigationBarTitle({ title: copy.navTitle || "闪念" });
    this.setData({
      themeStyle: buildThemeStyle(settings),
      icons,
      accentIcons,
      copy
    });
    this.reload();
  },

  onHide() {
    this.flushEditAutoSave();
  },

  onUnload() {
    this.flushEditAutoSave();
  },

  syncWindowMetrics() {
    try {
      const info = getWindowMetrics(wx);
      const width = Number(info.windowWidth);
      const height = Number(info.windowHeight);
      this.windowWidthPx = Number.isFinite(width) && width > 0 ? width : DEFAULT_WINDOW_WIDTH_PX;
      this.windowHeightPx = Number.isFinite(height) && height > 0 ? height : 667;
    } catch {
      this.windowWidthPx = DEFAULT_WINDOW_WIDTH_PX;
      this.windowHeightPx = 667;
    }
  },

  buildQuickCategoryPanelStyle(anchorRect, layout) {
    const rect = anchorRect && typeof anchorRect === "object" ? anchorRect : {};
    const width = Number(layout && layout.width) || QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX;
    const height = Number(layout && layout.height) || QUICK_CATEGORY_DIALOG_MIN_HEIGHT_PX;
    const windowWidth = Number(this.windowWidthPx) || DEFAULT_WINDOW_WIDTH_PX;
    const windowHeight = Number(this.windowHeightPx) || 667;
    const panelPadding = 12;
    const gap = 8;
    const buttonLeft = Number(rect.left) || 0;
    const buttonTop = Number(rect.top) || 0;
    const buttonWidth = Number(rect.width) || 0;
    const buttonHeight = Number(rect.height) || 0;

    let left = buttonLeft + buttonWidth + gap;
    if (left + width + panelPadding > windowWidth) {
      left = buttonLeft - width - gap;
    }
    left = clampNumber(left, panelPadding, Math.max(panelPadding, windowWidth - width - panelPadding));

    const buttonCenterY = buttonTop + buttonHeight / 2;
    let top = buttonCenterY - height / 2 - panelPadding;
    top = clampNumber(top, panelPadding, Math.max(panelPadding, windowHeight - height - panelPadding));

    return `left:${left}px;top:${top}px;`;
  },

  getSwipeRevealPx() {
    if (Number.isFinite(this.swipeRevealPx) && this.swipeRevealPx > 0) {
      return this.swipeRevealPx;
    }
    const windowWidth = Number(this.windowWidthPx) || DEFAULT_WINDOW_WIDTH_PX;
    const actionWidthPx = Math.round((windowWidth * SWIPE_ACTION_WIDTH_RPX) / 750);
    return Math.max(24, actionWidthPx);
  },

  syncSwipeRevealWidth() {
    const query = this.createSelectorQuery();
    query
      .select(".record-item-actions-wrap")
      .boundingClientRect((rect) => {
        const width = Number(rect && rect.width);
        if (!Number.isFinite(width) || width <= 0) return;
        this.swipeRevealPx = Math.max(24, Math.round(width));
      })
      .exec();
  },

  /**
   * 先按关键字过滤，再用当前有效分类做展示过滤，保持与 web 的语义一致。
   */
  reload() {
    const settings = getSettings();
    const { icons, accentIcons } = buildButtonIconThemeMaps(settings);
    const categoryOptions = resolveRecordCategories(settings);
    const selectedCategory = categoryOptions.includes(this.data.selectedCategory)
      ? this.data.selectedCategory
      : "";
    const keyword = String(this.data.query || "").trim();
    const filtered = searchRecords({ keyword }).filter(
      (item) =>
        !selectedCategory || resolveVisibleCategory(item.category, categoryOptions) === selectedCategory
    );
    const paged = pageOf(filtered, this.data.page, PAGE_SIZE);
    const language = normalizeUiLanguage(settings.uiLanguage);
    const nextOffsets = {};
    const rows = paged.rows.map((item) => {
      const displayCategory = resolveVisibleCategory(item.category, categoryOptions);
      const swipeOffsetX =
        this.swipeOffsets && Number(this.swipeOffsets[item.id]) ? this.swipeOffsets[item.id] : 0;
      nextOffsets[item.id] = swipeOffsetX;
      return {
        ...item,
        processed: item.processed === true,
        discarded: item.discarded === true,
        isMuted: false,
        displayCategory,
        categoryStyle: buildCategoryStyle(displayCategory, categoryOptions),
        timeText: this.formatTime(item.createdAt),
        updatedAtText: this.formatTime(item.updatedAt),
        contextLabelText: item.contextLabel || this.data.copy.contextFallback || "未设置上下文",
        swipeOffsetX
      };
    });
    this.swipeOffsets = nextOffsets;
    this.swipeRuntime = null;
    this.setData(
      {
        themeStyle: buildThemeStyle(settings),
        icons,
        accentIcons,
        categoryOptions,
        selectedCategory,
        categoryMenuVisible: false,
        page: paged.page,
        total: paged.total,
        totalPages: paged.totalPages,
        rows,
        pageIndicatorText: t(language, "common.pageIndicator", {
          page: paged.page,
          total: paged.totalPages
        })
      },
      () => this.syncSwipeRevealWidth()
    );
  },

  formatTime(input) {
    if (!input) return "--";
    const date = new Date(input);
    if (Number.isNaN(+date)) return "--";
    const pad = (value) => String(value).padStart(2, "0");
    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
  },

  onQueryInput(event) {
    this.setData({ query: String(event.detail.value || ""), page: 1 }, () => this.reload());
  },

  onToggleCategoryMenu() {
    this.closeAllRows();
    this.closeQuickCategoryPopup();
    this.setData({ categoryMenuVisible: !this.data.categoryMenuVisible });
  },

  onSelectFilterCategory(event) {
    const category = String(event.currentTarget.dataset.category || "");
    this.setData({ selectedCategory: category, categoryMenuVisible: false, page: 1 }, () => this.reload());
  },

  onPrev() {
    this.setData({ page: Math.max(1, this.data.page - 1) }, () => this.reload());
  },

  onNext() {
    this.setData({ page: Math.min(this.data.totalPages, this.data.page + 1) }, () => this.reload());
  },

  /**
   * 新增入口复用现有编辑弹层：
   * 1. 先以空草稿和默认分类打开；
   * 2. 首次输入非空内容后自动创建记录；
   * 3. 后续继续沿用原有编辑自动保存链路。
   */
  onOpenCreate() {
    const settings = getSettings();
    const categoryOptions = this.data.categoryOptions.length
      ? this.data.categoryOptions.slice()
      : resolveRecordCategories(settings);
    this.clearEditAutoSaveTimer();
    this.closeAllRows();
    this.closeQuickCategoryPopup();
    this.setData({
      categoryMenuVisible: false,
      editPopupVisible: true,
      editRecordId: "",
      editContent: "",
      editCategory: resolveDefaultCategory(settings, categoryOptions),
      editUpdatedAtText: "",
      editUpdatedAtLabel: this.data.copy.newRecordHint || "输入后自动保存为新闪念"
    });
  },

  resolveTouchPoint(event) {
    const point =
      (event && event.touches && event.touches[0]) ||
      (event && event.changedTouches && event.changedTouches[0]) ||
      null;
    if (!point) return null;
    const x = Number(point.clientX);
    const y = Number(point.clientY);
    if (!Number.isFinite(x) || !Number.isFinite(y)) return null;
    return { x, y };
  },

  clampSwipeOffset(value) {
    const revealPx = this.getSwipeRevealPx();
    const numeric = Number(value);
    if (!Number.isFinite(numeric)) return 0;
    if (numeric < -revealPx) return -revealPx;
    if (numeric > 0) return 0;
    return numeric;
  },

  findRowIndexById(id) {
    return this.data.rows.findIndex((item) => item.id === id);
  },

  updateRowSwipeOffset(id, offset) {
    const index = this.findRowIndexById(id);
    if (index < 0) return;
    const normalized = this.clampSwipeOffset(offset);
    this.swipeOffsets[id] = normalized;
    this.setData({ [`rows[${index}].swipeOffsetX`]: normalized });
  },

  closeOtherRows(exceptId) {
    const updates = {};
    this.data.rows.forEach((item, index) => {
      if (item.id === exceptId) return;
      if (item.swipeOffsetX === 0) return;
      this.swipeOffsets[item.id] = 0;
      updates[`rows[${index}].swipeOffsetX`] = 0;
    });
    if (Object.keys(updates).length > 0) this.setData(updates);
  },

  closeAllRows() {
    const updates = {};
    this.data.rows.forEach((item, index) => {
      if (item.swipeOffsetX === 0) return;
      this.swipeOffsets[item.id] = 0;
      updates[`rows[${index}].swipeOffsetX`] = 0;
    });
    if (Object.keys(updates).length > 0) this.setData(updates);
  },

  onListTap() {
    this.closeAllRows();
    if (this.data.categoryMenuVisible) {
      this.setData({ categoryMenuVisible: false });
    }
    this.closeQuickCategoryPopup();
  },

  onRecordTouchStart(event) {
    const id = event.currentTarget.dataset.id;
    if (!id) return;
    const point = this.resolveTouchPoint(event);
    if (!point) return;
    this.closeOtherRows(id);
    this.swipeRuntime = {
      id,
      startX: point.x,
      startY: point.y,
      startOffsetX: this.clampSwipeOffset((this.swipeOffsets && this.swipeOffsets[id]) || 0),
      dragging: false,
      blocked: false
    };
  },

  onRecordTouchMove(event) {
    const runtime = this.swipeRuntime;
    if (!runtime || runtime.blocked) return;
    const id = event.currentTarget.dataset.id;
    if (!id || id !== runtime.id) return;
    const point = this.resolveTouchPoint(event);
    if (!point) return;

    const deltaX = point.x - runtime.startX;
    const deltaY = point.y - runtime.startY;
    if (!runtime.dragging) {
      if (
        Math.abs(deltaX) < SWIPE_AXIS_LOCK_THRESHOLD_PX &&
        Math.abs(deltaY) < SWIPE_AXIS_LOCK_THRESHOLD_PX
      ) {
        return;
      }
      if (Math.abs(deltaY) > Math.abs(deltaX)) {
        runtime.blocked = true;
        return;
      }
      runtime.dragging = true;
    }

    this.updateRowSwipeOffset(id, runtime.startOffsetX + deltaX);
  },

  onRecordTouchEnd(event) {
    const runtime = this.swipeRuntime;
    this.swipeRuntime = null;
    if (!runtime || runtime.blocked) return;
    const id = event.currentTarget.dataset.id;
    if (!id || id !== runtime.id) return;
    const revealPx = this.getSwipeRevealPx();
    const current = this.clampSwipeOffset((this.swipeOffsets && this.swipeOffsets[id]) || 0);
    const shouldOpen = current <= -revealPx * 0.45;
    this.updateRowSwipeOffset(id, shouldOpen ? -revealPx : 0);
  },

  onDelete(event) {
    const id = String(event.currentTarget.dataset.id || "");
    if (!id) return;
    removeRecord(id);
    if (this.swipeOffsets) delete this.swipeOffsets[id];
    wx.showToast({ title: this.data.copy?.toast?.deleted || "已删除", icon: "success" });
    this.reload();
  },

  onCopy(event) {
    const id = String(event.currentTarget.dataset.id || "");
    const record = this.data.rows.find((item) => item.id === id);
    if (!record) return;
    wx.setClipboardData({
      data: String(record.content || ""),
      success: () => {
        this.closeAllRows();
        wx.showToast({ title: this.data.copy?.toast?.copied || "已复制", icon: "success" });
      }
    });
  },

  /**
   * “已处理”是一次性整理动作：
   * 1. 仅把当前闪念标记为已处理；
   * 2. 已处理状态继续允许编辑，但列表会整体降到 60% opacity；
   * 3. 重复点击保持幂等，只回显同一条成功提示。
   */
  onMarkProcessed(event) {
    const id = String(event.currentTarget.dataset.id || "");
    const record = this.data.rows.find((item) => item.id === id);
    if (!record) return;
    if (record.processed && !record.discarded) {
      this.closeAllRows();
      wx.showToast({ title: this.data.copy?.toast?.processed || "已处理", icon: "success" });
      return;
    }
    const updated = updateRecord({
      id: record.id,
      content: record.content,
      category: record.category || record.displayCategory,
      processed: true,
      discarded: false
    });
    if (!updated) {
      wx.showToast({ title: this.data.copy?.toast?.updateFailed || "更新失败", icon: "none" });
      return;
    }
    this.closeAllRows();
    wx.showToast({ title: this.data.copy?.toast?.processed || "已处理", icon: "success" });
    this.reload();
  },

  /**
   * “废弃”与“已处理”同属终态：
   * 1. 写入废弃后会自动取消已处理，保证两种状态互斥；
   * 2. 当前版本仅按需求收口按钮与状态，不额外改变正文内容；
   * 3. 列表视觉同样按 60% opacity 弱化，便于后续统一筛看。
   */
  onMarkDiscarded(event) {
    const id = String(event.currentTarget.dataset.id || "");
    const record = this.data.rows.find((item) => item.id === id);
    if (!record) return;
    if (record.discarded && !record.processed) {
      this.closeAllRows();
      wx.showToast({ title: this.data.copy?.toast?.discarded || "已废弃", icon: "success" });
      return;
    }
    const updated = updateRecord({
      id: record.id,
      content: record.content,
      category: record.category || record.displayCategory,
      processed: false,
      discarded: true
    });
    if (!updated) {
      wx.showToast({ title: this.data.copy?.toast?.updateFailed || "更新失败", icon: "none" });
      return;
    }
    this.closeAllRows();
    wx.showToast({ title: this.data.copy?.toast?.discarded || "已废弃", icon: "success" });
    this.reload();
  },

  /**
   * 点击左侧分类胶囊，改为页内弹层气泡云，避免原生 action sheet 破坏当前页面语义。
   */
  onQuickCategoryTap(event) {
    const recordId = String(event.currentTarget.dataset.id || "");
    const record = this.data.rows.find((item) => item.id === recordId);
    if (!record) return;
    const categories = this.data.categoryOptions.slice();
    if (categories.length === 0) return;
    const maxWidth = Math.max(
      QUICK_CATEGORY_DIALOG_MIN_WIDTH_PX,
      Math.min(
        QUICK_CATEGORY_DIALOG_MAX_WIDTH_PX,
        (Number(this.windowWidthPx) || DEFAULT_WINDOW_WIDTH_PX) - 48
      )
    );
    const layout = buildQuickCategoryLayout(categories, record.displayCategory, maxWidth);
    const anchorId = `#quick-category-${record.id}`;
    const query = this.createSelectorQuery();
    query.select(anchorId).boundingClientRect((rect) => {
      const panelStyle = this.buildQuickCategoryPanelStyle(rect, layout);
      this.closeAllRows();
      this.setData({
        quickCategoryPopupVisible: true,
        quickCategoryRecordId: record.id,
        quickCategoryItems: layout.items,
        quickCategoryWidthPx: layout.width,
        quickCategoryHeightPx: layout.height,
        quickCategoryPanelStyle: panelStyle
      });
    });
    query.exec();
  },

  closeQuickCategoryPopup() {
    if (!this.data.quickCategoryPopupVisible) return;
    this.setData({
      quickCategoryPopupVisible: false,
      quickCategoryRecordId: "",
      quickCategoryItems: [],
      quickCategoryPanelStyle: ""
    });
  },

  onApplyQuickCategory(event) {
    const recordId = String(this.data.quickCategoryRecordId || "");
    const record = this.data.rows.find((item) => item.id === recordId);
    const nextCategory = String(event.currentTarget.dataset.category || "");
    if (!record || !nextCategory || nextCategory === record.displayCategory) {
      this.closeQuickCategoryPopup();
      return;
    }
    const updated = updateRecord({
      id: record.id,
      content: record.content,
      category: nextCategory
    });
    if (!updated) {
      wx.showToast({ title: this.data.copy?.toast?.updateFailed || "更新失败", icon: "none" });
      return;
    }
    wx.showToast({ title: this.data.copy?.toast?.categoryUpdated || "分类已更新", icon: "success" });
    this.closeQuickCategoryPopup();
    this.reload();
  },

  onOpenEdit(event) {
    const recordId = String(event.currentTarget.dataset.id || "");
    const record = this.data.rows.find((item) => item.id === recordId);
    if (!record) return;
    if (Number(record.swipeOffsetX) < 0) {
      this.updateRowSwipeOffset(recordId, 0);
      return;
    }
    this.clearEditAutoSaveTimer();
    this.setData({
      editPopupVisible: true,
      editRecordId: record.id,
      editContent: record.content || "",
      editCategory: record.displayCategory,
      editUpdatedAtText: record.updatedAtText || this.formatTime(record.updatedAt),
      editUpdatedAtLabel: formatTemplate(this.data.copy.updatedAtPrefix, {
        time: record.updatedAtText || this.formatTime(record.updatedAt)
      })
    });
  },

  resetEditState() {
    this.clearEditAutoSaveTimer();
    this.setData({
      editPopupVisible: false,
      editRecordId: "",
      editContent: "",
      editCategory: "",
      editUpdatedAtText: "",
      editUpdatedAtLabel: ""
    });
  },

  onCloseEdit() {
    this.flushEditAutoSave();
    this.resetEditState();
  },

  onEditContentInput(event) {
    this.setData({ editContent: String(event.detail.value || "") }, () => this.scheduleEditAutoSave());
  },

  onEditCategoryTap(event) {
    const category = String(event.currentTarget.dataset.category || "");
    if (!category) return;
    this.setData({ editCategory: category }, () => this.scheduleEditAutoSave());
  },

  /**
   * 编辑弹窗改为自动保存：
   * 1. 内容或分类变化后走 400ms 防抖；
   * 2. 关闭弹窗、页面隐藏、页面卸载时立即 flush；
   * 3. 空内容继续不写回存储，避免误清空历史闪念。
   */
  persistEditDraft() {
    const recordId = String(this.data.editRecordId || "").trim();
    const content = String(this.data.editContent || "").trim();
    const category = String(this.data.editCategory || "").trim();
    if (!content) return null;
    if (!recordId) {
      const created = addRecord(content, "", {
        category: category || DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK
      });
      if (!created) return null;
      const updatedAtText = this.formatTime(created.updatedAt);
      this.reload();
      this.setData({
        editRecordId: created.id,
        editContent: created.content,
        editCategory: created.category,
        editUpdatedAtText: updatedAtText,
        editUpdatedAtLabel: formatTemplate(this.data.copy.updatedAtPrefix, { time: updatedAtText })
      });
      return created;
    }
    const currentRecord = searchRecords({ keyword: "" }).find((item) => item.id === recordId);
    const normalizedCategory = category || DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK;
    if (
      currentRecord &&
      String(currentRecord.content || "").trim() === content &&
      String(currentRecord.category || DEFAULT_VOICE_RECORD_CATEGORY_FALLBACK).trim() === normalizedCategory
    ) {
      return currentRecord;
    }
    const updated = updateRecord({
      id: recordId,
      content,
      category: normalizedCategory
    });
    if (!updated) return null;
    this.reload();
    const updatedAtText = this.formatTime(updated.updatedAt);
    this.setData({
      editUpdatedAtText: updatedAtText,
      editUpdatedAtLabel: formatTemplate(this.data.copy.updatedAtPrefix, { time: updatedAtText })
    });
    return updated;
  },

  clearEditAutoSaveTimer() {
    if (!this.editAutoSaveTimer) return;
    clearTimeout(this.editAutoSaveTimer);
    this.editAutoSaveTimer = null;
  },

  scheduleEditAutoSave() {
    if (!this.data.editPopupVisible) return;
    this.clearEditAutoSaveTimer();
    this.editAutoSaveTimer = setTimeout(() => {
      this.editAutoSaveTimer = null;
      this.persistEditDraft();
    }, RECORD_EDIT_AUTOSAVE_DELAY_MS);
  },

  flushEditAutoSave() {
    this.clearEditAutoSaveTimer();
    this.persistEditDraft();
  },

  onExport() {
    const settings = getSettings();
    const categoryOptions = resolveRecordCategories(settings);
    const selectedCategory = categoryOptions.includes(this.data.selectedCategory)
      ? this.data.selectedCategory
      : "";
    const keyword = String(this.data.query || "").trim();
    const rows = searchRecords({ keyword }).filter(
      (item) =>
        !selectedCategory || resolveVisibleCategory(item.category, categoryOptions) === selectedCategory
    );
    const content = rows
      .map((item) => {
        const displayCategory = resolveVisibleCategory(item.category, categoryOptions);
        const exportFields = this.data.copy.exportFields || {};
        return [
          `${exportFields.createdAt || "创建时间"}：${this.formatTime(item.createdAt)}`,
          `${exportFields.updatedAt || "更新时间"}：${this.formatTime(item.updatedAt)}`,
          `${exportFields.server || "服务器"}：${item.serverId || "-"}`,
          `${exportFields.category || "分类"}：${displayCategory}`,
          `${exportFields.context || "上下文"}：${item.contextLabel || "-"}`,
          String(item.content || "")
        ].join("\n");
      })
      .join("\n\n");
    wx.setClipboardData({
      data: content || "",
      success: () => wx.showToast({ title: this.data.copy?.toast?.exported || "闪念已复制", icon: "success" })
    });
  },

  noop() {},
  ...createSvgButtonPressMethods()
});