報價工作台

// webmcp/context.ts
export function getModelContext(): any | null {
  const fromDocument = (document as any).modelContext;
  if (fromDocument) return fromDocument;

  // Chrome 149 仍只有 navigator 版本
  return (navigator as any).modelContext ?? null;
}

export function hasModelContext(): boolean {
  return typeof getModelContext()?.registerTool === 'function';
}

interface ToolDef {
  name: string;
  description: string;        // agent 靠這句決定要不要呼叫，寫清楚
  inputSchema?: JSONSchema;   // 標準 JSON Schema
  annotations?: {
    readOnlyHint?: boolean;      // 不改變狀態 → agent 可放心多呼叫
    untrustedContentHint?: boolean;
  };
  execute: (input: any) => Promise<string>;
}

let controller: AbortController | null = null;

export async function enterQuoteMode(): Promise<void> {
  controller?.abort();              // 取消上一組註冊
  controller = new AbortController();

  const ctx = getModelContext();
  if (!ctx) return;                 // 沒有 WebMCP → 走 fallback 面板

  let registered = 0;

  for (const tool of quoteTools) {
    try {
      await ctx.registerTool(tool, { signal: controller.signal });
      registered += 1;
    } catch (error) {
      // 註冊失敗絕不能靜默：「物件存在」和「agent 看得到 12 個 tool」
      // 是兩件事，只有後者算數。把數字顯示在畫面角落。
      console.warn(`tool "${tool.name}" 註冊失敗`, error);
    }
  }

  showBadge(`WebMCP: ${registered}/${quoteTools.length} tools`);
}

interface QuoteState {
  project: { name: string; industry: string | null };

  scenarios: Scenario[];          // A 案、B 案
  activeScenarioId: string;
  compareWith: string | null;      // 非 null 時畫面進入並排模式

  budget: number | null;          // 客戶預算上限，用來算超支
  confidence: 'rough' | 'initial' | 'formal';

  // 給 agent 看的：人最近動了什麼
  lastHumanEdit: HumanEdit | null;
}

interface Scenario {
  id: string;
  name: string;                  // 「SaaS 混搭」
  items: ScopeItem[];
  factors: ComplexityFactor[];
}

interface ScopeItem {
  id: string;
  module: string;                // 「預約排程系統」
  daysMin: number; daysMax: number;
  rate: number;                  // 人天單價
  included: boolean;             // 勾選狀態
  optional: boolean;             // 選配區
  source: 'ai' | 'human';        // ← 畫面上的來源標記
  note: string | null;           // 查證到的費率等附註
}

interface HumanEdit {
  action: 'toggle' | 'remove' | 'budget' | 'factor';
  target: string;
  before: unknown; after: unknown;
  totalBefore: number; totalAfter: number;
  at: number;
}

export function priceOf(scenario: Scenario) {
  const active = scenario.items.filter((item) => item.included);

  const devMin = sum(active, (i) => i.daysMin * i.rate);
  const devMax = sum(active, (i) => i.daysMax * i.rate);

  // 係數相乘，但總係數上限 2.2（價目表規則）
  const factor = Math.min(
    scenario.factors.filter((f) => f.on).reduce((acc, f) => acc * f.value, 1),
    2.2,
  );

  const pm = 0.12;
  return {
    devMin, devMax, factor,
    total: Math.round(devMax * factor * (1 + pm)),
  };
}

const toggleScopeItem: ToolDef = {
  name: 'toggle_scope_item',
  description:
    '勾選或取消報價單上的一個項目。取消後該項不計入總價，' +
    '畫面即時重算。用於回應「這項不要」「把金流加回來」。',
  inputSchema: {
    type: 'object',
    properties: {
      item_id: { type: 'string', description: '項目 id，可從 get_quote_state 取得' },
      included: { type: 'boolean', description: 'true 計入、false 排除' },
    },
    required: ['item_id', 'included'],
  },
  annotations: { readOnlyHint: false },

  async execute(input) {
    const item = findItem(input.item_id);
    if (!item) {
      return `找不到項目 ${input.item_id}。先呼叫 get_quote_state 取得目前清單。`;
    }

    const before = currentTotal();
    patchState({ /* 改 included，並標記 source: 'ai' */ });
    const after = currentTotal();

    // 回傳「畫面變成什麼樣」——agent 據此決定要不要接話
    return (
      `已${input.included ? '加入' : '排除'}「${item.module}」。` +
      `總價 ${fmt(before)} → ${fmt(after)}。` +
      (after > budget() ? ` 仍超出預算 ${fmt(after - budget())}。` : ' 已在預算內。')
    );
  },
};

