export type VideoCanvasToolboxCategory = {
  enabled: boolean;
  id: string;
  label: string;
};

export type VideoCanvasToolboxTemplate = {
  categoryId: string;
  coverUrl: string;
  enabled: boolean;
  id: string;
  name: string;
  prompt: string;
  referenceUrl: string;
  resultUrl: string;
};

export type VideoCanvasToolboxLayout = {
  groupHeight: number;
  groupWidth: number;
  placementOffsetX: number;
  placementOffsetY: number;
  prompt: { height: number; width: number; x: number; y: number };
  reference: { height: number; width: number; x: number; y: number };
  result: { height: number; width: number; x: number; y: number };
};

export type VideoCanvasToolboxConfig = {
  categories: VideoCanvasToolboxCategory[];
  enabled: boolean;
  helpText: string;
  helpUrl: string;
  layout: VideoCanvasToolboxLayout;
  templates: VideoCanvasToolboxTemplate[];
};

const DEFAULT_RESULT_VIDEO_URL =
  "https://demo-sparkai.oss-cn-shanghai.aliyuncs.com/video-canvas-demo/script-video-reference.mp4";

function sourceUrl(url: string) {
  return url.split("?")[0] || url;
}

function template(
  id: string,
  categoryId: string,
  name: string,
  coverUrl: string,
  prompt: string,
): VideoCanvasToolboxTemplate {
  return {
    categoryId,
    coverUrl,
    enabled: true,
    id,
    name,
    prompt,
    referenceUrl: sourceUrl(coverUrl),
    resultUrl: DEFAULT_RESULT_VIDEO_URL,
  };
}

