import assert from "node:assert/strict";
import { readFileSync } from "node:fs";
import test from "node:test";

import {
  CHAT_CHART_OPEN_STORAGE_KEY,
  CHAT_CHART_WIDTH_DEFAULT,
  CHAT_CHART_WIDTH_MAX,
  CHAT_CHART_WIDTH_MIN,
  CHAT_CHART_WIDTH_STORAGE_KEY,
  clampChatChartWidth,
  readStoredChatChartOpen,
  readStoredChatChartWidth,
  writeStoredChatChartOpen,
  writeStoredChatChartWidth,
  type ChatChartStorage,
} from "../src/lib/chat-chart-panel-state.ts";

function memoryStorage(seed: Record<string, string> = {}): ChatChartStorage & { values: Map<string, string> } {
  const values = new Map(Object.entries(seed));
  return {
    values,
    getItem: (key) => values.get(key) ?? null,
    setItem: (key, value) => { values.set(key, String(value)); },
  };
}

test("chat natal panel remembers open and width on this machine", () => {
  const storage = memoryStorage();
  // 原值：没存过 → false（默认收起）
  // 新值：没存过 → true（默认打开）；用户收起后记住 false
  // 原因：issue #114 Q8 A，产品 2026-10-27 定「一进聊天就出现盘」
  assert.equal(readStoredChatChartOpen(storage), true);
  assert.equal(readStoredChatChartWidth(storage), CHAT_CHART_WIDTH_DEFAULT);

  writeStoredChatChartOpen(true, storage);
  writeStoredChatChartWidth(480, storage);
  assert.equal(storage.values.get(CHAT_CHART_OPEN_STORAGE_KEY), "1");
  assert.equal(readStoredChatChartOpen(storage), true);
  assert.equal(readStoredChatChartWidth(storage), 480);

  writeStoredChatChartOpen(false, storage);
  assert.equal(readStoredChatChartOpen(storage), false);
  assert.equal(readStoredChatChartWidth(storage), 480);
});

// 原值：宽度 280～560；新值：320～760（默认 440）；原因：issue #114 M8 右栏装完整盘面、检视和九曜表
test("chat natal panel width stays between 320 and 760", () => {
  assert.equal(CHAT_CHART_WIDTH_MIN, 320);
  assert.equal(CHAT_CHART_WIDTH_MAX, 760);
  assert.equal(clampChatChartWidth(10), CHAT_CHART_WIDTH_MIN);
  assert.equal(clampChatChartWidth(900), CHAT_CHART_WIDTH_MAX);
  assert.equal(clampChatChartWidth(Number.NaN), CHAT_CHART_WIDTH_DEFAULT);
  const storage = memoryStorage();
  writeStoredChatChartWidth(12, storage);
  assert.equal(storage.values.get(CHAT_CHART_WIDTH_STORAGE_KEY), String(CHAT_CHART_WIDTH_MIN));
  assert.equal(readStoredChatChartWidth(memoryStorage({ [CHAT_CHART_WIDTH_STORAGE_KEY]: "nope" })), CHAT_CHART_WIDTH_DEFAULT);
});

// 原值：手机没有入口（`if (!ready || isMobile) return null`）
// 新值：手机有「看本命盘」按钮，点了才按需加载底部抽屉 chat-chart-sheet
// 原因：issue #114 Q8 后半句，产品 2026-10-27 同意「手机从底部拉起盘面」
test("the chat page loads the natal split only when the panel opens, and phones load a bottom sheet on demand", () => {
  const page = readFileSync(new URL("../src/app/(app)/page.tsx", import.meta.url), "utf8");
  const frame = readFileSync(new URL("../src/components/chat-chart-frame.tsx", import.meta.url), "utf8");
  const split = readFileSync(new URL("../src/components/chat-chart-split.tsx", import.meta.url), "utf8");
  assert.match(page, /<ChatChartToggle \/>/);
  // 原值：`<ChatChartFrame>`
  // 新值：`<ChatChartFrame switcher={subjectPicker}>`
  // 原因：issue #150 第 5 条，盘面顶部放同一个人物切换
  assert.match(page, /<ChatChartFrame switcher=\{subjectPicker\}>/);
  assert.doesNotMatch(page, /react-resizable-panels|vedic-chart-svg|chat-chart-split/);
  assert.match(frame, /打开本命盘/);
  assert.match(frame, /收起本命盘/);
  assert.match(frame, /if \(!ready\) return null/);
  assert.match(frame, /看本命盘/);
  assert.match(frame, /import\("@\/components\/chat-chart-sheet"\)/);
  assert.match(frame, /import\("@\/components\/chat-chart-split"\)/);
  // 原值：split 里要有 ResizablePanelGroup 和 collapsible
  // 新值：split 用 useDragWidth，拖到最小以下调 onOpenChange(false) 收起
  // 原因：组里只剩右栏一个面板时把手拖不动（BUG-1456）；聊天列不能进组（BUG-1448），所以改成不依赖分组的把手
  assert.match(split, /useDragWidth\(/);
  assert.match(split, /onCollapse: \(\) => onOpenChange\(false\)/);
  assert.doesNotMatch(split, /data-onboarding-draw/);
});