shipscreens 0.1.3 → 0.1.4

package/dist/{app/assets/FastlaneScreenshots-DF74cNwo.js.map → assets/FastlaneScreenshots-Dn7jfpuz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FastlaneScreenshots-DF74cNwo.js","sources":["../../node_modules/lucide-react/dist/esm/icons/mail.js","../../node_modules/lucide-react/dist/esm/icons/message-square.js","../../src/pages/FastlaneScreenshots.jsx"],"sourcesContent":["/**\n * @license lucide-react v0.563.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\", key: \"132q7q\" }],\n  [\"rect\", { x: \"2\", y: \"4\", width: \"20\", height: \"16\", rx: \"2\", key: \"izxlao\" }]\n];\nconst Mail = createLucideIcon(\"mail\", __iconNode);\n\nexport { __iconNode, Mail as default };\n//# sourceMappingURL=mail.js.map\n","/**\n * @license lucide-react v0.563.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ]\n];\nconst MessageSquare = createLucideIcon(\"message-square\", __iconNode);\n\nexport { __iconNode, MessageSquare as default };\n//# sourceMappingURL=message-square.js.map\n","import React, { useEffect } from 'react';\nimport { ArrowRight, ChevronDown, Copy, FolderTree, Mail, MessageSquare } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport CopyButton from '../components/CopyButton';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport ToolGuardrailsPanel from '../components/ToolGuardrailsPanel';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst COPY = {\n  en: {\n    badge: 'Fastlane cheat sheet',\n    title: 'Fastlane screenshot folder structure',\n    subtitle:\n      'Fastlane and other tools exist, but uploads still fail when paths/order drift. Copy/paste the paths Fastlane expects (deliver + supply), then lock an outcome-first screenshot order with reproducible exports.',\n    primaryCta: 'Run CLI first export',\n    secondaryCta: 'Open sample project (free)',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/fastlane',\n    ].join('\\n'),\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix batch exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    trustNote: 'Privacy-first: exports run locally (browser/CI). No uploads to ShipScreens.',\n    structureTitle: 'Expected paths (deliver + supply)',\n    structureBody:\n      'Most Fastlane failures come from path/numbering drift, not design quality. Keep this structure consistent per locale and device/bucket while preserving your own visual style. For panel #1, run a clarity check: if the line could fit many apps, rewrite it with one concrete outcome.',\n    structureCode: `fastlane/\n  screenshots/                       # iOS (deliver)\n    en-US/\n      iphone69_01.png\n      iphone69_02.png\n  metadata/\n    android/                         # Android (supply)\n      en-US/\n        images/\n          phoneScreenshots/\n            01.png\n            02.png\n\nfastlane_assets.zip                  # reproducible artifact (optional)`,\n    bucketsTitle: 'Android buckets (supply)',\n    bucketsBody:\n      'ShipScreens supports these upload buckets (use what matches your device set): phoneScreenshots, sevenInchScreenshots, tenInchScreenshots, tvScreenshots, wearScreenshots.',\n    localTitle: 'Local quickstart (no browser)',\n    localBody: 'Run shipscreens wizard (step-by-step), swap PNGs, build in raw mode, then verify/stage before upload.',\n    localCode: `npx --yes shipscreens wizard\n# replace assets/en-US/01.png..05.png\nnpx --yes shipscreens build --mode raw --zip --out out/fastlane\nnpx --yes shipscreens verify --out out/fastlane --zip --profile appstore`,\n    pipelineTitle: 'Recommended CI pipeline (copy/paste)',\n    pipelineBody: 'Validate → lock → build → verify → stage upload roots so each release reruns safely. Rendered mode uses Playwright Chromium.',\n    pipelineCode: `npm ci\nnpx playwright install --with-deps chromium\nnpm run shipscreens:validate\nnpm run shipscreens:lock -- --check\nnpm run shipscreens:build -- --zip\nnpm run shipscreens:verify -- --zip\nnpm run shipscreens:stage -- --profile appstore --out stage/appstore\nnpm run shipscreens:stage -- --profile playstore --out stage/playstore`,\n    partnerTitle: 'Need help getting your first export?',\n    partnerBody: 'We do short 15-min workflow reviews and map your current setup to an upload-safe Fastlane-ready export with clearer screenshot positioning.',\n    partnerEmailCta: 'Email us',\n    partnerDmCta: 'DM on X',\n  },\n  ja: {\n    badge: 'Fastlane チートシート',\n    title: 'Fastlane 用スクショのフォルダ構成',\n    subtitle: 'Fastlaneや既存ツールがあっても、提出時はパス/順序の崩れで詰まりやすい。deliver / supply が期待するパスを固定し、成果訴求順を保った再現性出力にします。',\n    primaryCta: 'CLIで初回エクスポート',\n    secondaryCta: 'サンプルを開く（無料）',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/fastlane',\n    ].join('\\n'),\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    trustNote: 'プライバシー: 出力はローカル（ブラウザ/CI）。ShipScreensへアップロード不要。',\n    structureTitle: '期待されるパス（deliver + supply）',\n    structureBody: 'Fastlaneの失敗原因はデザインよりパス/連番ドリフトが多いです。見た目は維持したまま、言語/端末（バケット）単位でこの形に揃えます。1枚目は「他の多くのアプリにも当てはまる文言なら、成果を具体化して書き直す」を確認します。',\n    structureCode: `fastlane/\n  screenshots/                       # iOS (deliver)\n    en-US/\n      iphone69_01.png\n      iphone69_02.png\n  metadata/\n    android/                         # Android (supply)\n      en-US/\n        images/\n          phoneScreenshots/\n            01.png\n            02.png\n\nfastlane_assets.zip                  # 再現性のあるZIP（任意）`,\n    bucketsTitle: 'Android buckets（supply）',\n    bucketsBody:\n      '対応バケット: phoneScreenshots / sevenInchScreenshots / tenInchScreenshots / tvScreenshots / wearScreenshots',\n    localTitle: 'ローカル最短（ブラウザ不要）',\n    localBody: 'shipscreens wizard（ステップ式）で雛形作成 → raw モードで出力し、提出前に verify/stage を実行。',\n    localCode: `npx --yes shipscreens wizard\n# assets/en-US/01.png〜05.png を差し替え\nnpx --yes shipscreens build --mode raw --zip --out out/fastlane\nnpx --yes shipscreens verify --out out/fastlane --zip --profile appstore`,\n    pipelineTitle: 'CIパイプライン（コピペ）',\n    pipelineBody: 'validate → lock → build → verify → stage を回し、毎リリースを安全に再実行します（rendered mode）。',\n    pipelineCode: `npm ci\nnpx playwright install --with-deps chromium\nnpm run shipscreens:validate\nnpm run shipscreens:lock -- --check\nnpm run shipscreens:build -- --zip\nnpm run shipscreens:verify -- --zip\nnpm run shipscreens:stage -- --profile appstore --out stage/appstore\nnpm run shipscreens:stage -- --profile playstore --out stage/playstore`,\n    partnerTitle: '初回エクスポートが詰まったら',\n    partnerBody: '15分だけ現状を聞かせてください。既存運用を upload-safe な Fastlane-ready に寄せつつ、訴求の通り方も改善する案を返します。',\n    partnerEmailCta: 'メールする',\n    partnerDmCta: 'XでDM',\n  },\n};\n\nconst CodeBlock = ({ label, code, tool, assetKey, toggleLabel, defaultOpen }) => (\n  <div className=\"rounded-2xl border border-slate-800 bg-slate-950/80 p-5 space-y-3\">\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"min-w-0\">\n        {label && <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500\">{label}</div>}\n      </div>\n      <CopyButton\n        value={code}\n        onCopied={() => trackEvent('tool_download', { tool, asset: assetKey })}\n        className=\"shrink-0 inline-flex items-center gap-2 text-[11px] px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-900/60 text-slate-200 hover:bg-slate-900 transition\"\n      >\n        {({ copyLabel }) => (\n          <>\n            <Copy size={14} />\n            {copyLabel}\n          </>\n        )}\n      </CopyButton>\n    </div>\n    <details className=\"group\" open={defaultOpen}>\n      <summary className=\"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none\">\n        <span>{toggleLabel}</span>\n        <ChevronDown size={14} className=\"text-slate-500 transition-transform duration-200 group-open:rotate-180\" />\n      </summary>\n      <pre className=\"mt-2 text-xs text-slate-200 font-mono whitespace-pre leading-relaxed overflow-auto\">{code}</pre>\n    </details>\n  </div>\n);\n\nconst FastlaneScreenshots = () => {\n  const { i18n, t } = useTranslation();\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n\n  const openAppHref = '/app/?sample=5panel&entry_source=fastlane_screenshots_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const firstExportHref = '/tools/first-export/?entry_source=fastlane_screenshots_primary_cta';\n  const sampleProjectHref = '/app/?sample=5panel&entry_source=fastlane_screenshots_open_sample_project';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const codeToggleLabel = t('common.showCommands', { defaultValue: 'Show commands' });\n  const defaultCodeOpen = typeof window === 'undefined' ? true : window.matchMedia('(min-width: 640px)').matches;\n\n  const supportEmail = 'support@shimaumaservices.co.jp';\n  const mailSubject = lang === 'ja' ? 'ShipScreens ヒアリング希望' : 'ShipScreens Founding / Design Partner';\n  const mailBody =\n    lang === 'ja'\n      ? [\n          'ShipScreens チーム様',\n          '',\n          '15分ヒアリングを希望します。',\n          '',\n          '- アプリ名 / URL:',\n          '- 現在のスクショ作業フロー:',\n          '- 端末数 / 言語数:',\n          '',\n          'よろしくお願いします。',\n        ].join('\\n')\n      : [\n          'Hi ShipScreens team,',\n          '',\n          'I want a 15-min workflow review to unblock my first Fastlane-ready export.',\n          '',\n          '- App name / link:',\n          '- Current screenshot workflow:',\n          '- #devices / #locales:',\n          '',\n          'Thanks!',\n        ].join('\\n');\n  const partnerMailto = `mailto:${supportEmail}?subject=${encodeURIComponent(mailSubject)}&body=${encodeURIComponent(\n    mailBody\n  )}`;\n\n  usePageTitle('titles.fastlaneScreenshots', { defaultValue: 'Fastlane screenshots - ShipScreens' });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'fastlane_screenshots' });\n  }, []);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: firstExportHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {t('landing.nav.primaryCta')} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_first_export_header' }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-10\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4 pt-6\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <FolderTree size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center pt-2\">\n            <a\n              href={agentCliHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_agent_cli_hero' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {copy.primaryCta} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.heroCliTitle}</div>\n            <p className=\"text-xs text-slate-400\">{copy.heroCliNote}</p>\n            <p className=\"text-xs text-slate-500\">{copy.heroCliSummary}</p>\n            <CopyButton\n              value={copy.heroCliCmd}\n              onCopied={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'copy_cli_hero' })}\n              className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n            >\n              {({ copyLabel, copyState }) => (\n                <>\n                  <Copy size={14} />\n                  {copyState === 'idle' ? copy.heroCliCopyLabel : copyLabel}\n                </>\n              )}\n            </CopyButton>\n            <details className=\"group\" open={defaultCodeOpen}>\n              <summary className=\"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none\">\n                <span>{codeToggleLabel}</span>\n                <ChevronDown size={14} className=\"text-slate-500 transition-transform duration-200 group-open:rotate-180\" />\n              </summary>\n              <div className=\"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.heroCliCmd}</pre>\n              </div>\n            </details>\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'fastlane_screenshots', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'fastlane_screenshots', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n          </div>\n          <ToolGuardrailsPanel\n            title={lang === 'ja' ? '詳細: CLIガードレール + Pro解除' : 'Advanced: CLI guardrails + Pro unlock'}\n            codeToggleLabel={codeToggleLabel}\n            copyButtonLabel={copyButtonLabel}\n            preflightHref=\"/tools/agent-cli/#preflight\"\n            onPreflightClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_cli_preflight' })\n            }\n            proUnlockTitle={copy.proUnlockTitle}\n            proUnlockBody={copy.proUnlockBody}\n            proUnlockCmd={copy.proUnlockCmd}\n            proUnlockNote={copy.proUnlockNote}\n            onProUnlockCopied={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'copy_cli_pro_unlock' })}\n          />\n          <CliPreflightCard\n            compact\n            href=\"/tools/agent-cli/#preflight\"\n            onClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', {\n                tool: 'fastlane_screenshots',\n                cta: 'open_cli_preflight_card',\n              })\n            }\n            className=\"max-w-xl mx-auto\"\n          />\n          <div className=\"text-xs text-slate-500 font-medium\">{copy.trustNote}</div>\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.structureTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.structureBody}</p>\n          <CodeBlock\n            label=\"paths\"\n            code={copy.structureCode}\n            tool=\"fastlane_screenshots\"\n            assetKey=\"fastlane_paths\"\n            toggleLabel={codeToggleLabel}\n            defaultOpen={defaultCodeOpen}\n          />\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.bucketsTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.bucketsBody}</p>\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.localTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.localBody}</p>\n          <CodeBlock\n            label=\"local\"\n            code={copy.localCode}\n            tool=\"fastlane_screenshots\"\n            assetKey=\"local_quickstart\"\n            toggleLabel={codeToggleLabel}\n            defaultOpen={defaultCodeOpen}\n          />\n        </section>\n\n        <details className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group\">\n          <summary className=\"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none\">\n            <span>{copy.pipelineTitle}</span>\n            <span className=\"flex items-center gap-2 text-[10px] font-semibold text-slate-400\">\n              {lang === 'ja' ? '詳細' : 'ADVANCED'}\n              <ChevronDown size={14} className=\"text-slate-500\" />\n            </span>\n          </summary>\n          <div className=\"mt-3 space-y-3\">\n            <p className=\"text-sm text-slate-300\">{copy.pipelineBody}</p>\n            <CodeBlock\n              label=\"ci\"\n              code={copy.pipelineCode}\n              tool=\"fastlane_screenshots\"\n              assetKey=\"ci_pipeline\"\n              toggleLabel={codeToggleLabel}\n              defaultOpen={defaultCodeOpen}\n            />\n          </div>\n        </details>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\n          <div className=\"space-y-1\">\n            <div className=\"text-sm font-bold text-white\">{copy.partnerTitle}</div>\n            <div className=\"text-sm text-slate-300\">{copy.partnerBody}</div>\n          </div>\n          <div className=\"flex flex-col sm:flex-row gap-3 w-full md:w-auto\">\n            <a\n              href={partnerMailto}\n              onClick={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'email_design_partner' })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full md:w-auto\"\n            >\n              <Mail size={16} />\n              {copy.partnerEmailCta}\n            </a>\n            <a\n              href=\"https://x.com/shipscreenscom\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'dm_design_partner' })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full md:w-auto\"\n            >\n              <MessageSquare size={16} />\n              {copy.partnerDmCta}\n            </a>\n          </div>\n        </section>\n\n        <section className=\"max-w-3xl mx-auto text-center space-y-3 pt-2\">\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center\">\n            <a\n              href={agentCliHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_agent_cli_footer' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition\"\n            >\n              {copy.primaryCta} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'fastlane_screenshots',\n                  cta: 'open_sample_project_footer',\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {copy.secondaryCta} <ArrowRight size={16} />\n            </a>\n          </div>\n        </section>\n      </main>\n      <StickyMobileCta\n        primary={{\n          label: copy.primaryCta,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'sticky_primary' }),\n        }}\n        secondary={{\n          label: copy.secondaryCta,\n          href: sampleProjectHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'sticky_secondary' }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FastlaneScreenshots;\n"],"names":["__iconNode","Mail","createLucideIcon","MessageSquare","normalizeLang","lang","COPY","CodeBlock","label","code","tool","assetKey","toggleLabel","defaultOpen","jsxs","jsx","CopyButton","trackEvent","copyLabel","Fragment","Copy","ChevronDown","FastlaneScreenshots","i18n","t","useTranslation","copy","openAppHref","agentCliHref","firstExportHref","sampleProjectHref","configDownloadHref","csvDownloadHref","copyButtonLabel","codeToggleLabel","defaultCodeOpen","supportEmail","mailSubject","mailBody","partnerMailto","usePageTitle","useEffect","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","FolderTree","copyState","ToolGuardrailsPanel","CliPreflightCard","FitPanel","StickyMobileCta"],"mappings":"kiBASA,MAAMA,EAAa,CACjB,CAAC,OAAQ,CAAE,EAAG,0CAA2C,IAAK,QAAQ,CAAE,EACxE,CAAC,OAAQ,CAAE,EAAG,IAAK,EAAG,IAAK,MAAO,KAAM,OAAQ,KAAM,GAAI,IAAK,IAAK,QAAQ,CAAE,CAChF,EACMC,EAAOC,EAAiB,OAAQF,CAAU,ECJhD,MAAMA,EAAa,CACjB,CACE,OACA,CACE,EAAG,sHACH,IAAK,QACX,CACA,CACA,EACMG,EAAgBD,EAAiB,iBAAkBF,CAAU,ECL7DI,EAAiBC,IACPA,GAAQ,IAAI,MAAM,GAAG,EAAE,CAAC,IACtB,KAAO,KAAO,KAG1BC,EAAO,CACX,GAAI,CACF,MAAO,uBACP,MAAO,uCACP,SACE,kNACF,WAAY,uBACZ,aAAc,6BACd,aAAc,2BACd,YAAa,4CACb,eAAgB,iFAChB,iBAAkB,oBAClB,sBAAuB,oBACvB,mBAAoB,aACpB,gBAAiB,WACjB,WAAY,CACV,+BACA,iEAAA,EACA,KAAK;AAAA,CAAI,EACX,eAAgB,mBAChB,cAAe,0EACf,aAAc,mCACd,cAAe,6EACf,UAAW,8EACX,eAAgB,oCAChB,cACE,2RACF,cAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yEAcf,aAAc,2BACd,YACE,4KACF,WAAY,gCACZ,UAAW,wGACX,UAAW;AAAA;AAAA;AAAA,0EAIX,cAAe,uCACf,aAAc,+HACd,aAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wEAQd,aAAc,uCACd,YAAa,8IACb,gBAAiB,WACjB,aAAc,SAAA,EAEhB,GAAI,CACF,MAAO,kBACP,MAAO,wBACP,SAAU,2FACV,WAAY,eACZ,aAAc,cACd,aAAc,qBACd,YAAa,sCACb,eAAgB,wDAChB,iBAAkB,cAClB,sBAAuB,UACvB,mBAAoB,aACpB,gBAAiB,WACjB,WAAY,CACV,+BACA,iEAAA,EACA,KAAK;AAAA,CAAI,EACX,eAAgB,cAChB,cAAe,qCACf,aAAc,mCACd,cAAe,4CACf,UAAW,iDACX,eAAgB,4BAChB,cAAe,qHACf,cAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sDAcf,aAAc,0BACd,YACE,yGACF,WAAY,iBACZ,UAAW,sEACX,UAAW;AAAA;AAAA;AAAA,0EAIX,cAAe,gBACf,aAAc,+EACd,aAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wEAQd,aAAc,iBACd,YAAa,+EACb,gBAAiB,QACjB,aAAc,MAAA,CAElB,EAEMC,EAAY,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,KAAAC,EAAM,SAAAC,EAAU,YAAAC,EAAa,YAAAC,CAAA,IAC7DC,EAAAA,KAAC,MAAA,CAAI,UAAU,oEACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,UACZ,SAAAP,SAAU,MAAA,CAAI,UAAU,wDAAyD,SAAAA,CAAA,CAAM,CAAA,CAC1F,EACAO,EAAAA,IAACC,EAAA,CACC,MAAOP,EACP,SAAU,IAAMQ,EAAW,gBAAiB,CAAE,KAAAP,EAAM,MAAOC,EAAU,EACrE,UAAU,oKAET,SAAA,CAAC,CAAE,UAAAO,CAAA,IACFJ,EAAAA,KAAAK,EAAAA,SAAA,CACE,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAK,KAAM,EAAA,CAAI,EACfF,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,EACF,EACAJ,EAAAA,KAAC,UAAA,CAAQ,UAAU,QAAQ,KAAMD,EAC/B,SAAA,CAAAC,EAAAA,KAAC,UAAA,CAAQ,UAAU,sGACjB,SAAA,CAAAC,EAAAA,IAAC,QAAM,SAAAH,CAAA,CAAY,EACnBG,EAAAA,IAACM,EAAA,CAAY,KAAM,GAAI,UAAU,wEAAA,CAAyE,CAAA,EAC5G,EACAN,EAAAA,IAAC,MAAA,CAAI,UAAU,qFAAsF,SAAAN,CAAA,CAAK,CAAA,CAAA,CAC5G,CAAA,EACF,EAGIa,GAAsB,IAAM,CAChC,KAAM,CAAE,KAAAC,EAAM,EAAAC,CAAA,EAAMC,EAAA,EACdpB,EAAOD,EAAcmB,EAAK,kBAAoBA,EAAK,QAAQ,EAC3DG,EAAOpB,EAAKD,CAAI,GAAKC,EAAK,GAE1BqB,EAAc,wEACdC,EAAe,oBACfC,EAAkB,qEAClBC,EAAoB,4EACpBC,EAAqB,8CACrBC,EAAkB,4CAClBC,EAAkBT,EAAE,cAAe,CAAE,aAAc,OAAQ,EAC3DU,EAAkBV,EAAE,sBAAuB,CAAE,aAAc,gBAAiB,EAC5EW,EAAkB,OAAO,OAAW,IAAc,GAAO,OAAO,WAAW,oBAAoB,EAAE,QAEjGC,EAAe,iCACfC,EAAchC,IAAS,KAAO,sBAAwB,wCACtDiC,EACJjC,IAAS,KACL,CACE,mBACA,GACA,kBACA,GACA,gBACA,kBACA,eACA,GACA,aAAA,EACA,KAAK;AAAA,CAAI,EACX,CACE,uBACA,GACA,6EACA,GACA,qBACA,iCACA,yBACA,GACA,SAAA,EACA,KAAK;AAAA,CAAI,EACXkC,EAAgB,UAAUH,CAAY,YAAY,mBAAmBC,CAAW,CAAC,SAAS,mBAC9FC,CAAA,CACD,GAED,OAAAE,EAAa,6BAA8B,CAAE,aAAc,oCAAA,CAAsC,EAEjGC,EAAAA,UAAU,IAAM,CACdxB,EAAW,YAAa,CAAE,KAAM,sBAAA,CAAwB,CAC1D,EAAG,CAAA,CAAE,EAGHH,EAAAA,KAAC,MAAA,CAAI,UAAU,qFACb,SAAA,CAAAC,EAAAA,IAAC2B,EAAA,EAAa,EACd3B,EAAAA,IAAC4B,EAAA,CACC,QAAQ,OACR,OAAO,QACP,YAAAhB,EACA,aAAeiB,GACbC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,oBAAqB,EAE7G,eAAiBA,GACfC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,iBAAkB,EAE1G,eAAiBA,GACfC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,kBAAmB,EAE3G,WAAY,CACV,KAAMf,EACN,MACEf,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACb,SAAA,CAAAU,EAAE,wBAAwB,EAAE,IAACT,EAAAA,IAAC+B,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,EACtD,EAEF,QAAUF,GACRC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,0BAAA,CAA4B,CAAA,CACtH,CAAA,EAGF9B,EAAAA,KAAC,OAAA,CAAK,UAAU,0CACd,SAAA,CAAAA,EAAAA,KAAC,UAAA,CAAQ,UAAU,+CACjB,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uIACb,SAAA,CAAAC,EAAAA,IAACgC,EAAA,CAAW,KAAM,EAAA,CAAI,EACrBrB,EAAK,KAAA,EACR,EACAX,EAAAA,IAAC,KAAA,CAAG,UAAU,gDAAiD,WAAK,MAAM,EAC1EA,EAAAA,IAAC,IAAA,CAAE,UAAU,yCAA0C,WAAK,SAAS,EACrEA,EAAAA,IAAC,MAAA,CAAI,UAAU,sDACb,SAAAD,EAAAA,KAAC,IAAA,CACC,KAAMc,EACN,QAAUgB,GACRC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,sBAAuB,EAE/G,UAAU,mIAET,SAAA,CAAAlB,EAAK,WAAW,IAACX,EAAAA,IAAC+B,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,CAAA,CAAA,EAE5C,EACAhC,EAAAA,KAAC,MAAA,CAAI,UAAU,+FACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,sEAAuE,SAAAW,EAAK,aAAa,EACxGX,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,YAAY,EACxDA,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,eAAe,EAC3DA,EAAAA,IAACC,EAAA,CACC,MAAOU,EAAK,WACZ,SAAU,IAAMT,EAAW,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,gBAAiB,EACnG,UAAU,6KAET,SAAA,CAAC,CAAE,UAAAC,EAAW,UAAA8B,CAAA,IACblC,OAAAK,EAAAA,SAAA,CACE,SAAA,CAAAJ,EAAAA,IAACK,EAAA,CAAK,KAAM,EAAA,CAAI,EACf4B,IAAc,OAAStB,EAAK,iBAAmBR,CAAA,CAAA,CAClD,CAAA,CAAA,EAGJJ,EAAAA,KAAC,UAAA,CAAQ,UAAU,QAAQ,KAAMqB,EAC/B,SAAA,CAAArB,EAAAA,KAAC,UAAA,CAAQ,UAAU,sGACjB,SAAA,CAAAC,EAAAA,IAAC,QAAM,SAAAmB,CAAA,CAAgB,EACvBnB,EAAAA,IAACM,EAAA,CAAY,KAAM,GAAI,UAAU,wEAAA,CAAyE,CAAA,EAC5G,EACAN,EAAAA,IAAC,MAAA,CAAI,UAAU,2DACb,SAAAA,EAAAA,IAAC,OAAI,UAAU,6CAA8C,SAAAW,EAAK,UAAA,CAAW,CAAA,CAC/E,CAAA,EACF,EACAZ,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,sEACZ,SAAAW,EAAK,sBACR,EACAZ,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAC,EAAAA,IAAC,IAAA,CACC,KAAMgB,EACN,SAAQ,GACR,QAAS,IAAMd,EAAW,gBAAiB,CAAE,KAAM,uBAAwB,MAAO,kBAAmB,EACrG,UAAU,uKAET,SAAAS,EAAK,kBAAA,CAAA,EAERX,EAAAA,IAAC,IAAA,CACC,KAAMiB,EACN,SAAQ,GACR,QAAS,IAAMf,EAAW,gBAAiB,CAAE,KAAM,uBAAwB,MAAO,gBAAiB,EACnG,UAAU,uKAET,SAAAS,EAAK,eAAA,CAAA,CACR,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EACAX,EAAAA,IAACkC,EAAA,CACC,MAAO5C,IAAS,KAAO,wBAA0B,wCACjD,gBAAA6B,EACA,gBAAAD,EACA,cAAc,8BACd,iBAAmBW,GACjBC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,qBAAsB,EAE9G,eAAgBlB,EAAK,eACrB,cAAeA,EAAK,cACpB,aAAcA,EAAK,aACnB,cAAeA,EAAK,cACpB,kBAAmB,IAAMT,EAAW,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,qBAAA,CAAuB,CAAA,CAAA,EAEpHF,EAAAA,IAACmC,EAAA,CACC,QAAO,GACP,KAAK,8BACL,QAAUN,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,uBACN,IAAK,yBAAA,CACN,EAEH,UAAU,kBAAA,CAAA,EAEZ7B,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,WAAK,SAAA,CAAU,CAAA,EACtE,EAEAA,EAAAA,IAACoC,EAAA,CAAS,UAAU,0BAAA,CAA2B,EAE/CrC,EAAAA,KAAC,UAAA,CAAQ,UAAU,oEACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAW,EAAK,eAAe,EAClEX,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,cAAc,EAC1DA,EAAAA,IAACR,EAAA,CACC,MAAM,QACN,KAAMmB,EAAK,cACX,KAAK,uBACL,SAAS,iBACT,YAAaQ,EACb,YAAaC,CAAA,CAAA,CACf,EACF,EAEArB,EAAAA,KAAC,UAAA,CAAQ,UAAU,oEACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAW,EAAK,aAAa,EAChEX,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,WAAA,CAAY,CAAA,EAC1D,EAEAD,EAAAA,KAAC,UAAA,CAAQ,UAAU,oEACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAW,EAAK,WAAW,EAC9DX,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,UAAU,EACtDA,EAAAA,IAACR,EAAA,CACC,MAAM,QACN,KAAMmB,EAAK,UACX,KAAK,uBACL,SAAS,mBACT,YAAaQ,EACb,YAAaC,CAAA,CAAA,CACf,EACF,EAEArB,EAAAA,KAAC,UAAA,CAAQ,UAAU,gEACjB,SAAA,CAAAA,EAAAA,KAAC,UAAA,CAAQ,UAAU,0FACjB,SAAA,CAAAC,EAAAA,IAAC,OAAA,CAAM,WAAK,aAAA,CAAc,EAC1BD,EAAAA,KAAC,OAAA,CAAK,UAAU,mEACb,SAAA,CAAAT,IAAS,KAAO,KAAO,WACxBU,EAAAA,IAACM,EAAA,CAAY,KAAM,GAAI,UAAU,gBAAA,CAAiB,CAAA,CAAA,CACpD,CAAA,EACF,EACAP,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,SAAAW,EAAK,aAAa,EACzDX,EAAAA,IAACR,EAAA,CACC,MAAM,KACN,KAAMmB,EAAK,aACX,KAAK,uBACL,SAAS,cACT,YAAaQ,EACb,YAAaC,CAAA,CAAA,CACf,CAAA,CACF,CAAA,EACF,EAEArB,EAAAA,KAAC,UAAA,CAAQ,UAAU,sIACjB,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAAgC,SAAAW,EAAK,aAAa,EACjEX,EAAAA,IAAC,MAAA,CAAI,UAAU,yBAA0B,WAAK,WAAA,CAAY,CAAA,EAC5D,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,mDACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CACC,KAAMyB,EACN,QAAS,IAAMtB,EAAW,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,uBAAwB,EACzG,UAAU,sJAEV,SAAA,CAAAF,EAAAA,IAACd,EAAA,CAAK,KAAM,EAAA,CAAI,EACfyB,EAAK,eAAA,CAAA,CAAA,EAERZ,EAAAA,KAAC,IAAA,CACC,KAAK,+BACL,OAAO,SACP,IAAI,sBACJ,QAAS,IAAMG,EAAW,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,oBAAqB,EACtG,UAAU,kLAEV,SAAA,CAAAF,EAAAA,IAACZ,EAAA,CAAc,KAAM,EAAA,CAAI,EACxBuB,EAAK,YAAA,CAAA,CAAA,CACR,CAAA,CACF,CAAA,EACF,QAEC,UAAA,CAAQ,UAAU,+CACjB,SAAAZ,EAAAA,KAAC,MAAA,CAAI,UAAU,iDACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CACC,KAAMc,EACN,QAAUgB,GACRC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,wBAAyB,EAEjH,UAAU,qIAET,SAAA,CAAAlB,EAAK,WAAW,IAACX,EAAAA,IAAC+B,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,CAAA,CAAA,EAE1ChC,EAAAA,KAAC,IAAA,CACC,KAAMgB,EACN,QAAUc,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,uBACN,IAAK,4BAAA,CACN,EAEH,UAAU,uJAET,SAAA,CAAAlB,EAAK,aAAa,IAACX,EAAAA,IAAC+B,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,CAAA,CAAA,CAC5C,CAAA,CACF,CAAA,CACF,CAAA,EACF,EACA/B,EAAAA,IAACqC,EAAA,CACC,QAAS,CACP,MAAO1B,EAAK,WACZ,KAAME,EACN,QAAUgB,GACRC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,gBAAA,CAAkB,CAAA,EAE5G,UAAW,CACT,MAAOlB,EAAK,aACZ,KAAMI,EACN,QAAUc,GACRC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,uBAAwB,IAAK,kBAAA,CAAoB,CAAA,CAC9G,CAAA,CACF,EACF,CAEJ","x_google_ignoreList":[0,1]}
+{"version":3,"file":"FastlaneScreenshots-Dn7jfpuz.js","sources":["../../node_modules/lucide-react/dist/esm/icons/mail.js","../../node_modules/lucide-react/dist/esm/icons/message-square.js","../../src/pages/FastlaneScreenshots.jsx"],"sourcesContent":["/**\n * @license lucide-react v0.563.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\", key: \"132q7q\" }],\n  [\"rect\", { x: \"2\", y: \"4\", width: \"20\", height: \"16\", rx: \"2\", key: \"izxlao\" }]\n];\nconst Mail = createLucideIcon(\"mail\", __iconNode);\n\nexport { __iconNode, Mail as default };\n//# sourceMappingURL=mail.js.map\n","/**\n * @license lucide-react v0.563.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ]\n];\nconst MessageSquare = createLucideIcon(\"message-square\", __iconNode);\n\nexport { __iconNode, MessageSquare as default };\n//# sourceMappingURL=message-square.js.map\n","import React, { useEffect } from 'react';\nimport { ArrowRight, ChevronDown, Copy, FolderTree, Mail, MessageSquare } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport CopyButton from '../components/CopyButton';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport ToolGuardrailsPanel from '../components/ToolGuardrailsPanel';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst COPY = {\n  en: {\n    badge: 'Fastlane cheat sheet',\n    title: 'Fastlane screenshot folder structure',\n    subtitle:\n      'Fastlane and other tools exist, but uploads still fail when paths/order drift. Copy/paste the paths Fastlane expects (deliver + supply), then lock an outcome-first screenshot order with reproducible exports.',\n    primaryCta: 'Run CLI first export',\n    secondaryCta: 'Open sample project (free)',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/fastlane',\n    ].join('\\n'),\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix batch exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    trustNote: 'Privacy-first: exports run locally (browser/CI). No uploads to ShipScreens.',\n    structureTitle: 'Expected paths (deliver + supply)',\n    structureBody:\n      'Most Fastlane failures come from path/numbering drift, not design quality. Keep this structure consistent per locale and device/bucket while preserving your own visual style. For panel #1, run a clarity check: if the line could fit many apps, rewrite it with one concrete outcome.',\n    structureCode: `fastlane/\n  screenshots/                       # iOS (deliver)\n    en-US/\n      iphone69_01.png\n      iphone69_02.png\n  metadata/\n    android/                         # Android (supply)\n      en-US/\n        images/\n          phoneScreenshots/\n            01.png\n            02.png\n\nfastlane_assets.zip                  # reproducible artifact (optional)`,\n    bucketsTitle: 'Android buckets (supply)',\n    bucketsBody:\n      'ShipScreens supports these upload buckets (use what matches your device set): phoneScreenshots, sevenInchScreenshots, tenInchScreenshots, tvScreenshots, wearScreenshots.',\n    localTitle: 'Local quickstart (no browser)',\n    localBody: 'Run shipscreens wizard (step-by-step), swap PNGs, build in raw mode, then verify/stage before upload.',\n    localCode: `npx --yes shipscreens wizard\n# replace assets/en-US/01.png..05.png\nnpx --yes shipscreens build --mode raw --zip --out out/fastlane\nnpx --yes shipscreens verify --out out/fastlane --zip --profile appstore`,\n    pipelineTitle: 'Recommended CI pipeline (copy/paste)',\n    pipelineBody: 'Validate → lock → build → verify → stage upload roots so each release reruns safely. Rendered mode uses Playwright Chromium.',\n    pipelineCode: `npm ci\nnpx playwright install --with-deps chromium\nnpm run shipscreens:validate\nnpm run shipscreens:lock -- --check\nnpm run shipscreens:build -- --zip\nnpm run shipscreens:verify -- --zip\nnpm run shipscreens:stage -- --profile appstore --out stage/appstore\nnpm run shipscreens:stage -- --profile playstore --out stage/playstore`,\n    partnerTitle: 'Need help getting your first export?',\n    partnerBody: 'We do short 15-min workflow reviews and map your current setup to an upload-safe Fastlane-ready export with clearer screenshot positioning.',\n    partnerEmailCta: 'Email us',\n    partnerDmCta: 'DM on X',\n  },\n  ja: {\n    badge: 'Fastlane チートシート',\n    title: 'Fastlane 用スクショのフォルダ構成',\n    subtitle: 'Fastlaneや既存ツールがあっても、提出時はパス/順序の崩れで詰まりやすい。deliver / supply が期待するパスを固定し、成果訴求順を保った再現性出力にします。',\n    primaryCta: 'CLIで初回エクスポート',\n    secondaryCta: 'サンプルを開く（無料）',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/fastlane',\n    ].join('\\n'),\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    trustNote: 'プライバシー: 出力はローカル（ブラウザ/CI）。ShipScreensへアップロード不要。',\n    structureTitle: '期待されるパス（deliver + supply）',\n    structureBody: 'Fastlaneの失敗原因はデザインよりパス/連番ドリフトが多いです。見た目は維持したまま、言語/端末（バケット）単位でこの形に揃えます。1枚目は「他の多くのアプリにも当てはまる文言なら、成果を具体化して書き直す」を確認します。',\n    structureCode: `fastlane/\n  screenshots/                       # iOS (deliver)\n    en-US/\n      iphone69_01.png\n      iphone69_02.png\n  metadata/\n    android/                         # Android (supply)\n      en-US/\n        images/\n          phoneScreenshots/\n            01.png\n            02.png\n\nfastlane_assets.zip                  # 再現性のあるZIP（任意）`,\n    bucketsTitle: 'Android buckets（supply）',\n    bucketsBody:\n      '対応バケット: phoneScreenshots / sevenInchScreenshots / tenInchScreenshots / tvScreenshots / wearScreenshots',\n    localTitle: 'ローカル最短（ブラウザ不要）',\n    localBody: 'shipscreens wizard（ステップ式）で雛形作成 → raw モードで出力し、提出前に verify/stage を実行。',\n    localCode: `npx --yes shipscreens wizard\n# assets/en-US/01.png〜05.png を差し替え\nnpx --yes shipscreens build --mode raw --zip --out out/fastlane\nnpx --yes shipscreens verify --out out/fastlane --zip --profile appstore`,\n    pipelineTitle: 'CIパイプライン（コピペ）',\n    pipelineBody: 'validate → lock → build → verify → stage を回し、毎リリースを安全に再実行します（rendered mode）。',\n    pipelineCode: `npm ci\nnpx playwright install --with-deps chromium\nnpm run shipscreens:validate\nnpm run shipscreens:lock -- --check\nnpm run shipscreens:build -- --zip\nnpm run shipscreens:verify -- --zip\nnpm run shipscreens:stage -- --profile appstore --out stage/appstore\nnpm run shipscreens:stage -- --profile playstore --out stage/playstore`,\n    partnerTitle: '初回エクスポートが詰まったら',\n    partnerBody: '15分だけ現状を聞かせてください。既存運用を upload-safe な Fastlane-ready に寄せつつ、訴求の通り方も改善する案を返します。',\n    partnerEmailCta: 'メールする',\n    partnerDmCta: 'XでDM',\n  },\n};\n\nconst CodeBlock = ({ label, code, tool, assetKey, toggleLabel, defaultOpen }) => (\n  <div className=\"rounded-2xl border border-slate-800 bg-slate-950/80 p-5 space-y-3\">\n    <div className=\"flex items-center justify-between gap-3\">\n      <div className=\"min-w-0\">\n        {label && <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500\">{label}</div>}\n      </div>\n      <CopyButton\n        value={code}\n        onCopied={() => trackEvent('tool_download', { tool, asset: assetKey })}\n        className=\"shrink-0 inline-flex items-center gap-2 text-[11px] px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-900/60 text-slate-200 hover:bg-slate-900 transition\"\n      >\n        {({ copyLabel }) => (\n          <>\n            <Copy size={14} />\n            {copyLabel}\n          </>\n        )}\n      </CopyButton>\n    </div>\n    <details className=\"group\" open={defaultOpen}>\n      <summary className=\"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none\">\n        <span>{toggleLabel}</span>\n        <ChevronDown size={14} className=\"text-slate-500 transition-transform duration-200 group-open:rotate-180\" />\n      </summary>\n      <pre className=\"mt-2 text-xs text-slate-200 font-mono whitespace-pre leading-relaxed overflow-auto\">{code}</pre>\n    </details>\n  </div>\n);\n\nconst FastlaneScreenshots = () => {\n  const { i18n, t } = useTranslation();\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n\n  const openAppHref = '/app/?sample=5panel&entry_source=fastlane_screenshots_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const firstExportHref = '/tools/first-export/?entry_source=fastlane_screenshots_primary_cta';\n  const sampleProjectHref = '/app/?sample=5panel&entry_source=fastlane_screenshots_open_sample_project';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const codeToggleLabel = t('common.showCommands', { defaultValue: 'Show commands' });\n  const defaultCodeOpen = typeof window === 'undefined' ? true : window.matchMedia('(min-width: 640px)').matches;\n\n  const supportEmail = 'support@shimaumaservices.co.jp';\n  const mailSubject = lang === 'ja' ? 'ShipScreens ヒアリング希望' : 'ShipScreens Founding / Design Partner';\n  const mailBody =\n    lang === 'ja'\n      ? [\n          'ShipScreens チーム様',\n          '',\n          '15分ヒアリングを希望します。',\n          '',\n          '- アプリ名 / URL:',\n          '- 現在のスクショ作業フロー:',\n          '- 端末数 / 言語数:',\n          '',\n          'よろしくお願いします。',\n        ].join('\\n')\n      : [\n          'Hi ShipScreens team,',\n          '',\n          'I want a 15-min workflow review to unblock my first Fastlane-ready export.',\n          '',\n          '- App name / link:',\n          '- Current screenshot workflow:',\n          '- #devices / #locales:',\n          '',\n          'Thanks!',\n        ].join('\\n');\n  const partnerMailto = `mailto:${supportEmail}?subject=${encodeURIComponent(mailSubject)}&body=${encodeURIComponent(\n    mailBody\n  )}`;\n\n  usePageTitle('titles.fastlaneScreenshots', { defaultValue: 'Fastlane screenshots - ShipScreens' });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'fastlane_screenshots' });\n  }, []);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: firstExportHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {t('landing.nav.primaryCta')} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_first_export_header' }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-10\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4 pt-6\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <FolderTree size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center pt-2\">\n            <a\n              href={agentCliHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_agent_cli_hero' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {copy.primaryCta} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.heroCliTitle}</div>\n            <p className=\"text-xs text-slate-400\">{copy.heroCliNote}</p>\n            <p className=\"text-xs text-slate-500\">{copy.heroCliSummary}</p>\n            <CopyButton\n              value={copy.heroCliCmd}\n              onCopied={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'copy_cli_hero' })}\n              className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n            >\n              {({ copyLabel, copyState }) => (\n                <>\n                  <Copy size={14} />\n                  {copyState === 'idle' ? copy.heroCliCopyLabel : copyLabel}\n                </>\n              )}\n            </CopyButton>\n            <details className=\"group\" open={defaultCodeOpen}>\n              <summary className=\"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none\">\n                <span>{codeToggleLabel}</span>\n                <ChevronDown size={14} className=\"text-slate-500 transition-transform duration-200 group-open:rotate-180\" />\n              </summary>\n              <div className=\"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.heroCliCmd}</pre>\n              </div>\n            </details>\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'fastlane_screenshots', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'fastlane_screenshots', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n          </div>\n          <ToolGuardrailsPanel\n            title={lang === 'ja' ? '詳細: CLIガードレール + Pro解除' : 'Advanced: CLI guardrails + Pro unlock'}\n            codeToggleLabel={codeToggleLabel}\n            copyButtonLabel={copyButtonLabel}\n            preflightHref=\"/tools/agent-cli/#preflight\"\n            onPreflightClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_cli_preflight' })\n            }\n            proUnlockTitle={copy.proUnlockTitle}\n            proUnlockBody={copy.proUnlockBody}\n            proUnlockCmd={copy.proUnlockCmd}\n            proUnlockNote={copy.proUnlockNote}\n            onProUnlockCopied={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'copy_cli_pro_unlock' })}\n          />\n          <CliPreflightCard\n            compact\n            href=\"/tools/agent-cli/#preflight\"\n            onClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', {\n                tool: 'fastlane_screenshots',\n                cta: 'open_cli_preflight_card',\n              })\n            }\n            className=\"max-w-xl mx-auto\"\n          />\n          <div className=\"text-xs text-slate-500 font-medium\">{copy.trustNote}</div>\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.structureTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.structureBody}</p>\n          <CodeBlock\n            label=\"paths\"\n            code={copy.structureCode}\n            tool=\"fastlane_screenshots\"\n            assetKey=\"fastlane_paths\"\n            toggleLabel={codeToggleLabel}\n            defaultOpen={defaultCodeOpen}\n          />\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.bucketsTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.bucketsBody}</p>\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.localTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.localBody}</p>\n          <CodeBlock\n            label=\"local\"\n            code={copy.localCode}\n            tool=\"fastlane_screenshots\"\n            assetKey=\"local_quickstart\"\n            toggleLabel={codeToggleLabel}\n            defaultOpen={defaultCodeOpen}\n          />\n        </section>\n\n        <details className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group\">\n          <summary className=\"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none\">\n            <span>{copy.pipelineTitle}</span>\n            <span className=\"flex items-center gap-2 text-[10px] font-semibold text-slate-400\">\n              {lang === 'ja' ? '詳細' : 'ADVANCED'}\n              <ChevronDown size={14} className=\"text-slate-500\" />\n            </span>\n          </summary>\n          <div className=\"mt-3 space-y-3\">\n            <p className=\"text-sm text-slate-300\">{copy.pipelineBody}</p>\n            <CodeBlock\n              label=\"ci\"\n              code={copy.pipelineCode}\n              tool=\"fastlane_screenshots\"\n              assetKey=\"ci_pipeline\"\n              toggleLabel={codeToggleLabel}\n              defaultOpen={defaultCodeOpen}\n            />\n          </div>\n        </details>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 flex flex-col md:flex-row items-start md:items-center justify-between gap-4\">\n          <div className=\"space-y-1\">\n            <div className=\"text-sm font-bold text-white\">{copy.partnerTitle}</div>\n            <div className=\"text-sm text-slate-300\">{copy.partnerBody}</div>\n          </div>\n          <div className=\"flex flex-col sm:flex-row gap-3 w-full md:w-auto\">\n            <a\n              href={partnerMailto}\n              onClick={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'email_design_partner' })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full md:w-auto\"\n            >\n              <Mail size={16} />\n              {copy.partnerEmailCta}\n            </a>\n            <a\n              href=\"https://x.com/shipscreenscom\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => trackEvent('tool_cta_click', { tool: 'fastlane_screenshots', cta: 'dm_design_partner' })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full md:w-auto\"\n            >\n              <MessageSquare size={16} />\n              {copy.partnerDmCta}\n            </a>\n          </div>\n        </section>\n\n        <section className=\"max-w-3xl mx-auto text-center space-y-3 pt-2\">\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center\">\n            <a\n              href={agentCliHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'open_agent_cli_footer' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition\"\n            >\n              {copy.primaryCta} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'fastlane_screenshots',\n                  cta: 'open_sample_project_footer',\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {copy.secondaryCta} <ArrowRight size={16} />\n            </a>\n          </div>\n        </section>\n      </main>\n      <StickyMobileCta\n        primary={{\n          label: copy.primaryCta,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'sticky_primary' }),\n        }}\n        secondary={{\n          label: copy.secondaryCta,\n          href: sampleProjectHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'fastlane_screenshots', cta: 'sticky_secondary' }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FastlaneScreenshots;\n"],"names":["__iconNode","Mail","createLucideIcon","MessageSquare","normalizeLang","lang","COPY","CodeBlock","label","code","tool","assetKey","toggleLabel","defaultOpen","jsxs","jsx","CopyButton","trackEvent","copyLabel","Fragment","Copy","ChevronDown","FastlaneScreenshots","i18n","t","useTranslation","copy","openAppHref","agentCliHref","firstExportHref","sampleProjectHref","configDownloadHref","csvDownloadHref","copyButtonLabel","codeToggleLabel","defaultCodeOpen","supportEmail","mailSubject","mailBody","partnerMailto","usePageTitle","useEffect","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","FolderTree","copyState","ToolGuardrailsPanel","CliPreflightCard","FitPanel","StickyMobileCta"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/{app/assets/FirstExport-BMHdPGDX.js → assets/FirstExport-CzioMqbJ.js}

@@ -1,6 +1,6 @@
-import{u as B,r as y,t as r,j as e,b as a}from"./index-C4xM6WAU.js";import{A as o,C as u}from"./CopyButton-BlPQEoP3.js";import{C as S,S as q}from"./StickyMobileCta-BdjmxjZ4.js";import{F as U}from"./FitPanel-Fp4iPZxf.js";import{a as F,S as R}from"./LanguageSwitcher-Cp-6zMXz.js";import{S as A}from"./SiteHeader-Ch5fAKkA.js";import{R as H}from"./rocket-fjJ-qzsl.js";import{C as p}from"./circle-check-DA-NWInD.js";import{C as O}from"./chevron-down-DFKVs9n4.js";import{T as j}from"./terminal-CY2dKmaU.js";import{C as f}from"./clipboard-copy-B2p9wr40.js";const Z=c=>(c||"").split("-")[0]==="ja"?"ja":"en",C={en:{badge:"5-minute first export",title:"Get an outcome-first Fastlane-ready export in 5 minutes",subtitle:"You may already have design tools or Fastlane scripts. This page gets you to a reproducible first export (fastlane/ + ZIP) with a clear panel story, so reruns stop breaking on both messaging and paths/order.",quickPathTitle:"Fastest path (keep your current design workflow)",quickPathBullets:["Start from the 5-panel sample project and edit copy first.","Keep panel #1 to one concrete outcome for one user type.","Use zero-padded 01..05 naming so release reruns stay stable."],demoTitle:"Run a demo export (no assets required)",demoBody:"If you just want to sanity-check the folder roots and the deterministic ZIP first, run the demo. It generates a throwaway project and stages a clean upload root.",demoCmd:"npx --yes shipscreens demo",demoBullets:["Output tree: fastlane/ + reproducible ZIP","Stages a clean upload root (deliver/supply-safe)","Delete the demo folder anytime"],demoNote:"First run may take longer while npx downloads the package.",heroCliTitle:"CLI quickstart (2 steps)",heroCliNote:"wizard → build (raw mode, no Playwright).",heroCliSummary:"Outputs: fastlane/ + reproducible ZIP (local/CI); add verify/stage next.",heroCliCopyLabel:"Copy all commands",heroCliTemplatesLabel:"Starter templates",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",ctas:{cli:"Run CLI first export",goPro:"Go Pro",sample:"Open sample project"},steps:[{title:"Run the CLI wizard (or open the sample)",body:"Scaffold config + placeholders from wizard, or start from the 5-panel sample and keep your current visual style."},{title:"Lock panel order + export upload-ready outputs",body:"Generate fastlane/ + reproducible ZIP with stable numbering/path naming and a clear Hook -> CTA panel flow."},{title:"Add verify + stage guardrails",body:"Run validate/lock/build/verify/stage so each release stays upload-safe and avoids hidden drift."}],quickstartTitle:"CI quickstart (copy/paste)",quickstartBody:"Run these commands in CI to generate Fastlane-ready outputs (rendered mode).",quickstartCmd:["npm ci","npx playwright install --with-deps chromium","npm run shipscreens:validate","npm run shipscreens:lock -- --check","npm run shipscreens:build -- --zip","npm run shipscreens:verify -- --zip"].join(`
+import{u as B,r as y,t as r,j as e,b as a}from"./index-Bffw9flM.js";import{A as o,C as u}from"./CopyButton-BZQEBHBq.js";import{C as S,S as q}from"./StickyMobileCta-C41cW-Ji.js";import{F as U}from"./FitPanel-DzYzTMEi.js";import{a as F,S as R}from"./LanguageSwitcher-CfUhVVuT.js";import{S as A}from"./SiteHeader-BGQW06JF.js";import{R as H}from"./rocket-d1Ntm8ge.js";import{C as p}from"./circle-check-reAyVfkP.js";import{C as O}from"./chevron-down-DVRa-y8D.js";import{T as j}from"./terminal-CT_KE008.js";import{C as f}from"./clipboard-copy-BfB1mutp.js";const Z=c=>(c||"").split("-")[0]==="ja"?"ja":"en",C={en:{badge:"5-minute first export",title:"Get an outcome-first Fastlane-ready export in 5 minutes",subtitle:"You may already have design tools or Fastlane scripts. This page gets you to a reproducible first export (fastlane/ + ZIP) with a clear panel story, so reruns stop breaking on both messaging and paths/order.",quickPathTitle:"Fastest path (keep your current design workflow)",quickPathBullets:["Start from the 5-panel sample project and edit copy first.","Keep panel #1 to one concrete outcome for one user type.","Use zero-padded 01..05 naming so release reruns stay stable."],demoTitle:"Run a demo export (no assets required)",demoBody:"If you just want to sanity-check the folder roots and the deterministic ZIP first, run the demo. It generates a throwaway project and stages a clean upload root.",demoCmd:"npx --yes shipscreens demo",demoBullets:["Output tree: fastlane/ + reproducible ZIP","Stages a clean upload root (deliver/supply-safe)","Delete the demo folder anytime"],demoNote:"First run may take longer while npx downloads the package.",heroCliTitle:"CLI quickstart (2 steps)",heroCliNote:"wizard → build (raw mode, no Playwright).",heroCliSummary:"Outputs: fastlane/ + reproducible ZIP (local/CI); add verify/stage next.",heroCliCopyLabel:"Copy all commands",heroCliTemplatesLabel:"Starter templates",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",ctas:{cli:"Run CLI first export",goPro:"Go Pro",sample:"Open sample project"},steps:[{title:"Run the CLI wizard (or open the sample)",body:"Scaffold config + placeholders from wizard, or start from the 5-panel sample and keep your current visual style."},{title:"Lock panel order + export upload-ready outputs",body:"Generate fastlane/ + reproducible ZIP with stable numbering/path naming and a clear Hook -> CTA panel flow."},{title:"Add verify + stage guardrails",body:"Run validate/lock/build/verify/stage so each release stays upload-safe and avoids hidden drift."}],quickstartTitle:"CI quickstart (copy/paste)",quickstartBody:"Run these commands in CI to generate Fastlane-ready outputs (rendered mode).",quickstartCmd:["npm ci","npx playwright install --with-deps chromium","npm run shipscreens:validate","npm run shipscreens:lock -- --check","npm run shipscreens:build -- --zip","npm run shipscreens:verify -- --zip"].join(`
 `),cliTitle:"Prefer CLI (no browser)?",cliBody:"Run shipscreens wizard, replace placeholders, and build in raw mode first; then add verify/stage to catch drift before upload.",cliCmd:["npx --yes shipscreens wizard","# replace assets/en-US/01.png..05.png","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
 `),cliCta:"Open Agent + CLI quickstart",proTitle:"Upgrade unlocks",proBullets:["Unlock CI-grade reruns (rendered exports)","Full matrix batch exports (devices × locales)","CSV/JSON copy import at scale","No watermark"],proUnlockTitle:"Unlock Pro (CLI)",proUnlockBody:"Remove the watermark and unlock full matrix exports via CLI auth:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"Completes a one-time browser sign-in; then rerun build with --require-pro.",advancedTitle:"Advanced: CLI + CI guardrails",advancedBody:"Optional for first export. Use this when you need deterministic reruns in CI.",note:"Free exports are watermarked. Keep your current design tools and art direction; ShipScreens adds deterministic reruns + upload guardrails. Clarity check: if screenshot #1 could fit many apps, rewrite it with one concrete outcome."},ja:{badge:"5分で初回エクスポート",title:"成果訴求を固めた Fastlane-ready を5分で出す",subtitle:"既存のデザインツールやFastlaneスクリプトはそのままで、まず「1枚目で成果が伝わる」再現性のある初回出力（fastlane/ + ZIP）を作るページです。パス/順序の崩れも止めます。",quickPathTitle:"最短導線（既存デザイン運用をそのまま活用）",quickPathBullets:["5枚構成サンプルを開いて、まずコピーだけ調整する。","1枚目は「誰に、どんな成果か」を1つに絞る。","01..05 の連番命名で、リリース時の再実行を安定化する。"],demoTitle:"デモを書き出す（素材不要）",demoBody:"まずフォルダ構成と再現性ZIPだけ確認したい場合はデモが最短です。捨てプロジェクトを生成し、クリーンな提出ルートまで stage します。",demoCmd:"npx --yes shipscreens demo",demoBullets:["出力: fastlane/ + 再現性ZIP","提出用のクリーンなルートを stage","デモは削除してOK"],demoNote:"初回は npx がパッケージを取得するため時間がかかる場合があります。",heroCliTitle:"CLIクイックスタート（2ステップ）",heroCliNote:"wizard → build（raw / Playwright不要）。",heroCliSummary:"出力: fastlane/ + 再現性ZIP（ローカル/CI）; 次に verify/stage を追加。",heroCliCopyLabel:"コマンドをすべてコピー",heroCliTemplatesLabel:"スターター雛形",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",ctas:{cli:"CLIで初回エクスポート",goPro:"Proにアップグレード",sample:"サンプルを開く"},steps:[{title:"CLI wizard で雛形作成（サンプルでも可）",body:"wizard で雛形を作るか、5枚構成サンプルから開始し、既存の見た目を維持したまま進めます。"},{title:"訴求順を固定してアップロード用出力を作る",body:"Hook->CTA の流れを維持しながら、連番/パス命名を固定して fastlane/ + 再現性ZIP を出力。"},{title:"verify + stage を追加",body:"validate/lock/build/verify/stage を回し、毎リリースのアップロード事故と見えないドリフトを防ぎます。"}],quickstartTitle:"CIクイックスタート（コピペ）",quickstartBody:"CIで Fastlane-ready 出力を生成するコマンドです（rendered mode）。",quickstartCmd:["npm ci","npx playwright install --with-deps chromium","npm run shipscreens:validate","npm run shipscreens:lock -- --check","npm run shipscreens:build -- --zip","npm run shipscreens:verify -- --zip"].join(`
 `),cliTitle:"CLIで完結したい場合",cliBody:"shipscreens wizard で雛形を作って raw モードで出力し、次に verify/stage を足して提出前に崩れを検知します。",cliCmd:["npx --yes shipscreens wizard","# assets/en-US/01.png〜05.png を差し替え","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
 `),cliCta:"Agent + CLI クイックスタート",proTitle:"Proでできること",proBullets:["CIで再実行（rendered出力）","フル一括（端末×言語）","CSV/JSON copy 取り込み","透かしなし"],proUnlockTitle:"Proを解除（CLI）",proUnlockBody:"透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"初回のみブラウザでサインインします。以後は --require-pro で再実行。",advancedTitle:"詳細: CLI + CI ガードレール",advancedBody:"初回出力では任意。CIで再実行性を固定したい場合に使います。",note:"無料版は透かし付きです。既存の見た目とツールはそのままに、ShipScreensで再実行性と提出前ガードレールを追加します。確認: 1枚目見出しが他の多くのアプリにも当てはまるなら、成果を具体化します。"}},X=()=>{const{i18n:c,t:l}=B(),_=Z(c.resolvedLanguage||c.language),t=C[_]||C.en,x="support@shimaumaservices.co.jp",k=l("landing.partner.emailSubject",{defaultValue:"ShipScreens first export review"}),v=l("landing.partner.emailBody",{defaultValue:""}),N=`mailto:${x}?subject=${encodeURIComponent(k)}&body=${encodeURIComponent(v)}`,w="/app/?sample=5panel&entry_source=first_export_open_app_header",g="/tools/agent-cli/",I="/downloads/shipscreens-agent-cli-config.yml",P="/downloads/shipscreens-agent-cli-copy.csv",T="/app/?sample=5panel&upgrade=1&entry_source=first_export_go_pro_footer",m="/app/?sample=5panel&entry_source=first_export_open_sample_project",z="/app/?sample=5panel&entry_source=first_export_open_sample_project_footer",d=l("common.copy",{defaultValue:"Copy"}),[L,b]=y.useState("cli"),i=L==="cli",n=i?{title:t.cliTitle,body:t.cliBody,cmd:t.cliCmd,cta:"copy_cli_quickstart"}:{title:t.quickstartTitle,body:t.quickstartBody,cmd:t.quickstartCmd,cta:"copy_ci_quickstart"};return F("titles.firstExport",{defaultValue:t.title}),y.useEffect(()=>{r("tool_view",{tool:"first_export"})},[]),e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white",children:[e.jsx(R,{}),e.jsx(A,{variant:"dark",active:"tools",openAppHref:w,onToolsClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_tools_header"}),onPricingClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"pricing_header"}),onOpenAppClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_app_header"}),primaryCta:{href:m,label:e.jsxs("span",{className:"inline-flex items-center gap-2",children:[t.ctas.sample," ",e.jsx(o,{size:16})]}),onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_sample_project_header"})}}),e.jsxs("main",{className:"max-w-5xl mx-auto px-6 pb-24 space-y-12",children:[e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-4",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold",children:[e.jsx(H,{size:14}),t.badge]}),e.jsx("h1",{className:"text-3xl md:text-5xl font-black leading-tight",children:t.title}),e.jsx("p",{className:"text-slate-300 text-lg leading-relaxed",children:t.subtitle}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3 justify-center pt-2",children:[e.jsxs("a",{href:m,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_sample_project_hero"}),className:"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition",children:[t.ctas.sample," ",e.jsx(o,{size:16})]}),e.jsxs("a",{href:g,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_agent_cli_hero"}),className:"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition",children:[t.ctas.cli," ",e.jsx(o,{size:16})]})]}),e.jsxs("div",{className:"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.quickPathTitle}),t.quickPathBullets?.length>0&&e.jsx("ul",{className:"space-y-1 text-xs text-slate-300",children:t.quickPathBullets.map(s=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(p,{size:14,className:"mt-0.5 text-green-400 shrink-0"}),e.jsx("span",{children:s})]},s))})]}),e.jsx("p",{className:"text-xs text-slate-500",children:t.note})]}),e.jsx(U,{className:"max-w-4xl mx-auto w-full"}),e.jsx("section",{className:"grid md:grid-cols-3 gap-6",children:t.steps.map((s,h)=>e.jsxs("div",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3",children:[e.jsxs("div",{className:"text-xs font-semibold text-blue-200",children:["STEP ",h+1]}),e.jsx("div",{className:"text-lg font-bold text-white",children:s.title}),e.jsx("p",{className:"text-sm text-slate-300 leading-relaxed",children:s.body})]},s.title))}),e.jsxs("details",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group",children:[e.jsxs("summary",{className:"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none",children:[e.jsx("span",{children:t.advancedTitle}),e.jsxs("span",{className:"flex items-center gap-2 text-[10px] font-semibold text-slate-400",children:["CLI/CI ",e.jsx(O,{size:14,className:"text-slate-500"})]})]}),e.jsxs("div",{className:"mt-3 space-y-4",children:[e.jsx("p",{className:"text-sm text-slate-300",children:t.advancedBody}),e.jsxs("div",{className:"flex flex-col md:flex-row md:items-center md:justify-between gap-3",children:[e.jsxs("div",{className:"flex items-center gap-2 text-sm font-bold text-white",children:[i?e.jsx(j,{size:16,className:"text-blue-300"}):e.jsx(p,{size:16,className:"text-blue-300"}),n.title]}),e.jsxs("div",{className:"inline-flex gap-2 rounded-lg border border-slate-700 bg-slate-950 p-1",children:[e.jsx("button",{type:"button",onClick:()=>b("cli"),className:`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${i?"bg-white text-slate-900":"text-slate-400 hover:text-slate-200"}`,children:t.cliTitle}),e.jsx("button",{type:"button",onClick:()=>b("ci"),className:`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${i?"text-slate-400 hover:text-slate-200":"bg-white text-slate-900"}`,children:t.quickstartTitle})]})]}),e.jsx("p",{className:"text-sm text-slate-300",children:n.body}),e.jsx("div",{className:"rounded-xl border border-slate-800 bg-slate-950 p-4",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:n.cmd})}),e.jsx(u,{value:n.cmd,onCopied:()=>r("tool_cta_click",{tool:"first_export",cta:n.cta}),className:"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:({copyLabel:s})=>e.jsxs(e.Fragment,{children:[e.jsx(f,{size:14}),s||d]})}),i&&e.jsxs("a",{href:"/tools/agent-cli/",onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_agent_cli"}),className:"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 transition-colors",children:[t.cliCta," ",e.jsx(o,{size:14})]}),e.jsxs("div",{className:"pt-1 space-y-2",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTemplatesLabel}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("a",{href:I,download:!0,onClick:()=>r("tool_download",{tool:"first_export",asset:"config_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliConfigLabel}),e.jsx("a",{href:P,download:!0,onClick:()=>r("tool_download",{tool:"first_export",asset:"copy_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliCsvLabel})]})]}),e.jsxs("div",{className:"text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2 text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:[e.jsx(j,{size:14,className:"text-blue-300"}),t.demoTitle]}),e.jsx("p",{className:"text-xs text-slate-400",children:t.demoBody}),e.jsx("div",{className:"rounded-xl border border-slate-800 bg-slate-950 p-3",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:t.demoCmd})}),e.jsx(u,{value:t.demoCmd,onCopied:()=>r("tool_cta_click",{tool:"first_export",cta:"copy_demo_cmd"}),className:"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold",children:({copyLabel:s,copyState:h})=>e.jsxs(e.Fragment,{children:[e.jsx(f,{size:14}),h==="idle"?d:s||d]})}),t.demoBullets?.length>0&&e.jsx("ul",{className:"space-y-1 text-xs text-slate-300 pt-1",children:t.demoBullets.map(s=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(p,{size:14,className:"mt-0.5 text-green-400 shrink-0"}),e.jsx("span",{children:s})]},s))}),t.demoNote&&e.jsx("div",{className:"text-[11px] text-slate-500",children:t.demoNote})]}),e.jsx(S,{compact:!0,href:"/tools/agent-cli/#preflight",onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_cli_preflight"}),className:"max-w-xl"})]})]}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("div",{className:"text-lg font-bold text-white",children:t.proTitle}),e.jsx("ul",{className:"space-y-2 text-sm text-slate-300",children:t.proBullets.map(s=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(p,{size:16,className:"text-green-400"}),s]},s))}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3 pt-2",children:[e.jsxs("a",{href:T,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"go_pro_footer"}),className:"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition",children:[t.ctas.goPro," ",e.jsx(o,{size:16})]}),e.jsxs("a",{href:z,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"open_sample_project_footer"}),className:"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition",children:[t.ctas.sample," ",e.jsx(o,{size:16})]})]}),e.jsxs("div",{className:"pt-4 border-t border-slate-800/80 space-y-2",children:[e.jsx("div",{className:"text-sm font-bold text-white",children:t.proUnlockTitle}),t.proUnlockBody&&e.jsx("p",{className:"text-sm text-slate-300",children:t.proUnlockBody}),e.jsx("div",{className:"rounded-xl border border-slate-800 bg-slate-950/80 p-4",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:t.proUnlockCmd})}),e.jsx("div",{className:"flex flex-col sm:flex-row gap-3",children:e.jsx(u,{value:t.proUnlockCmd,onCopied:()=>r("tool_cta_click",{tool:"first_export",cta:"copy_cli_pro_unlock"}),className:"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold",children:({copyLabel:s})=>e.jsxs(e.Fragment,{children:[e.jsx(f,{size:14}),s||d]})})}),t.proUnlockNote&&e.jsx("div",{className:"text-xs text-slate-500",children:t.proUnlockNote})]})]}),e.jsxs("section",{id:"design-partner",className:"max-w-3xl mx-auto bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("div",{className:"text-lg font-bold text-white",children:l("landing.partner.title")}),e.jsx("div",{className:"text-sm text-slate-300 leading-relaxed",children:l("landing.partner.body")}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:N,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"email_design_partner"}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition",children:[l("landing.partner.emailCta")," ",e.jsx(o,{size:16})]}),e.jsx("a",{href:"https://x.com/shipscreenscom",target:"_blank",rel:"noopener noreferrer",onClick:()=>r("tool_cta_click",{tool:"first_export",cta:"dm_design_partner"}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition",children:l("landing.partner.dmCta")})]}),e.jsxs("div",{className:"text-xs text-slate-500",children:[l("landing.partner.emailLabel")," ",e.jsx("a",{href:`mailto:${x}`,className:"underline underline-offset-4 hover:text-white",children:x})]})]})]}),e.jsx(q,{note:t.note,primary:{label:t.ctas.sample,href:m,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"sticky_primary_sample"})},secondary:{label:t.ctas.cli,href:g,onClick:s=>a(s,"tool_cta_click",{tool:"first_export",cta:"sticky_secondary_cli"})}})]})};export{X as default};
-//# sourceMappingURL=FirstExport-BMHdPGDX.js.map
+//# sourceMappingURL=FirstExport-CzioMqbJ.js.map

package/dist/assets/{FirstExport-BMHdPGDX.js.map → FirstExport-CzioMqbJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FirstExport-BMHdPGDX.js","sources":["../../src/pages/FirstExport.jsx"],"sourcesContent":["import { ArrowRight, CheckCircle2, ChevronDown, ClipboardCopy, Rocket, Terminal } from 'lucide-react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport CopyButton from '../components/CopyButton';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst COPY = {\n  en: {\n    badge: '5-minute first export',\n    title: 'Get an outcome-first Fastlane-ready export in 5 minutes',\n    subtitle:\n      'You may already have design tools or Fastlane scripts. This page gets you to a reproducible first export (fastlane/ + ZIP) with a clear panel story, so reruns stop breaking on both messaging and paths/order.',\n    quickPathTitle: 'Fastest path (keep your current design workflow)',\n    quickPathBullets: [\n      'Start from the 5-panel sample project and edit copy first.',\n      'Keep panel #1 to one concrete outcome for one user type.',\n      'Use zero-padded 01..05 naming so release reruns stay stable.',\n    ],\n    demoTitle: 'Run a demo export (no assets required)',\n    demoBody:\n      'If you just want to sanity-check the folder roots and the deterministic ZIP first, run the demo. It generates a throwaway project and stages a clean upload root.',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: [\n      'Output tree: fastlane/ + reproducible ZIP',\n      'Stages a clean upload root (deliver/supply-safe)',\n      'Delete the demo folder anytime',\n    ],\n    demoNote: 'First run may take longer while npx downloads the package.',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI); add verify/stage next.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    ctas: {\n      cli: 'Run CLI first export',\n      goPro: 'Go Pro',\n      sample: 'Open sample project',\n    },\n    steps: [\n      {\n        title: 'Run the CLI wizard (or open the sample)',\n        body: 'Scaffold config + placeholders from wizard, or start from the 5-panel sample and keep your current visual style.',\n      },\n      {\n        title: 'Lock panel order + export upload-ready outputs',\n        body: 'Generate fastlane/ + reproducible ZIP with stable numbering/path naming and a clear Hook -> CTA panel flow.',\n      },\n      {\n        title: 'Add verify + stage guardrails',\n        body: 'Run validate/lock/build/verify/stage so each release stays upload-safe and avoids hidden drift.',\n      },\n    ],\n    quickstartTitle: 'CI quickstart (copy/paste)',\n    quickstartBody: 'Run these commands in CI to generate Fastlane-ready outputs (rendered mode).',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'Prefer CLI (no browser)?',\n    cliBody:\n      'Run shipscreens wizard, replace placeholders, and build in raw mode first; then add verify/stage to catch drift before upload.',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# replace assets/en-US/01.png..05.png',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Open Agent + CLI quickstart',\n    proTitle: 'Upgrade unlocks',\n    proBullets: [\n      'Unlock CI-grade reruns (rendered exports)',\n      'Full matrix batch exports (devices × locales)',\n      'CSV/JSON copy import at scale',\n      'No watermark',\n    ],\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    advancedTitle: 'Advanced: CLI + CI guardrails',\n    advancedBody: 'Optional for first export. Use this when you need deterministic reruns in CI.',\n    note: 'Free exports are watermarked. Keep your current design tools and art direction; ShipScreens adds deterministic reruns + upload guardrails. Clarity check: if screenshot #1 could fit many apps, rewrite it with one concrete outcome.',\n  },\n  ja: {\n    badge: '5分で初回エクスポート',\n    title: '成果訴求を固めた Fastlane-ready を5分で出す',\n    subtitle:\n      '既存のデザインツールやFastlaneスクリプトはそのままで、まず「1枚目で成果が伝わる」再現性のある初回出力（fastlane/ + ZIP）を作るページです。パス/順序の崩れも止めます。',\n    quickPathTitle: '最短導線（既存デザイン運用をそのまま活用）',\n    quickPathBullets: [\n      '5枚構成サンプルを開いて、まずコピーだけ調整する。',\n      '1枚目は「誰に、どんな成果か」を1つに絞る。',\n      '01..05 の連番命名で、リリース時の再実行を安定化する。',\n    ],\n    demoTitle: 'デモを書き出す（素材不要）',\n    demoBody:\n      'まずフォルダ構成と再現性ZIPだけ確認したい場合はデモが最短です。捨てプロジェクトを生成し、クリーンな提出ルートまで stage します。',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: ['出力: fastlane/ + 再現性ZIP', '提出用のクリーンなルートを stage', 'デモは削除してOK'],\n    demoNote: '初回は npx がパッケージを取得するため時間がかかる場合があります。',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）; 次に verify/stage を追加。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    ctas: {\n      cli: 'CLIで初回エクスポート',\n      goPro: 'Proにアップグレード',\n      sample: 'サンプルを開く',\n    },\n    steps: [\n      {\n        title: 'CLI wizard で雛形作成（サンプルでも可）',\n        body: 'wizard で雛形を作るか、5枚構成サンプルから開始し、既存の見た目を維持したまま進めます。',\n      },\n      {\n        title: '訴求順を固定してアップロード用出力を作る',\n        body: 'Hook->CTA の流れを維持しながら、連番/パス命名を固定して fastlane/ + 再現性ZIP を出力。',\n      },\n      {\n        title: 'verify + stage を追加',\n        body: 'validate/lock/build/verify/stage を回し、毎リリースのアップロード事故と見えないドリフトを防ぎます。',\n      },\n    ],\n    quickstartTitle: 'CIクイックスタート（コピペ）',\n    quickstartBody: 'CIで Fastlane-ready 出力を生成するコマンドです（rendered mode）。',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'CLIで完結したい場合',\n    cliBody:\n      'shipscreens wizard で雛形を作って raw モードで出力し、次に verify/stage を足して提出前に崩れを検知します。',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# assets/en-US/01.png〜05.png を差し替え',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Agent + CLI クイックスタート',\n    proTitle: 'Proでできること',\n    proBullets: [\n      'CIで再実行（rendered出力）',\n      'フル一括（端末×言語）',\n      'CSV/JSON copy 取り込み',\n      '透かしなし',\n    ],\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    advancedTitle: '詳細: CLI + CI ガードレール',\n    advancedBody: '初回出力では任意。CIで再実行性を固定したい場合に使います。',\n    note: '無料版は透かし付きです。既存の見た目とツールはそのままに、ShipScreensで再実行性と提出前ガードレールを追加します。確認: 1枚目見出しが他の多くのアプリにも当てはまるなら、成果を具体化します。',\n  },\n};\n\nconst FirstExport = () => {\n  const { i18n, t } = useTranslation();\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n  const supportEmail = 'support@shimaumaservices.co.jp';\n  const partnerSubject = t('landing.partner.emailSubject', { defaultValue: 'ShipScreens first export review' });\n  const partnerBody = t('landing.partner.emailBody', { defaultValue: '' });\n  const partnerMailto = `mailto:${supportEmail}?subject=${encodeURIComponent(partnerSubject)}&body=${encodeURIComponent(\n    partnerBody\n  )}`;\n  const openAppHref = '/app/?sample=5panel&entry_source=first_export_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const goProFooterHref = '/app/?sample=5panel&upgrade=1&entry_source=first_export_go_pro_footer';\n  const sampleProjectHeroHref = '/app/?sample=5panel&entry_source=first_export_open_sample_project';\n  const sampleProjectFooterHref = '/app/?sample=5panel&entry_source=first_export_open_sample_project_footer';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const [quickstartMode, setQuickstartMode] = useState('cli');\n  const isCli = quickstartMode === 'cli';\n  const quickstart = isCli\n    ? { title: copy.cliTitle, body: copy.cliBody, cmd: copy.cliCmd, cta: 'copy_cli_quickstart' }\n    : { title: copy.quickstartTitle, body: copy.quickstartBody, cmd: copy.quickstartCmd, cta: 'copy_ci_quickstart' };\n\n  usePageTitle('titles.firstExport', { defaultValue: copy.title });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'first_export' });\n  }, []);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: sampleProjectHeroHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_header' }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-12\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <Rocket size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center pt-2\">\n            <a\n              href={sampleProjectHeroHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_hero' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n            <a\n              href={agentCliHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli_hero' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.cli} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.quickPathTitle}</div>\n            {copy.quickPathBullets?.length > 0 && (\n              <ul className=\"space-y-1 text-xs text-slate-300\">\n                {copy.quickPathBullets.map((item) => (\n                  <li key={item} className=\"flex items-start gap-2\">\n                    <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                    <span>{item}</span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          <p className=\"text-xs text-slate-500\">{copy.note}</p>\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"grid md:grid-cols-3 gap-6\">\n          {copy.steps.map((step, index) => (\n            <div key={step.title} className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n              <div className=\"text-xs font-semibold text-blue-200\">STEP {index + 1}</div>\n              <div className=\"text-lg font-bold text-white\">{step.title}</div>\n              <p className=\"text-sm text-slate-300 leading-relaxed\">{step.body}</p>\n            </div>\n          ))}\n        </section>\n\n        <details className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group\">\n          <summary className=\"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none\">\n            <span>{copy.advancedTitle}</span>\n            <span className=\"flex items-center gap-2 text-[10px] font-semibold text-slate-400\">\n              CLI/CI <ChevronDown size={14} className=\"text-slate-500\" />\n            </span>\n          </summary>\n          <div className=\"mt-3 space-y-4\">\n            <p className=\"text-sm text-slate-300\">{copy.advancedBody}</p>\n            <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-3\">\n              <div className=\"flex items-center gap-2 text-sm font-bold text-white\">\n                {isCli ? <Terminal size={16} className=\"text-blue-300\" /> : <CheckCircle2 size={16} className=\"text-blue-300\" />}\n                {quickstart.title}\n              </div>\n              <div className=\"inline-flex gap-2 rounded-lg border border-slate-700 bg-slate-950 p-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('cli')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.cliTitle}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('ci')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    !isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.quickstartTitle}\n                </button>\n              </div>\n            </div>\n            <p className=\"text-sm text-slate-300\">{quickstart.body}</p>\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{quickstart.cmd}</pre>\n            </div>\n            <CopyButton\n              value={quickstart.cmd}\n              onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: quickstart.cta })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n            >\n              {({ copyLabel }) => (\n                <>\n                  <ClipboardCopy size={14} />\n                  {copyLabel || copyButtonLabel}\n                </>\n              )}\n            </CopyButton>\n            {isCli && (\n              <a\n                href=\"/tools/agent-cli/\"\n                onClick={(event) =>\n                  trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli' })\n                }\n                className=\"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 transition-colors\"\n              >\n                {copy.cliCta} <ArrowRight size={14} />\n              </a>\n            )}\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n              <div className=\"flex items-center gap-2 text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                <Terminal size={14} className=\"text-blue-300\" />\n                {copy.demoTitle}\n              </div>\n              <p className=\"text-xs text-slate-400\">{copy.demoBody}</p>\n              <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.demoCmd}</pre>\n              </div>\n              <CopyButton\n                value={copy.demoCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_demo_cmd' })}\n                className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n              >\n                {({ copyLabel, copyState }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyState === 'idle' ? copyButtonLabel : copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n              {copy.demoBullets?.length > 0 && (\n                <ul className=\"space-y-1 text-xs text-slate-300 pt-1\">\n                  {copy.demoBullets.map((item) => (\n                    <li key={item} className=\"flex items-start gap-2\">\n                      <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                      <span>{item}</span>\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {copy.demoNote && <div className=\"text-[11px] text-slate-500\">{copy.demoNote}</div>}\n            </div>\n            <CliPreflightCard\n              compact\n              href=\"/tools/agent-cli/#preflight\"\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_cli_preflight' })\n              }\n              className=\"max-w-xl\"\n            />\n          </div>\n        </details>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <div className=\"text-lg font-bold text-white\">{copy.proTitle}</div>\n          <ul className=\"space-y-2 text-sm text-slate-300\">\n            {copy.proBullets.map((item) => (\n              <li key={item} className=\"flex items-center gap-2\">\n                <CheckCircle2 size={16} className=\"text-green-400\" />\n                {item}\n              </li>\n            ))}\n          </ul>\n          <div className=\"flex flex-col sm:flex-row gap-3 pt-2\">\n            <a\n              href={goProFooterHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'go_pro_footer' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition\"\n            >\n              {copy.ctas.goPro} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectFooterHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_footer' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"pt-4 border-t border-slate-800/80 space-y-2\">\n            <div className=\"text-sm font-bold text-white\">{copy.proUnlockTitle}</div>\n            {copy.proUnlockBody && <p className=\"text-sm text-slate-300\">{copy.proUnlockBody}</p>}\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950/80 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.proUnlockCmd}</pre>\n            </div>\n            <div className=\"flex flex-col sm:flex-row gap-3\">\n              <CopyButton\n                value={copy.proUnlockCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_cli_pro_unlock' })}\n                className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n              >\n                {({ copyLabel }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n            </div>\n            {copy.proUnlockNote && <div className=\"text-xs text-slate-500\">{copy.proUnlockNote}</div>}\n          </div>\n        </section>\n\n        <section\n          id=\"design-partner\"\n          className=\"max-w-3xl mx-auto bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\"\n        >\n          <div className=\"text-lg font-bold text-white\">{t('landing.partner.title')}</div>\n          <div className=\"text-sm text-slate-300 leading-relaxed\">{t('landing.partner.body')}</div>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={partnerMailto}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'email_design_partner' })\n              }\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {t('landing.partner.emailCta')} <ArrowRight size={16} />\n            </a>\n            <a\n              href=\"https://x.com/shipscreenscom\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'dm_design_partner' })}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {t('landing.partner.dmCta')}\n            </a>\n          </div>\n          <div className=\"text-xs text-slate-500\">\n            {t('landing.partner.emailLabel')}{' '}\n            <a href={`mailto:${supportEmail}`} className=\"underline underline-offset-4 hover:text-white\">\n              {supportEmail}\n            </a>\n          </div>\n        </section>\n      </main>\n      <StickyMobileCta\n        note={copy.note}\n        primary={{\n          label: copy.ctas.sample,\n          href: sampleProjectHeroHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_primary_sample' }),\n        }}\n        secondary={{\n          label: copy.ctas.cli,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_secondary_cli' }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FirstExport;\n"],"names":["normalizeLang","lang","COPY","FirstExport","i18n","t","useTranslation","copy","supportEmail","partnerSubject","partnerBody","partnerMailto","openAppHref","agentCliHref","configDownloadHref","csvDownloadHref","goProFooterHref","sampleProjectHeroHref","sampleProjectFooterHref","copyButtonLabel","quickstartMode","setQuickstartMode","useState","isCli","quickstart","usePageTitle","useEffect","trackEvent","jsxs","jsx","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","Rocket","item","CheckCircle2","FitPanel","step","index","ChevronDown","Terminal","CopyButton","copyLabel","Fragment","ClipboardCopy","copyState","CliPreflightCard","StickyMobileCta"],"mappings":"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"}
+{"version":3,"file":"FirstExport-CzioMqbJ.js","sources":["../../src/pages/FirstExport.jsx"],"sourcesContent":["import { ArrowRight, CheckCircle2, ChevronDown, ClipboardCopy, Rocket, Terminal } from 'lucide-react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport CopyButton from '../components/CopyButton';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst COPY = {\n  en: {\n    badge: '5-minute first export',\n    title: 'Get an outcome-first Fastlane-ready export in 5 minutes',\n    subtitle:\n      'You may already have design tools or Fastlane scripts. This page gets you to a reproducible first export (fastlane/ + ZIP) with a clear panel story, so reruns stop breaking on both messaging and paths/order.',\n    quickPathTitle: 'Fastest path (keep your current design workflow)',\n    quickPathBullets: [\n      'Start from the 5-panel sample project and edit copy first.',\n      'Keep panel #1 to one concrete outcome for one user type.',\n      'Use zero-padded 01..05 naming so release reruns stay stable.',\n    ],\n    demoTitle: 'Run a demo export (no assets required)',\n    demoBody:\n      'If you just want to sanity-check the folder roots and the deterministic ZIP first, run the demo. It generates a throwaway project and stages a clean upload root.',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: [\n      'Output tree: fastlane/ + reproducible ZIP',\n      'Stages a clean upload root (deliver/supply-safe)',\n      'Delete the demo folder anytime',\n    ],\n    demoNote: 'First run may take longer while npx downloads the package.',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI); add verify/stage next.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    ctas: {\n      cli: 'Run CLI first export',\n      goPro: 'Go Pro',\n      sample: 'Open sample project',\n    },\n    steps: [\n      {\n        title: 'Run the CLI wizard (or open the sample)',\n        body: 'Scaffold config + placeholders from wizard, or start from the 5-panel sample and keep your current visual style.',\n      },\n      {\n        title: 'Lock panel order + export upload-ready outputs',\n        body: 'Generate fastlane/ + reproducible ZIP with stable numbering/path naming and a clear Hook -> CTA panel flow.',\n      },\n      {\n        title: 'Add verify + stage guardrails',\n        body: 'Run validate/lock/build/verify/stage so each release stays upload-safe and avoids hidden drift.',\n      },\n    ],\n    quickstartTitle: 'CI quickstart (copy/paste)',\n    quickstartBody: 'Run these commands in CI to generate Fastlane-ready outputs (rendered mode).',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'Prefer CLI (no browser)?',\n    cliBody:\n      'Run shipscreens wizard, replace placeholders, and build in raw mode first; then add verify/stage to catch drift before upload.',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# replace assets/en-US/01.png..05.png',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Open Agent + CLI quickstart',\n    proTitle: 'Upgrade unlocks',\n    proBullets: [\n      'Unlock CI-grade reruns (rendered exports)',\n      'Full matrix batch exports (devices × locales)',\n      'CSV/JSON copy import at scale',\n      'No watermark',\n    ],\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    advancedTitle: 'Advanced: CLI + CI guardrails',\n    advancedBody: 'Optional for first export. Use this when you need deterministic reruns in CI.',\n    note: 'Free exports are watermarked. Keep your current design tools and art direction; ShipScreens adds deterministic reruns + upload guardrails. Clarity check: if screenshot #1 could fit many apps, rewrite it with one concrete outcome.',\n  },\n  ja: {\n    badge: '5分で初回エクスポート',\n    title: '成果訴求を固めた Fastlane-ready を5分で出す',\n    subtitle:\n      '既存のデザインツールやFastlaneスクリプトはそのままで、まず「1枚目で成果が伝わる」再現性のある初回出力（fastlane/ + ZIP）を作るページです。パス/順序の崩れも止めます。',\n    quickPathTitle: '最短導線（既存デザイン運用をそのまま活用）',\n    quickPathBullets: [\n      '5枚構成サンプルを開いて、まずコピーだけ調整する。',\n      '1枚目は「誰に、どんな成果か」を1つに絞る。',\n      '01..05 の連番命名で、リリース時の再実行を安定化する。',\n    ],\n    demoTitle: 'デモを書き出す（素材不要）',\n    demoBody:\n      'まずフォルダ構成と再現性ZIPだけ確認したい場合はデモが最短です。捨てプロジェクトを生成し、クリーンな提出ルートまで stage します。',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: ['出力: fastlane/ + 再現性ZIP', '提出用のクリーンなルートを stage', 'デモは削除してOK'],\n    demoNote: '初回は npx がパッケージを取得するため時間がかかる場合があります。',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）; 次に verify/stage を追加。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    ctas: {\n      cli: 'CLIで初回エクスポート',\n      goPro: 'Proにアップグレード',\n      sample: 'サンプルを開く',\n    },\n    steps: [\n      {\n        title: 'CLI wizard で雛形作成（サンプルでも可）',\n        body: 'wizard で雛形を作るか、5枚構成サンプルから開始し、既存の見た目を維持したまま進めます。',\n      },\n      {\n        title: '訴求順を固定してアップロード用出力を作る',\n        body: 'Hook->CTA の流れを維持しながら、連番/パス命名を固定して fastlane/ + 再現性ZIP を出力。',\n      },\n      {\n        title: 'verify + stage を追加',\n        body: 'validate/lock/build/verify/stage を回し、毎リリースのアップロード事故と見えないドリフトを防ぎます。',\n      },\n    ],\n    quickstartTitle: 'CIクイックスタート（コピペ）',\n    quickstartBody: 'CIで Fastlane-ready 出力を生成するコマンドです（rendered mode）。',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'CLIで完結したい場合',\n    cliBody:\n      'shipscreens wizard で雛形を作って raw モードで出力し、次に verify/stage を足して提出前に崩れを検知します。',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# assets/en-US/01.png〜05.png を差し替え',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Agent + CLI クイックスタート',\n    proTitle: 'Proでできること',\n    proBullets: [\n      'CIで再実行（rendered出力）',\n      'フル一括（端末×言語）',\n      'CSV/JSON copy 取り込み',\n      '透かしなし',\n    ],\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    advancedTitle: '詳細: CLI + CI ガードレール',\n    advancedBody: '初回出力では任意。CIで再実行性を固定したい場合に使います。',\n    note: '無料版は透かし付きです。既存の見た目とツールはそのままに、ShipScreensで再実行性と提出前ガードレールを追加します。確認: 1枚目見出しが他の多くのアプリにも当てはまるなら、成果を具体化します。',\n  },\n};\n\nconst FirstExport = () => {\n  const { i18n, t } = useTranslation();\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n  const supportEmail = 'support@shimaumaservices.co.jp';\n  const partnerSubject = t('landing.partner.emailSubject', { defaultValue: 'ShipScreens first export review' });\n  const partnerBody = t('landing.partner.emailBody', { defaultValue: '' });\n  const partnerMailto = `mailto:${supportEmail}?subject=${encodeURIComponent(partnerSubject)}&body=${encodeURIComponent(\n    partnerBody\n  )}`;\n  const openAppHref = '/app/?sample=5panel&entry_source=first_export_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const goProFooterHref = '/app/?sample=5panel&upgrade=1&entry_source=first_export_go_pro_footer';\n  const sampleProjectHeroHref = '/app/?sample=5panel&entry_source=first_export_open_sample_project';\n  const sampleProjectFooterHref = '/app/?sample=5panel&entry_source=first_export_open_sample_project_footer';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const [quickstartMode, setQuickstartMode] = useState('cli');\n  const isCli = quickstartMode === 'cli';\n  const quickstart = isCli\n    ? { title: copy.cliTitle, body: copy.cliBody, cmd: copy.cliCmd, cta: 'copy_cli_quickstart' }\n    : { title: copy.quickstartTitle, body: copy.quickstartBody, cmd: copy.quickstartCmd, cta: 'copy_ci_quickstart' };\n\n  usePageTitle('titles.firstExport', { defaultValue: copy.title });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'first_export' });\n  }, []);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: sampleProjectHeroHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_header' }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-12\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <Rocket size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center pt-2\">\n            <a\n              href={sampleProjectHeroHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_hero' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n            <a\n              href={agentCliHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli_hero' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.cli} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.quickPathTitle}</div>\n            {copy.quickPathBullets?.length > 0 && (\n              <ul className=\"space-y-1 text-xs text-slate-300\">\n                {copy.quickPathBullets.map((item) => (\n                  <li key={item} className=\"flex items-start gap-2\">\n                    <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                    <span>{item}</span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          <p className=\"text-xs text-slate-500\">{copy.note}</p>\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"grid md:grid-cols-3 gap-6\">\n          {copy.steps.map((step, index) => (\n            <div key={step.title} className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n              <div className=\"text-xs font-semibold text-blue-200\">STEP {index + 1}</div>\n              <div className=\"text-lg font-bold text-white\">{step.title}</div>\n              <p className=\"text-sm text-slate-300 leading-relaxed\">{step.body}</p>\n            </div>\n          ))}\n        </section>\n\n        <details className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group\">\n          <summary className=\"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none\">\n            <span>{copy.advancedTitle}</span>\n            <span className=\"flex items-center gap-2 text-[10px] font-semibold text-slate-400\">\n              CLI/CI <ChevronDown size={14} className=\"text-slate-500\" />\n            </span>\n          </summary>\n          <div className=\"mt-3 space-y-4\">\n            <p className=\"text-sm text-slate-300\">{copy.advancedBody}</p>\n            <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-3\">\n              <div className=\"flex items-center gap-2 text-sm font-bold text-white\">\n                {isCli ? <Terminal size={16} className=\"text-blue-300\" /> : <CheckCircle2 size={16} className=\"text-blue-300\" />}\n                {quickstart.title}\n              </div>\n              <div className=\"inline-flex gap-2 rounded-lg border border-slate-700 bg-slate-950 p-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('cli')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.cliTitle}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('ci')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    !isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.quickstartTitle}\n                </button>\n              </div>\n            </div>\n            <p className=\"text-sm text-slate-300\">{quickstart.body}</p>\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{quickstart.cmd}</pre>\n            </div>\n            <CopyButton\n              value={quickstart.cmd}\n              onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: quickstart.cta })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n            >\n              {({ copyLabel }) => (\n                <>\n                  <ClipboardCopy size={14} />\n                  {copyLabel || copyButtonLabel}\n                </>\n              )}\n            </CopyButton>\n            {isCli && (\n              <a\n                href=\"/tools/agent-cli/\"\n                onClick={(event) =>\n                  trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli' })\n                }\n                className=\"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 transition-colors\"\n              >\n                {copy.cliCta} <ArrowRight size={14} />\n              </a>\n            )}\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n              <div className=\"flex items-center gap-2 text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                <Terminal size={14} className=\"text-blue-300\" />\n                {copy.demoTitle}\n              </div>\n              <p className=\"text-xs text-slate-400\">{copy.demoBody}</p>\n              <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.demoCmd}</pre>\n              </div>\n              <CopyButton\n                value={copy.demoCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_demo_cmd' })}\n                className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n              >\n                {({ copyLabel, copyState }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyState === 'idle' ? copyButtonLabel : copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n              {copy.demoBullets?.length > 0 && (\n                <ul className=\"space-y-1 text-xs text-slate-300 pt-1\">\n                  {copy.demoBullets.map((item) => (\n                    <li key={item} className=\"flex items-start gap-2\">\n                      <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                      <span>{item}</span>\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {copy.demoNote && <div className=\"text-[11px] text-slate-500\">{copy.demoNote}</div>}\n            </div>\n            <CliPreflightCard\n              compact\n              href=\"/tools/agent-cli/#preflight\"\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_cli_preflight' })\n              }\n              className=\"max-w-xl\"\n            />\n          </div>\n        </details>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <div className=\"text-lg font-bold text-white\">{copy.proTitle}</div>\n          <ul className=\"space-y-2 text-sm text-slate-300\">\n            {copy.proBullets.map((item) => (\n              <li key={item} className=\"flex items-center gap-2\">\n                <CheckCircle2 size={16} className=\"text-green-400\" />\n                {item}\n              </li>\n            ))}\n          </ul>\n          <div className=\"flex flex-col sm:flex-row gap-3 pt-2\">\n            <a\n              href={goProFooterHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'go_pro_footer' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition\"\n            >\n              {copy.ctas.goPro} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectFooterHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_footer' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"pt-4 border-t border-slate-800/80 space-y-2\">\n            <div className=\"text-sm font-bold text-white\">{copy.proUnlockTitle}</div>\n            {copy.proUnlockBody && <p className=\"text-sm text-slate-300\">{copy.proUnlockBody}</p>}\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950/80 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.proUnlockCmd}</pre>\n            </div>\n            <div className=\"flex flex-col sm:flex-row gap-3\">\n              <CopyButton\n                value={copy.proUnlockCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_cli_pro_unlock' })}\n                className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n              >\n                {({ copyLabel }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n            </div>\n            {copy.proUnlockNote && <div className=\"text-xs text-slate-500\">{copy.proUnlockNote}</div>}\n          </div>\n        </section>\n\n        <section\n          id=\"design-partner\"\n          className=\"max-w-3xl mx-auto bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\"\n        >\n          <div className=\"text-lg font-bold text-white\">{t('landing.partner.title')}</div>\n          <div className=\"text-sm text-slate-300 leading-relaxed\">{t('landing.partner.body')}</div>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={partnerMailto}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'email_design_partner' })\n              }\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {t('landing.partner.emailCta')} <ArrowRight size={16} />\n            </a>\n            <a\n              href=\"https://x.com/shipscreenscom\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'dm_design_partner' })}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {t('landing.partner.dmCta')}\n            </a>\n          </div>\n          <div className=\"text-xs text-slate-500\">\n            {t('landing.partner.emailLabel')}{' '}\n            <a href={`mailto:${supportEmail}`} className=\"underline underline-offset-4 hover:text-white\">\n              {supportEmail}\n            </a>\n          </div>\n        </section>\n      </main>\n      <StickyMobileCta\n        note={copy.note}\n        primary={{\n          label: copy.ctas.sample,\n          href: sampleProjectHeroHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_primary_sample' }),\n        }}\n        secondary={{\n          label: copy.ctas.cli,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_secondary_cli' }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FirstExport;\n"],"names":["normalizeLang","lang","COPY","FirstExport","i18n","t","useTranslation","copy","supportEmail","partnerSubject","partnerBody","partnerMailto","openAppHref","agentCliHref","configDownloadHref","csvDownloadHref","goProFooterHref","sampleProjectHeroHref","sampleProjectFooterHref","copyButtonLabel","quickstartMode","setQuickstartMode","useState","isCli","quickstart","usePageTitle","useEffect","trackEvent","jsxs","jsx","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","Rocket","item","CheckCircle2","FitPanel","step","index","ChevronDown","Terminal","CopyButton","copyLabel","Fragment","ClipboardCopy","copyState","CliPreflightCard","StickyMobileCta"],"mappings":"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"}

package/dist/assets/{FitPanel-Fp4iPZxf.js → FitPanel-DzYzTMEi.js}

@@ -1,2 +1,2 @@
-import{u as c,j as e}from"./index-C4xM6WAU.js";const x=({className:l=""})=>{const{t:n}=c(),t=n("landing.fit",{returnObjects:!0})||{},a=Array.isArray(t.bestBullets)?t.bestBullets:[],r=Array.isArray(t.notBullets)?t.notBullets:[],i=l?`space-y-4 ${l}`:"space-y-4";return!t?.title||a.length===0&&r.length===0?null:e.jsxs("section",{className:i,children:[e.jsx("h2",{className:"text-xl font-bold text-white text-center",children:t.title}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-emerald-200",children:t.bestTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:a.map(s=>e.jsx("li",{children:s},s))})]}),e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-amber-200",children:t.notTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:r.map(s=>e.jsx("li",{children:s},s))})]})]}),t.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center",children:t.note})]})};export{x as F};
-//# sourceMappingURL=FitPanel-Fp4iPZxf.js.map
+import{u as c,j as e}from"./index-Bffw9flM.js";const x=({className:l=""})=>{const{t:n}=c(),t=n("landing.fit",{returnObjects:!0})||{},a=Array.isArray(t.bestBullets)?t.bestBullets:[],r=Array.isArray(t.notBullets)?t.notBullets:[],i=l?`space-y-4 ${l}`:"space-y-4";return!t?.title||a.length===0&&r.length===0?null:e.jsxs("section",{className:i,children:[e.jsx("h2",{className:"text-xl font-bold text-white text-center",children:t.title}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-emerald-200",children:t.bestTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:a.map(s=>e.jsx("li",{children:s},s))})]}),e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-amber-200",children:t.notTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:r.map(s=>e.jsx("li",{children:s},s))})]})]}),t.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center",children:t.note})]})};export{x as F};
+//# sourceMappingURL=FitPanel-DzYzTMEi.js.map

package/dist/assets/{FitPanel-Fp4iPZxf.js.map → FitPanel-DzYzTMEi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FitPanel-Fp4iPZxf.js","sources":["../../src/components/FitPanel.jsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst FitPanel = ({ className = '' }) => {\n  const { t } = useTranslation();\n  const fit = t('landing.fit', { returnObjects: true }) || {};\n  const fitBestBullets = Array.isArray(fit.bestBullets) ? fit.bestBullets : [];\n  const fitNotBullets = Array.isArray(fit.notBullets) ? fit.notBullets : [];\n  const sectionClassName = className ? `space-y-4 ${className}` : 'space-y-4';\n\n  if (!fit?.title || (fitBestBullets.length === 0 && fitNotBullets.length === 0)) {\n    return null;\n  }\n\n  return (\n    <section className={sectionClassName}>\n      <h2 className=\"text-xl font-bold text-white text-center\">{fit.title}</h2>\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3\">\n          <div className=\"text-base font-bold text-emerald-200\">{fit.bestTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitBestBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3\">\n          <div className=\"text-base font-bold text-amber-200\">{fit.notTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitNotBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n      </div>\n      {fit.note && <p className=\"text-xs text-slate-500 text-center\">{fit.note}</p>}\n    </section>\n  );\n};\n\nexport default FitPanel;\n"],"names":["FitPanel","className","t","useTranslation","fit","fitBestBullets","fitNotBullets","sectionClassName","jsxs","jsx","item"],"mappings":"+CAGA,MAAMA,EAAW,CAAC,CAAE,UAAAC,EAAY,MAAS,CACvC,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAA,EACRC,EAAMF,EAAE,cAAe,CAAE,cAAe,EAAA,CAAM,GAAK,CAAA,EACnDG,EAAiB,MAAM,QAAQD,EAAI,WAAW,EAAIA,EAAI,YAAc,CAAA,EACpEE,EAAgB,MAAM,QAAQF,EAAI,UAAU,EAAIA,EAAI,WAAa,CAAA,EACjEG,EAAmBN,EAAY,aAAaA,CAAS,GAAK,YAEhE,MAAI,CAACG,GAAK,OAAUC,EAAe,SAAW,GAAKC,EAAc,SAAW,EACnE,KAIPE,EAAAA,KAAC,UAAA,CAAQ,UAAWD,EAClB,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,2CAA4C,SAAAL,EAAI,MAAM,EACpEI,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAwC,SAAAL,EAAI,UAAU,EACrEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAJ,EAAe,IAAKK,GACnBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,EACF,EACAF,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAAL,EAAI,SAAS,EAClEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAH,EAAc,IAAKI,GAClBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EACCN,EAAI,MAAQK,EAAAA,IAAC,KAAE,UAAU,qCAAsC,WAAI,IAAA,CAAK,CAAA,EAC3E,CAEJ"}
+{"version":3,"file":"FitPanel-DzYzTMEi.js","sources":["../../src/components/FitPanel.jsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst FitPanel = ({ className = '' }) => {\n  const { t } = useTranslation();\n  const fit = t('landing.fit', { returnObjects: true }) || {};\n  const fitBestBullets = Array.isArray(fit.bestBullets) ? fit.bestBullets : [];\n  const fitNotBullets = Array.isArray(fit.notBullets) ? fit.notBullets : [];\n  const sectionClassName = className ? `space-y-4 ${className}` : 'space-y-4';\n\n  if (!fit?.title || (fitBestBullets.length === 0 && fitNotBullets.length === 0)) {\n    return null;\n  }\n\n  return (\n    <section className={sectionClassName}>\n      <h2 className=\"text-xl font-bold text-white text-center\">{fit.title}</h2>\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3\">\n          <div className=\"text-base font-bold text-emerald-200\">{fit.bestTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitBestBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3\">\n          <div className=\"text-base font-bold text-amber-200\">{fit.notTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitNotBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n      </div>\n      {fit.note && <p className=\"text-xs text-slate-500 text-center\">{fit.note}</p>}\n    </section>\n  );\n};\n\nexport default FitPanel;\n"],"names":["FitPanel","className","t","useTranslation","fit","fitBestBullets","fitNotBullets","sectionClassName","jsxs","jsx","item"],"mappings":"+CAGA,MAAMA,EAAW,CAAC,CAAE,UAAAC,EAAY,MAAS,CACvC,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAA,EACRC,EAAMF,EAAE,cAAe,CAAE,cAAe,EAAA,CAAM,GAAK,CAAA,EACnDG,EAAiB,MAAM,QAAQD,EAAI,WAAW,EAAIA,EAAI,YAAc,CAAA,EACpEE,EAAgB,MAAM,QAAQF,EAAI,UAAU,EAAIA,EAAI,WAAa,CAAA,EACjEG,EAAmBN,EAAY,aAAaA,CAAS,GAAK,YAEhE,MAAI,CAACG,GAAK,OAAUC,EAAe,SAAW,GAAKC,EAAc,SAAW,EACnE,KAIPE,EAAAA,KAAC,UAAA,CAAQ,UAAWD,EAClB,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,2CAA4C,SAAAL,EAAI,MAAM,EACpEI,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAwC,SAAAL,EAAI,UAAU,EACrEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAJ,EAAe,IAAKK,GACnBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,EACF,EACAF,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAAL,EAAI,SAAS,EAClEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAH,EAAc,IAAKI,GAClBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EACCN,EAAI,MAAQK,EAAAA,IAAC,KAAE,UAAU,qCAAsC,WAAI,IAAA,CAAK,CAAA,EAC3E,CAEJ"}

package/dist/assets/{FivePanelFramework-B967Cblg.js → FivePanelFramework-Bt5-NjCV.js}

@@ -1,4 +1,4 @@
-import{u as T,a as L,r as m,t as s,j as e,b as a}from"./index-C4xM6WAU.js";import{C as P,S as E}from"./StickyMobileCta-BdjmxjZ4.js";import{A as x,C as y}from"./CopyButton-BlPQEoP3.js";import{F as H}from"./FitPanel-Fp4iPZxf.js";import{a as U,S as A}from"./LanguageSwitcher-Cp-6zMXz.js";import{S as F}from"./SiteHeader-Ch5fAKkA.js";import{T as B}from"./ToolGuardrailsPanel-Dqo_LDWu.js";import{L as z}from"./layout-grid-DvMRLTBT.js";import{C as g}from"./copy-BnUx1vxq.js";import{C as I}from"./chevron-down-DFKVs9n4.js";import{D as M}from"./download-DNjju5h9.js";import"./circle-check-DA-NWInD.js";const O=r=>(r||"").split("-")[0]==="ja"?"ja":"en",R=r=>r==="ja"?`# 5枚構成 スクショフレームワーク
+import{u as T,a as L,r as m,t as s,j as e,b as a}from"./index-Bffw9flM.js";import{C as P,S as E}from"./StickyMobileCta-C41cW-Ji.js";import{A as x,C as y}from"./CopyButton-BZQEBHBq.js";import{F as H}from"./FitPanel-DzYzTMEi.js";import{a as U,S as A}from"./LanguageSwitcher-CfUhVVuT.js";import{S as F}from"./SiteHeader-BGQW06JF.js";import{T as B}from"./ToolGuardrailsPanel-DbjLhdX8.js";import{L as z}from"./layout-grid-DbSzm5KY.js";import{C as g}from"./copy-B9y2mtjd.js";import{C as I}from"./chevron-down-DVRa-y8D.js";import{D as M}from"./download-CqEtEEpe.js";import"./circle-check-reAyVfkP.js";const O=r=>(r||"").split("-")[0]==="ja"?"ja":"en",R=r=>r==="ja"?`# 5枚構成 スクショフレームワーク
 
 App Store / Google Play のスクショを「5枚で伝える」ための構成テンプレです。
 
@@ -59,4 +59,4 @@ A simple structure to explain your app in five store screenshots.
 `,w={en:{badge:"Screenshot structure template",title:"5-panel Screenshot Framework",subtitle:"Use this structure even if you already have design tools: Hook -> Problem -> Proof -> How -> CTA keeps App Store / Google Play screenshots consistent across sizes/locales and release reruns without forcing a generic visual style.",heroCliTitle:"CLI quickstart (2 steps)",heroCliNote:"wizard → build (raw mode, no Playwright).",heroCliSummary:"Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.",heroCliCopyLabel:"Copy all commands",heroCliTemplatesLabel:"Starter templates",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",heroCliCmd:["npx --yes shipscreens wizard","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
 `),proUnlockTitle:"Unlock Pro (CLI)",proUnlockBody:"Remove the watermark and unlock full matrix batch exports via CLI auth:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"Completes a one-time browser sign-in; then rerun build with --require-pro.",navTools:"Tools",introTitle:"Use this when…",introBullets:["Manual Figma/Canva edits (or AI drafts) keep drifting across sizes/locales","App Review/ASO feedback says the first screenshot is unclear","Screenshots look generic because the message is vague, not because your style is wrong","Localization makes copy decisions expensive","You want a rerunnable flow (sample → edit → export)"],hookRule:"Clarity check: if your Hook could fit many apps, it is too broad. Make one concrete outcome explicit.",hookExamplesTitle:"Hook examples (vague vs concrete)",hookExamplesBadLabel:"Vague",hookExamplesGoodLabel:"Concrete",hookExamples:[{bad:"Learn everything about finance",good:"Build a weekly budget and track spending in 10 minutes"},{bad:"A smarter productivity app",good:"Plan your day in 3 tasks and finish by 6pm"}],panelsTitle:"The 5 panels",panelCards:[{name:"Hook",goal:"Say the outcome in one line.",header:"Header: concrete outcome",subtitle:"Subtitle: for who / how fast",example:"Example: Ship screenshot updates in one CI rerun"},{name:"Problem",goal:"Make the pain concrete (numbers help).",header:"Header: what is painful",subtitle:"Subtitle: why it costs time",example:"Example: 5×10×4 = 200 images"},{name:"Proof",goal:"Add credibility and reduce doubt.",header:"Header: why trust this",subtitle:"Subtitle: spec / workflow fit",example:"Example: Fastlane-ready output"},{name:"How",goal:"Show the shortest reproducible workflow.",header:"Header: the steps",subtitle:"Subtitle: what you need",example:"Example: Master layout → CSV → Export"},{name:"CTA",goal:"One clear next action.",header:"Header: try / start",subtitle:"Subtitle: what happens next",example:"Example: Try it free"}],toolsTitle:"Assets",calculatorLink:"Screenshot Workload Calculator",calculatorCaption:"Quantify the device × locale explosion and pick size buckets.",sampleTitle:"Sample project",sampleCaption:"Open a pre-filled 5-panel project in ShipScreens and replace the screenshots.",openSample:"Open sample project",downloadTitle:"Download",downloadCaption:"Save the framework as Markdown (easy to share with teammates).",copyButton:"Copy Markdown",downloadButton:"Download Markdown",toastCopied:"Copied to clipboard",toastCopyFailed:"Copy failed. Please use Download.",ctaPrimary:"Start for Free",footerText:"Want feedback on your store assets pipeline and screenshot positioning? We are talking to early users.",footerCta:"DM @shipscreenscom on X"},ja:{badge:"構成テンプレ（5枚）",title:"5枚構成 スクショフレームワーク",subtitle:"既存ツールがあっても、Hook -> Problem -> Proof -> How -> CTA でサイズ/言語/リリース再実行のブレを抑える5枚構成テンプレ。見た目を画一化するためではなく、訴求順を固定するための型です。",heroCliTitle:"CLIクイックスタート（2ステップ）",heroCliNote:"wizard → build（raw / Playwright不要）。",heroCliSummary:"出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。",heroCliCopyLabel:"コマンドをすべてコピー",heroCliTemplatesLabel:"スターター雛形",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",heroCliCmd:["npx --yes shipscreens wizard","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
 `),proUnlockTitle:"Proを解除（CLI）",proUnlockBody:"透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"初回のみブラウザでサインインします。以後は --require-pro で再実行。",navTools:"ツール",introTitle:"こんな時に使う",introBullets:["手作業/AI下書きがサイズ/言語でズレる","App Review/ASO で「最初のスクショが伝わらない」と言われたとき","見た目ではなく訴求の曖昧さで「よくある画面」に見えてしまう","多言語対応でコピーが長くなりがち","再実行できる流れ（サンプル→編集→Export）が欲しい"],hookRule:"確認: Hookが他の多くのアプリにも当てはまるなら、成果を具体化してください。",hookExamplesTitle:"Hook例（曖昧 vs 具体）",hookExamplesBadLabel:"曖昧",hookExamplesGoodLabel:"具体",hookExamples:[{bad:"お金のことを全部学べる",good:"10分で週次予算を作って、支出を自動で把握する"},{bad:"もっと賢い生産性アプリ",good:"毎日の3タスクを整理して、18時までに終わらせる"}],panelsTitle:"5枚の役割",panelCards:[{name:"Hook",goal:"結論（成果）を1行で。",header:"ヘッダー: 具体的な成果",subtitle:"サブ: 誰に/どれくらい",example:"例: スクショ更新をCIの1回再実行で完了"},{name:"Problem",goal:"痛みを具体化（数字が強い）。",header:"ヘッダー: 何がつらい",subtitle:"サブ: なぜ時間が溶ける",example:"例: 5×10×4 = 200枚"},{name:"Proof",goal:"不安を減らす材料。",header:"ヘッダー: 根拠",subtitle:"サブ: 仕様/ワークフロー適合",example:"例: Fastlane対応出力"},{name:"How",goal:"短いフローで再現性を。",header:"ヘッダー: 手順",subtitle:"サブ: 必要なもの",example:"例: master→CSV→Export"},{name:"CTA",goal:"次の一手を1つに。",header:"ヘッダー: 試す/開始",subtitle:"サブ: 次に起きること",example:"例: 無料で試す"}],toolsTitle:"資産",calculatorLink:"スクショ作業量 計算ツール",calculatorCaption:"端末×言語の爆発とサイズバケットを先に把握。",sampleTitle:"サンプルプロジェクト",sampleCaption:"5枚構成の雛形を開いて、画像だけ差し替えてください。",openSample:"サンプルを開く",downloadTitle:"ダウンロード",downloadCaption:"Markdownとして保存（チーム共有しやすい）。",copyButton:"Markdownをコピー",downloadButton:"MarkdownをDL",toastCopied:"コピーしました",toastCopyFailed:"コピーできませんでした。ダウンロードをご利用ください。",ctaPrimary:"無料で試す",footerText:"ストア素材パイプラインや訴求の相談があれば、15分だけ聞かせてください。改善案やテンプレをご案内します。",footerCta:"XでDM: @shipscreenscom"}},ee=()=>{const{i18n:r,t:n}=T(),{addToast:d}=L(),l=O(r.resolvedLanguage||r.language),t=w[l]||w.en;U("titles.fivePanelFramework",{defaultValue:l==="ja"?"5枚構成テンプレ - ShipScreens":"5-panel Screenshot Framework - ShipScreens"}),m.useEffect(()=>{s("tool_view",{tool:"five_panel_screenshot_framework"})},[]);const p=m.useMemo(()=>R(l),[l]),_="/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_app_header",C="/tools/agent-cli/",h="/tools/first-export/?entry_source=five_panel_screenshot_framework_primary_cta",u="/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_sample_project",j="/downloads/shipscreens-agent-cli-config.yml",v="/downloads/shipscreens-agent-cli-copy.csv",f=n("common.copy",{defaultValue:"Copy"}),b=n("common.showCommands",{defaultValue:"Show commands"}),N=typeof window>"u"?!0:window.matchMedia("(min-width: 640px)").matches,S=m.useCallback(()=>{try{const o=`\uFEFF${p}`,i=new Blob([o],{type:"text/markdown;charset=utf-8"}),k=URL.createObjectURL(i),c=document.createElement("a");c.href=k,c.download=l==="ja"?"shipscreens-5panel-framework-ja.md":"shipscreens-5panel-framework.md",document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(k),s("tool_download",{tool:"five_panel_screenshot_framework",asset:"markdown"})}catch{}},[l,p]);return e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white",children:[e.jsx(A,{}),e.jsx(F,{variant:"dark",active:"tools",openAppHref:_,onToolsClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_tools_header"}),onPricingClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"pricing_header"}),onOpenAppClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_app_header"}),primaryCta:{href:h,label:e.jsxs("span",{className:"inline-flex items-center gap-2",children:[n("landing.nav.primaryCta")," ",e.jsx(x,{size:16})]}),onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_first_export_header"})}}),e.jsxs("main",{className:"max-w-5xl mx-auto px-6 pb-24 space-y-12",children:[e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-4",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold",children:[e.jsx(z,{size:14}),t.badge]}),e.jsx("h1",{className:"text-3xl md:text-5xl font-black leading-tight",children:t.title}),e.jsx("p",{className:"text-slate-300 text-lg leading-relaxed",children:t.subtitle}),e.jsxs("div",{className:"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTitle}),e.jsx("p",{className:"text-xs text-slate-400",children:t.heroCliNote}),e.jsx("p",{className:"text-xs text-slate-500",children:t.heroCliSummary}),e.jsx(y,{value:t.heroCliCmd,onCopied:()=>{d({type:"success",message:t.toastCopied}),s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"copy_cli_hero"})},onCopyFailed:()=>d({type:"error",message:t.toastCopyFailed}),className:"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold",children:({copyLabel:o,copyState:i})=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:14}),i==="idle"?t.heroCliCopyLabel:o||f]})}),e.jsxs("details",{className:"group",open:N,children:[e.jsxs("summary",{className:"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none",children:[e.jsx("span",{children:b}),e.jsx(I,{size:14,className:"text-slate-500 transition-transform duration-200 group-open:rotate-180"})]}),e.jsx("div",{className:"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:t.heroCliCmd})})]}),e.jsxs("div",{className:"pt-1 space-y-2",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTemplatesLabel}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("a",{href:j,download:!0,onClick:()=>s("tool_download",{tool:"five_panel_screenshot_framework",asset:"config_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliConfigLabel}),e.jsx("a",{href:v,download:!0,onClick:()=>s("tool_download",{tool:"five_panel_screenshot_framework",asset:"copy_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliCsvLabel})]})]})]}),e.jsx(B,{title:l==="ja"?"詳細: CLIガードレール + Pro解除":"Advanced: CLI guardrails + Pro unlock",codeToggleLabel:b,copyButtonLabel:f,preflightHref:"/tools/agent-cli/#preflight",onPreflightClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_cli_preflight"}),proUnlockTitle:t.proUnlockTitle,proUnlockBody:t.proUnlockBody,proUnlockCmd:t.proUnlockCmd,proUnlockNote:t.proUnlockNote,onProUnlockCopied:()=>s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"copy_cli_pro_unlock"})}),e.jsx(P,{compact:!0,href:"/tools/agent-cli/#preflight",onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_cli_preflight_card"}),className:"max-w-xl mx-auto"})]}),e.jsx(H,{className:"max-w-4xl mx-auto w-full"}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.introTitle}),e.jsx("ul",{className:"text-sm text-slate-300 list-disc pl-5 space-y-1",children:t.introBullets.map(o=>e.jsx("li",{children:o},o))}),t.hookRule&&e.jsx("p",{className:"text-xs text-amber-300",children:t.hookRule})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-bold text-white",children:t.hookExamplesTitle}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:t.hookExamples.map(o=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-rose-300 font-semibold",children:t.hookExamplesBadLabel}),e.jsxs("div",{className:"text-sm text-slate-200",children:['"',o.bad,'"']})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-emerald-300 font-semibold",children:t.hookExamplesGoodLabel}),e.jsxs("div",{className:"text-sm text-white font-semibold",children:['"',o.good,'"']})]})]},`${o.bad}-${o.good}`))})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-bold text-white",children:t.panelsTitle}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:t.panelCards.map((o,i)=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"text-sm font-bold text-slate-100",children:[i+1,". ",o.name]}),e.jsx("div",{className:"text-xs text-slate-500",children:"Panel"})]}),e.jsx("div",{className:"text-sm text-slate-300",children:o.goal}),e.jsxs("div",{className:"pt-2 space-y-1 text-xs text-slate-400",children:[e.jsx("div",{children:o.header}),e.jsx("div",{children:o.subtitle}),e.jsx("div",{className:"text-slate-200 font-semibold",children:o.example})]})]},o.name))})]}),e.jsx("section",{className:"space-y-4",children:e.jsxs("div",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.toolsTitle}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("a",{href:"/tools/screenshot-workload-calculator/",onClick:()=>s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_calculator"}),className:"text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4 font-semibold",children:t.calculatorLink}),e.jsx("div",{className:"text-sm text-slate-300",children:t.calculatorCaption})]})]})}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.downloadTitle}),e.jsx("p",{className:"text-sm text-slate-300",children:t.downloadCaption}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs(y,{value:p,onCopied:()=>{d({type:"success",message:t.toastCopied}),s("tool_download",{tool:"five_panel_screenshot_framework",asset:"markdown_clipboard"})},onCopyFailed:()=>d({type:"error",message:t.toastCopyFailed}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition","aria-label":t.copyButton,children:[e.jsx(g,{size:16}),t.copyButton]}),e.jsxs("button",{type:"button",onClick:S,className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition",children:[e.jsx(M,{size:16}),t.downloadButton]})]})]}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.sampleTitle}),e.jsx("p",{className:"text-sm text-slate-300",children:t.sampleCaption}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:h,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_first_export_footer"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full",children:[n("landing.nav.primaryCta")," ",e.jsx(x,{size:16})]}),e.jsxs("a",{href:u,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_sample_project_footer"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full",children:[t.openSample," ",e.jsx(x,{size:16})]})]})]}),e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-3 pt-2",children:[e.jsx("p",{className:"text-sm text-slate-400",children:t.footerText}),e.jsx("a",{href:"https://x.com/shipscreenscom",target:"_blank",rel:"noopener noreferrer",onClick:()=>s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"dm_x"}),className:"text-sm text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4",children:t.footerCta})]})]}),e.jsx(E,{primary:{label:t.ctaPrimary,href:C,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"sticky_primary"})},secondary:{label:t.openSample,href:u,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"sticky_secondary"})}})]})};export{ee as default};
-//# sourceMappingURL=FivePanelFramework-B967Cblg.js.map
+//# sourceMappingURL=FivePanelFramework-Bt5-NjCV.js.map