const MY_TOOLBOX_TEMPLATES: VideoCanvasToolboxTemplate[] = [
  template(
    "left-arc-slide-primary",
    "my-toolbox",
    "【预设】左弧滑行",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/794154946370bcfd0574b5beb68c95f4d4d57c88.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "电影级人物环绕镜头。镜头从人物正前方开始，沿左侧平滑弧线移动到侧后方；两位人物持续转头追随镜头并保持眼神交流。保持人物身份、服装、木质室内环境和高级时装质感稳定，动作连贯，面部清晰，不发生肢体变形或背景跳变。",
  ),
  template(
    "phone-pop-product",
    "my-toolbox",
    "【预设】电商手机弹出效果",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/4205e8f1b9d5449c9c134a55ab23e475/3f86729b953d5e3f78cf314a20541ef7195786072400aa6af9d33a2dc2405cf6.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "手机产品从画面中心快速弹出并轻微旋转，在高光扫过后稳定定格。保持产品外形、品牌细节和材质一致，背景干净，镜头节奏利落。",
  ),
  template(
    "coffee-cup-entry",
    "my-toolbox",
    "【预设】咖啡杯出场",
    "https://libtv-res.liblib.art/upload-images/beda8103d1a8414aa15aa0eb1db95a07/c8c9444584348de6209bee45d9f95a0c2c69932f.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "咖啡杯从桌面侧方平滑滑入，杯口蒸汽缓慢上升，柔和暖光勾勒杯身和液面，最终停在画面中心形成品牌静物镜头。",
  ),
  template(
    "orbit-360-showcase",
    "my-toolbox",
    "【预设】360旋转展示",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/498ebfb6bbf47d17fb8d5449b8eb8029df39cc9f.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头以恒定半径围绕主体完成一圈稳定环绕，速度均匀，主体始终居中，完整展示各个角度并保持材质、结构和光照连续。",
  ),
  template(
    "robot-arm-pov-primary",
    "my-toolbox",
    "【预设】机械臂视角",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/4d251222f8ebdc2cf634cc589fc909c8e69b5185.jpg?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "第一人称镜头沿机械臂运动路径穿行，在金属结构和产品之间形成明显视差，运动精确流畅，保持工业材质和空间结构稳定。",
  ),
  template(
    "live-2d-character",
    "my-toolbox",
    "【预设】Live 2D",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/882cc4bc76db85989fa961fed616cb3ebe201a0c.jpg?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "将单张角色图转为轻量角色动画：自然眨眼、轻微微笑、呼吸和小幅身体摆动。严格保持五官、发型、服装和画风一致。",
  ),
  template(
    "pupil-zoom",
    "my-toolbox",
    "【预设】瞳孔拉近",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/59a02980eda985744952c15bcfd8697bffab14aa.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头从人物近景快速推进到瞳孔极特写，在眼睛反光中显现下一场景并完成自然转场，保持眼部结构和人物身份稳定。",
  ),
  template(
    "bird-dissolve",
    "my-toolbox",
    "【预设】飞鸟解体",
    "https://libtv-res.liblib.art/upload-images/beda8103d1a8414aa15aa0eb1db95a07/6676b12a15100018ca7648c85287e007ceb9f9f2.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "主体从边缘开始分解为成群飞鸟，鸟群沿运动方向散开后重新聚合为完整主体，轮廓转换清晰且背景连续。",
  ),
  template(
    "break-out-of-box",
    "my-toolbox",
    "【预设】破盒而出",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/84979fa89cac130f874f49e7286a51e13fbccc95a19657ba13fcd7287fedb50a.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "产品冲破包装盒进入画面，碎片向外飞散并快速减速，主体在中心稳定定格，保持包装、产品和品牌细节一致。",
  ),
  template(
    "product-hero-entry",
    "my-toolbox",
    "【预设】商品震撼登场",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/b43d4ec927a2766382d82e95c4020a5e7c3b08aa.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "商品伴随冲击波和局部高光快速进入画面，镜头轻微推进后定格，突出产品轮廓、材质和主视觉信息。",
  ),
  template(
    "right-arc-slide",
    "my-toolbox",
    "【预设】右弧滑行",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/794154946370bcfd0574b5beb68c95f4d4d57c88.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头从人物正前方沿右侧做平滑大弧线运动，人物目光持续追随镜头，保持身份、服装、场景和光线稳定。",
  ),
  template(
    "left-arc-slide-secondary",
    "my-toolbox",
    "【预设】左弧滑行",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/794154946370bcfd0574b5beb68c95f4d4d57c88.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头从人物正前方沿左侧做平滑大弧线运动，人物自然转头保持眼神交流，背景空间和人物外观连续。",
  ),
  template(
    "inverted-space",
    "my-toolbox",
    "【预设】颠倒空间",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/8852de28b54eb90134a11fa526426babdd85b1d3.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "场景围绕主体逐步翻转至上下颠倒，主体保持重心和朝向稳定，空间旋转连续，避免结构断裂和画面跳变。",
  ),
  template(
    "anti-gravity-float",
    "my-toolbox",
    "【预设】反重力漂浮",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/abc353b7b28311027d4bf4427531f3025cb1a5161f929b7d414e44ebb9c3d9b8.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "主体和周围小物件缓慢脱离地面悬浮，运动带有轻微惯性和旋转，光影及空间关系保持真实连续。",
  ),
  template(
    "particle-dissolve",
    "my-toolbox",
    "【预设】粒子融解",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/95be6a97f91ab6c16081f260cbaaa1df3d823a5ec037b8cc6a970ef05cbe4001.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "主体由外向内融解为细小发光粒子，粒子顺风扩散并逐渐消失，保留主体轮廓演变和背景连续性。",
  ),
  template(
    "travel-zoom-in",
    "my-toolbox",
    "【预设】旅拍转场 zoom in",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/71e6713e72ade5531b4eb131e1faf18b1cf27737e9a5fed18378a429503b8034.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头快速推近前景遮挡物，在遮挡充满画面时切换到新地点并继续向前运动，形成连贯旅拍转场。",
  ),
  template(
    "travel-zoom-out",
    "my-toolbox",
    "【预设】旅拍转场 zoom out",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/29c1f23b7d8bfa35267e3ddc11f094e63a1c6d5089f883e1b2c9134dd36ef10a.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头从新场景局部快速拉远，在拉远过程中完成地点切换，速度曲线顺滑并保持主体位置衔接。",
  ),
  template(
    "travel-rotate-right",
    "my-toolbox",
    "【预设】旅拍转场 向右旋转",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/b49297c4637a024c010501407619e90e5d2c08c9c6600fb2ce52878e1daf71f0.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "手持镜头快速向右旋转，利用运动模糊在旋转中点切换地点，并在新场景逐渐稳定。",
  ),
  template(
    "travel-rotate-left",
    "my-toolbox",
    "【预设】旅拍转场 向左旋转",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/005550129798804a81e92fa8382cdb4f0e77615dc64491358ae166380dc8839e.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "手持镜头快速向左旋转，利用运动模糊自然切换地点，结束时回到稳定构图并保持主体连续。",
  ),
  template(
    "travel-growth",
    "my-toolbox",
    "【预设】旅拍转场 生长",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/beda8103d1a8414aa15aa0eb1db95a07/8ad3b1b28b7406aadcfbacf827b7b1ce6b5570ee1434c187091db52b1ff78dd8.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "植物从前景快速生长并覆盖画面，在叶片遮挡中切换到下一地点，随后叶片展开露出完整新场景。",
  ),
  template(
    "hero-perspective",
    "my-toolbox",
    "【预设】英雄视角",
    "https://libtv-res.liblib.art/upload-images/be52904b1a974e01af26ccd4fe36b4c0/9cf12958ec85cc870011c017834fe894c13932ad.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "低机位广角镜头缓慢推近主体，强化前景透视和人物气势，保持面部、服装和环境结构稳定。",
  ),
  template(
    "ai-fashion-model",
    "my-toolbox",
    "【预设】AI模特服饰动态展示",
    "https://libtv-res.liblib.art/upload-images/9c9ca63a3fd948e8abb9ab96ade97321/a676b7a777d24d0b2bbdc7509109546c9ae3d2d7.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "模特自然转身并展示服装正面、侧面和背面，镜头轻微环绕，严格保持服饰版型、纹理、颜色和人物身份一致。",
  ),
  template(
    "robot-arm-pov-secondary",
    "my-toolbox",
    "【预设】机械臂视角",
    "https://libtv-res.liblib.art/upload-images/beda8103d1a8414aa15aa0eb1db95a07/bf72676a252b5397d06fd6b6734f3ede26a1d121.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "镜头模拟机械臂的精确移动轨迹，在主体周围做平滑推拉和转向，突出工业空间、材质细节与机械节奏。",
  ),
  template(
    "master-storyboard-dark",
    "my-toolbox",
    "【预设】大师分镜九宫格-经典暗调",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/9c9ca63a3fd948e8abb9ab96ade97321/082931e3f634ac1b7e90f79fa9d8e66b12a596d0fbe7d1d4ce9ff04acdba8203.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "根据同一角色和场景生成严格 3x3 电影分镜，覆盖远景、中景、近景、俯拍、仰拍和细节镜头，统一经典暗调光影并保持人物一致。",
  ),
  template(
    "interior-renovation-preview",
    "my-toolbox",
    "【预设】AI室内装修效果预览",
    "https://libtv-res.liblib.art/sd-gen-save-img/genius_playground/image/9c9ca63a3fd948e8abb9ab96ade97321/fba8fa5f7e53e796c26216a91601bca675051c01b554dc0c8b0dfa25ea94d3da.png?x-oss-process=image/resize,w_280,m_lfit/format,webp/ignore-error,1",
    "保持房间结构、门窗和透视不变，平滑展示装修前后材质、家具和灯光变化，形成真实连贯的室内改造预览。",
  ),
];