const estimateUnknownModule: ToolDef = {
  name: 'estimate_unknown_module',
  description:
    '當客戶提到價目表沒有的功能時，請報價 agent 估算人天與金額。' +
    'agent 會在需要時上網查證（第三方服務費率、平台能力）。',
  inputSchema: {
    type: 'object',
    properties: { description: { type: 'string', description: '功能的白話描述' } },
    required: ['description'],
  },

  async execute(input) {
    const pending = addPendingRow(input.description);   // 畫面先長出骨架列

    try {
      const res = await fetch('/api/quote/estimate', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          description: input.description,
          conversation_id: getState().conversationId,   // 續談
        }),
      });

      if (!res.ok) throw new Error(`HTTP ${res.status}`);

      const data = await res.json();
      fillRow(pending.id, data);                        // 回填真實數字

      return `已加入「${data.module}」：${data.days_min}–${data.days_max} 人天，` +
             `${fmt(data.amount)}。${data.note ?? ''}`;
    } catch (error) {
      markRowFailed(pending.id);                        // 畫面不能卡在轉圈
      return `估算失敗：${String(error)}。可以手動用 add_scope_item 填入。`;
    }
  },
};

export function patchState(partial: Partial<QuoteState>): void {
  Object.assign(state, partial);
  sync();
}

function sync(): void {
  // 只推「摘要」，不是整份 state。agent 的 context 很貴，
  // 而且它需要的是「現在長什麼樣」，不是每個欄位。
  const summary = {
    project: state.project.name,
    activeScenario: activeScenario().name,
    comparing: state.compareWith ? bothScenarioNames() : null,
    total: priceOf(activeScenario()).total,
    budget: state.budget,
    overBudget: overBudgetAmount(),
    included: activeScenario().items.filter((i) => i.included).map((i) => i.module),
    excluded: activeScenario().items.filter((i) => !i.included).map((i) => i.module),
    lastHumanEdit: state.lastHumanEdit,     // ← 關鍵欄位
  };

  try {
    getModelContext()?.provideContext?.(summary);
  } catch { /* 沒有 WebMCP 時靜默略過 */ }

  // 同一份狀態也驅動畫面重繪與 fallback 面板
  document.dispatchEvent(new CustomEvent('quote:state', { detail: { ...state } }));
}

// 使用者點擊報價單上的勾選框
function onHumanToggle(itemId: string, included: boolean): void {
  const item = findItem(itemId);
  const totalBefore = currentTotal();

  applyToggle(itemId, included, { source: 'human' });   // 標記為人改的

  patchState({
    lastHumanEdit: {
      action: 'toggle',
      target: item.module,
      before: !included, after: included,
      totalBefore, totalAfter: currentTotal(),
      at: Date.now(),
    },
  });

  // 有些 WebMCP 實作允許頁面主動發訊息給 agent。
  // 沒有這個能力時，agent 也會在下一輪從 provideContext 讀到 lastHumanEdit。
  notifyAgent(
    `使用者手動${included ? '加回' : '移除'}了「${item.module}」，` +
    `總價變成 ${fmt(currentTotal())}。請評估這個取捨的後果。`
  );
}

// request
{
  "description": "要能讓美容師用手機看今天的預約並改時段",
  "conversation_id": "b22ad48e-…"      // 可省略，省略則開新對話
}

// response
{
  "conversation_id": "b22ad48e-…",
  "module": "美容師行動端排班檢視",
  "days_min": 4, "days_max": 7,
  "amount": 66000,
  "note": "含推播；不含原生 App，為 RWD 網頁",
  "sources": [{ "title": "…", "url": "…" }]   // 有查證時附上
}

// request：把整份畫面狀態送過去，讓 agent 依真實範圍寫
{
  "conversation_id": "b22ad48e-…",
  "scenario": { "name": "SaaS 混搭", "items": [ … ], "factors": [ … ] },
  "budget": 250000,
  "focus": "只報必要功能，選配另列"          // 可省略
}

// response
{
  "markdown": "### 專案理解\n…",          // 完整報價單
  "required_materials": [                      // 拆成結構化，畫面要單獨呈現
    { "item": "LINE 官方帳號與 Messaging API 開通",
      "status": "pending",
      "impact": "未開通則無法發預約通知，影響上線" }
  ],
  "risks": [ … ],
  "confidence": "initial"
}