const CLASSIC_SCENE_TEMPLATES: VideoCanvasToolboxTemplate[] = [
  template(
    "king-of-comedy-gunfight",
    "stephen-chow",
    "喜剧之王-枪战",
    "https://libtv-res.liblib.art/upload-images/70a305c50c704a778db114468830617b/aae0d0cafc4fd2e682e72b15d2334ddeebb6871c.webp",
    "复刻室内喜剧枪战名场面的节奏与走位，使用快速反应镜头、夸张停顿和清晰动作衔接，保持人物身份及空间连续。",
  ),
  template(
    "king-of-comedy-mystery-tycoon",
    "stephen-chow",
    "喜剧之王-神秘富豪",
    "https://libtv-res.liblib.art/upload-images/70a305c50c704a778db114468830617b/e09663b853f2273d628526168663cbef93a1d785.webp",
    "以神秘富豪出场为核心，镜头先隐藏身份再逐步揭示人物，利用近景反应和喜剧停顿强化反差。",
  ),
  template(
    "god-of-cookery-contest",
    "stephen-chow",
    "食神-食神大赛",
    "https://libtv-res.liblib.art/upload-images/70a305c50c704a778db114468830617b/372645626796f75c4dd9574111e61c9c0497054e.webp",
    "复刻烹饪大赛的高强度节奏，组合食材特写、快速操作、评委反应和成品揭晓镜头，保持场景和人物连续。",
  ),
  template(
    "god-of-cookery-beef-ball",
    "stephen-chow",
    "食神-撒尿牛丸",
    "https://libtv-res.liblib.art/upload-images/70a305c50c704a778db114468830617b/7f0a71b7fe580c0c04c3ddd1ad22608fde42b915.webp",
    "围绕弹性牛丸的夸张展示设计喜剧镜头，使用高速动作、反应特写和定格强调，保持食物外观和场景一致。",
  ),
  template(
    "cj7-fix-fan",
    "stephen-chow",
    "七仔-修风扇",
    "https://libtv-res.liblib.art/upload-images/70a305c50c704a778db114468830617b/b2249423467d4a9a18c03c4d4aff7927e696fcc3.webp",
    "以角色修理风扇的连续动作为主线，结合道具细节、人物反应和轻喜剧停顿，保持角色造型及室内空间稳定。",
  ),
];

export const defaultVideoCanvasToolboxConfig: VideoCanvasToolboxConfig = {
  categories: [
    { enabled: true, id: "my-toolbox", label: "我的工具箱" },
    { enabled: true, id: "stephen-chow", label: "周星驰经典名场面" },
  ],
  enabled: true,
  helpText: "使用工具箱模板加速创作，快速构建你的专属工具箱。",
  helpUrl:
    "https://liblibai.feishu.cn/wiki/Loxfw6XHziYRk0kKzdjcFfp9nhb#share-EGsydYnauomw6rxz7SAc313Bnfh",
  layout: {
    groupHeight: 658,
    groupWidth: 1493,
    placementOffsetX: -175,
    placementOffsetY: -175,
    prompt: { height: 200, width: 350, x: 525, y: 45 },
    reference: { height: 525, width: 350, x: 40, y: 40 },
    result: { height: 525, width: 350, x: 1104, y: 93 },
  },
  templates: [...MY_TOOLBOX_TEMPLATES, ...CLASSIC_SCENE_TEMPLATES],
};

export function getVideoCanvasToolboxGroupOrigin({
  layout,
  viewport,
  viewportHeight,
  viewportWidth,
}: {
  layout: VideoCanvasToolboxLayout;
  viewport: { x: number; y: number; zoom: number };
  viewportHeight: number;
  viewportWidth: number;
}) {
  const zoom = Number.isFinite(viewport.zoom) && viewport.zoom > 0 ? viewport.zoom : 1;
  return {
    x: (viewportWidth / 2 + layout.placementOffsetX - viewport.x) / zoom,
    y: (viewportHeight / 2 + layout.placementOffsetY - viewport.y) / zoom,
  };
}

function isRecord(value: unknown): value is Record<string, unknown> {
  return Boolean(value) && typeof value === "object" && !Array.isArray(value);
}

function boundedNumber(value: unknown, fallback: number, min: number, max: number) {
  const parsed = Number(value);
  return Number.isFinite(parsed) ? Math.max(min, Math.min(max, parsed)) : fallback;
}

function normalizeLayoutItem(
  value: unknown,
  fallback: VideoCanvasToolboxLayout["reference"],
) {
  const incoming = isRecord(value) ? value : {};
  return {
    height: boundedNumber(incoming.height, fallback.height, 40, 4000),
    width: boundedNumber(incoming.width, fallback.width, 40, 4000),
    x: boundedNumber(incoming.x, fallback.x, -10_000, 10_000),
    y: boundedNumber(incoming.y, fallback.y, -10_000, 10_000),
  };
}

export function normalizeVideoCanvasToolboxConfig(
  value: unknown,
): VideoCanvasToolboxConfig {
  if (!isRecord(value)) return defaultVideoCanvasToolboxConfig;
  const incomingCategories = Array.isArray(value.categories) ? value.categories : [];
  const categories = incomingCategories
    .slice(0, 20)
    .map((item, index) => {
      const incoming = isRecord(item) ? item : {};
      return {
        enabled: incoming.enabled !== false,
        id: String(incoming.id || `toolbox-category-${index + 1}`).trim().slice(0, 100),
        label: String(incoming.label || `分类 ${index + 1}`).trim().slice(0, 100),
      };
    })
    .filter((item) => item.id && item.label);
  const resolvedCategories = categories.length
    ? categories
    : defaultVideoCanvasToolboxConfig.categories;
  const categoryIds = new Set(resolvedCategories.map((item) => item.id));
  const firstCategoryId = resolvedCategories[0]?.id || "my-toolbox";
  const incomingTemplates = Array.isArray(value.templates) ? value.templates : [];
  const templates = incomingTemplates
    .slice(0, 200)
    .map((item, index) => {
      const incoming = isRecord(item) ? item : {};
      const coverUrl = String(incoming.coverUrl || "").trim().slice(0, 4000);
      const categoryId = String(incoming.categoryId || firstCategoryId).trim();
      return {
        categoryId: categoryIds.has(categoryId) ? categoryId : firstCategoryId,
        coverUrl,
        enabled: incoming.enabled !== false,
        id: String(incoming.id || `toolbox-template-${index + 1}`).trim().slice(0, 120),
        name: String(incoming.name || `模板 ${index + 1}`).trim().slice(0, 200),
        prompt: String(incoming.prompt || "").trim().slice(0, 20_000),
        referenceUrl: String(incoming.referenceUrl || sourceUrl(coverUrl))
          .trim()
          .slice(0, 4000),
        resultUrl: String(incoming.resultUrl || DEFAULT_RESULT_VIDEO_URL)
          .trim()
          .slice(0, 4000),
      };
    })
    .filter((item) => item.id && item.name && item.coverUrl);
  const incomingLayout = isRecord(value.layout) ? value.layout : {};
  const fallbackLayout = defaultVideoCanvasToolboxConfig.layout;
  return {
    categories: resolvedCategories,
    enabled: value.enabled !== false,
    helpText:
      String(value.helpText || "").trim().slice(0, 500) ||
      defaultVideoCanvasToolboxConfig.helpText,
    helpUrl:
      String(value.helpUrl || "").trim().slice(0, 2000) ||
      defaultVideoCanvasToolboxConfig.helpUrl,
    layout: {
      groupHeight: boundedNumber(
        incomingLayout.groupHeight,
        fallbackLayout.groupHeight,
        100,
        8000,
      ),
      groupWidth: boundedNumber(
        incomingLayout.groupWidth,
        fallbackLayout.groupWidth,
        100,
        8000,
      ),
      placementOffsetX: boundedNumber(
        incomingLayout.placementOffsetX,
        fallbackLayout.placementOffsetX,
        -4000,
        4000,
      ),
      placementOffsetY: boundedNumber(
        incomingLayout.placementOffsetY,
        fallbackLayout.placementOffsetY,
        -4000,
        4000,
      ),
      prompt: normalizeLayoutItem(incomingLayout.prompt, fallbackLayout.prompt),
      reference: normalizeLayoutItem(incomingLayout.reference, fallbackLayout.reference),
      result: normalizeLayoutItem(incomingLayout.result, fallbackLayout.result),
    },
    templates: templates.length ? templates : defaultVideoCanvasToolboxConfig.templates,
  };
}