https://hai-b.ai/data/product-detail.js

1/* ──────────────────────────────────────────────────────────────
2   HAIB — Product DETAIL content (per product page)
3   Keyed by product id. Bilingual. Used by product.html template.
4   ────────────────────────────────────────────────────────────── */
5window.HAIB_PRODUCT_DETAIL = {
6  keyradar: {
7    what: {
8      ko: "여러 AI 제공자의 API 키를 쓰다 보면, 어떤 키가 어디에 있고 얼마나 쓰이는지 금세 흐려집니다. KeyRadar는 로컬에서 키를 탐지·정리하고, 제공자별 사용량과 크레딧을 한 화면에서 보여줍니다. 키는 기기를 떠나지 않습니다.",
9      en: "When you juggle API keys across multiple AI providers, it gets hard to know which key lives where and how much it's used. KeyRadar detects and organizes keys locally and shows per-provider usage and credit in one view. Keys never leave your device."
10    },
11    features: [
12      { icon: "radar", title: { ko: "자동 키 탐지", en: "Automatic key detection" }, desc: { ko: "환경 변수·설정 파일·키체인에서 제공자별 키를 찾아 한 곳에 모읍니다.", en: "Finds keys across env vars, config files, and keychains, grouped by provider." } },
13      { icon: "shield", title: { ko: "로컬 우선 · 외부 전송 없음", en: "Local-first · nothing sent out" }, desc: { ko: "키 값은 마스킹되어 표시되고, 어떤 데이터도 외부 서버로 전송되지 않습니다.", en: "Key values are masked on screen and no data is sent to any external server." } },
14      { icon: "flow", title: { ko: "사용량 · 크레딧 모니터링", en: "Usage & credit monitoring" }, desc: { ko: "제공자별 사용량과 남은 크레딧을 추정치 표시(≈)와 함께 정직하게 보여줍니다.", en: "Per-provider usage and remaining credit, shown honestly with estimate (≈) marks." } },
15      { icon: "refresh", title: { ko: "키 회전 알림", en: "Rotation reminders" }, desc: { ko: "오래된 키를 'stale'로 표시하고, 회전 시점을 as-of 라벨로 안내합니다.", en: "Flags old keys as 'stale' and surfaces rotation timing with as-of labels." } }
16    ],
17    screens: [
18      { src: "vendor/keyradar/screens/dashboard.html", ko: "대시보드 — 오늘 살펴볼 것", en: "Dashboard — what needs attention" },
19      { src: "vendor/keyradar/screens/usage.html", ko: "사용량 & 크레딧", en: "Usage & credit" },
20      { src: "vendor/keyradar/screens/risk.html", ko: "위험도 · 회전", en: "Risk & rotation" },
21      { src: "vendor/keyradar/screens/keys.html", ko: "키 목록 · 검증 상태", en: "Keys · validation state" }
22    ],
23    shots: [
24      { ko: "대시보드 — 제공자별 키 현황", en: "Dashboard — keys by provider" },
25      { ko: "사용량 & 크레딧", en: "Usage & credit" },
26      { ko: "위험도 · 회전", en: "Risk & rotation" }
27    ],
28    faq: [
29      { q: { ko: "키 값이 외부로 전송되나요?", en: "Are my key values sent anywhere?" }, a: { ko: "아니요. 모든 처리는 로컬에서 이뤄지며 키는 마스킹되어 표시됩니다.", en: "No. Everything runs locally and keys are shown masked." } },
30      { q: { ko: "Windows도 지원하나요?", en: "Is Windows supported?" }, a: { ko: "Windows 빌드는 별도 직접 배포 경로로 준비합니다. 현재 macOS 버전은 Mac App Store에서 받을 수 있습니다.", en: "The Windows build is prepared as a separate direct distribution path. The current macOS version is available on the Mac App Store." } },
31      { q: { ko: "라이선스는 어떻게 활성화하나요?", en: "How do I activate a license?" }, a: { ko: "macOS 버전의 구매와 복원은 Apple ID와 Mac App Store 흐름을 따릅니다. Windows 직접 배포용 라이선스는 별도 안내 예정입니다.", en: "The macOS version follows Apple ID and Mac App Store purchase/restore flows. Licensing for the Windows direct build will be documented separately." } }
32    ]
33  },
34
35  "keyradar-enterprise": {
36    what: {
37      ko: "조직에서는 API 키 가시성과 정책이 개인 도구 수준을 넘어섭니다. KeyRadar Enterprise는 팀 단위 키 인벤토리, 정책 배포, 감사 흐름을 위한 조직용 방향입니다.",
38      en: "Organizations need API key visibility and policy beyond a personal utility. KeyRadar Enterprise is the organizational direction for team key inventory, policy rollout, and audit workflows."
39    },
40    features: [

41      { icon: "radar", title: { ko: "조직 키 가시성", en: "Organization key visibility" }, desc: { ko: "팀과 프로젝트별 키 상태를 한 곳에서 파악하는 방향으로 준비 중입니다.", en: "Planned visibility across teams and projects in one place." } },
42      { icon: "shield", title: { ko: "정책 기반 관리", en: "Policy-based management" }, desc: { ko: "회전 주기, 허용 제공자, 위험 알림 같은 정책 흐름을 검토합니다.", en: "Exploring policy flows for rotation cadence, approved providers, and risk alerts." } },
43      { icon: "flow", title: { ko: "엔터프라이즈 배포", en: "Enterprise deployment" }, desc: { ko: "조직 환경에 맞춘 배포와 운영 모델을 준비합니다.", en: "Preparing deployment and operations models for organizational environments." } }
44    ],
45    shots: [
46      { ko: "조직 대시보드 방향", en: "Organization dashboard direction" },
47      { ko: "정책 관리 방향", en: "Policy management direction" }
48    ],
49    faq: [
50      { q: { ko: "지금 구매할 수 있나요?", en: "Can I buy it now?" }, a: { ko: "아직 준비 중입니다. 현재 페이지에는 방향과 상태만 공개합니다.", en: "Not yet. This page publishes direction and status only." } },
51      { q: { ko: "개인용 KeyRadar와 다른가요?", en: "Is it different from personal KeyRadar?" }, a: { ko: "네. 개인용은 로컬 키 관리에 집중하고, Enterprise는 조직 정책과 배포 흐름을 별도 제품 방향으로 둡니다.", en: "Yes. Personal KeyRadar focuses on local key management, while Enterprise is a separate direction for organizational policy and rollout." } }
52    ]
53  },
54
55  "scrap-relay": {
56    what: {
57      ko: "리서치는 흩어지기 쉽습니다. Scrap Relay는 AI 대화와 웹 페이지를 한 번의 클릭으로 캡처하고, 태깅·정리해 재사용 가능한 스니펫으로 만듭니다.",
58      en: "Research scatters easily. Scrap Relay captures AI chats and web pages in one click, then tags and organizes them into reusable snippets."
59    },
60    features: [
61      { icon: "scrap", title: { ko: "한 번 클릭 캡처", en: "One-click capture" }, desc: { ko: "사이드 패널에서 대화·선택 영역을 즉시 저장합니다.", en: "Save chats or selections instantly from the side panel." } },
62      { icon: "flow", title: { ko: "태깅 · 정리", en: "Tag & organize" }, desc: { ko: "미디어 타입별로 자동 분류하고 태그로 묶습니다.", en: "Auto-classifies by media type and groups by tag." } },
63      { icon: "shield", title: { ko: "로컬 우선 저장", en: "Local-first storage" }, desc: { ko: "캡처는 기본적으로 로컬에 저장됩니다.", en: "Captures are stored locally by default." } }
64    ],
65    shots: [
66      { ko: "사이드 패널 캡처", en: "Side-panel capture" },
67      { ko: "스니펫 라이브러리", en: "Snippet library" }
68    ],
69    faq: [
70      { q: { ko: "어떤 브라우저를 지원하나요?", en: "Which browsers are supported?" }, a: { ko: "Chrome Web Store와 Microsoft Edge Add-ons에서 받을 수 있습니다.", en: "It is available on the Chrome Web Store and Microsoft Edge Add-ons." } },
71      { q: { ko: "결제는 어떻게 하나요?", en: "How is payment handled?" }, a: { ko: "Polar를 통한 라이프타임 1회 결제입니다.", en: "A one-time lifetime purchase via Polar." } }
72    ]
73  },
74
75  "voca-flow": {
76    what: {
77      ko: "단어 암기는 번역 한 줄로 끝나지 않습니다. VOCA FLOW는 시각적 카드와 다방향 학습 흐름으로 단어를 맥락 속에서 익히게 합니다.",
78      en: "Vocabulary isn't a single translation line. VOCA FLOW teaches words in context through visual cards and a multi-direction flow."
79    },
80    features: [
81      { icon: "voca", title: { ko: "시각적 단어 카드", en: "Visual word cards" }, desc: { ko: "이미지와 함께 단어를 기억에 고정합니다.", en: "Anchors words in memory with imagery." } },
82      { icon: "flow", title: { ko: "다방향 학습 흐름", en: "Multi-direction flow" }

82, desc: { ko: "한 방향이 아닌 여러 방향으로 반복합니다.", en: "Repeats in multiple directions, not just one." } },
83      { icon: "check", title: { ko: "영/한 3일 무료 체험", en: "EN/KO 3-day trial" }, desc: { ko: "체험 후 라이프타임 잠금 해제로 이어집니다.", en: "Trial leads into a lifetime unlock." } }
84    ],
85    shots: [
86      { ko: "학습 카드", en: "Study card" },
87      { ko: "흐름 진행", en: "Flow progress" }
88    ],
89    faq: [
90      { q: { ko: "지금 받을 수 있나요?", en: "Can I get it now?" }, a: { ko: "iPhone과 iPad 버전은 App Store에서 받을 수 있습니다. macOS와 Windows 직접 배포 경로는 별도로 준비합니다.", en: "The iPhone and iPad version is available on the App Store. macOS and Windows direct distribution paths are prepared separately." } },
91      { q: { ko: "언어팩은 어디서 받나요?", en: "Where do language packs come from?" }, a: { ko: "언어팩 ZIP은 audio.hai-b.ai/audio 경로에서 분리해 제공합니다.", en: "Language pack ZIP files are separated under audio.hai-b.ai/audio." } },
92      { q: { ko: "결제는?", en: "Payment?" }, a: { ko: "구매와 라이선스는 Polar 기준으로 연결합니다. 체험 흐름 이후 설치 파일과 언어팩 경로를 분리합니다.", en: "Purchases and licenses connect through Polar. After the trial flow, installer and language pack paths remain separate." } }
93    ]
94  },
95
96  "ai-contentory": {
97    what: {
98      ko: "AI Contentory는 아이디어, 자료, 생성 결과를 콘텐츠 제작 흐름으로 정리하기 위한 준비 중인 제품입니다. 콘텐츠 작업의 수집, 구조화, 재사용을 한 곳으로 모으는 방향입니다.",
99      en: "AI Contentory is a coming product for organizing ideas, source material, and generated outputs into a content production flow. It is aimed at collecting, structuring, and reusing content work in one place."
100    },
101    features: [
102      { icon: "flow", title: { ko: "콘텐츠 작업 흐름", en: "Content workflow" }, desc: { ko: "자료 수집부터 초안, 재사용까지 이어지는 작업 흐름을 준비합니다.", en: "A workflow from source collection to drafts and reuse." } },
103      { icon: "scrap", title: { ko: "자료 정리", en: "Source organization" }, desc: { ko: "아이디어와 레퍼런스를 콘텐츠 단위로 묶는 방향입니다.", en: "Organizing ideas and references into content units." } },
104      { icon: "shield", title: { ko: "로컬 우선 방향", en: "Local-first direction" }, desc: { ko: "사용자 자료의 통제권을 유지하는 구조를 우선합니다.", en: "Prioritizing structures that keep users in control of their materials." } }
105    ],
106    shots: [
107      { ko: "콘텐츠 보드 방향", en: "Content board direction" },
108      { ko: "자료 정리 방향", en: "Source organization direction" }
109    ],
110    faq: [
111      { q: { ko: "지금 사용할 수 있나요?", en: "Can I use it now?" }, a: { ko: "아직 Coming Soon 상태입니다. 사이트에는 제품 방향과 상태만 먼저 올려둡니다.", en: "It is still Coming Soon. The site publishes direction and status first." } },
112      { q: { ko: "가격이 정해졌나요?", en: "Is pricing decided?" }, a: { ko: "아직 정해지지 않았습니다. 출시 채널과 가격은 준비가 끝난 뒤 공개합니다.", en: "Not yet. Release channel and pricing will be published after preparation." } }
113    ]
114  },
115
116  "ripple-capture": {
117    what: {
118      ko: "튜토리얼과 제품 데모에서는 클릭이 보여야 합니다. Ripple Capture는 커서 글로우와 클릭 리플을 최종 영상에 담아, 보는 사람이 사용자의 동작을 더 쉽게 따라오도록 돕습니다.",
119      en: "Tutorials and product demos need visible clicks. Ripple Capture records cursor glow and click ripples into the final video so viewers can follow each action clearly."
120    },
121    features: [
122      { icon: "movie", title: { ko: "필요한 화면만 녹화", en: "Record the screen area you need" }

122, desc: { ko: "영역, 창, 전체 디스플레이를 선택해 녹화합니다.", en: "Record a selected area, window, or full display." } },
123      { icon: "check", title: { ko: "클릭 리플", en: "Click ripples" }, desc: { ko: "커서 글로우와 클릭 효과를 미리 조절하고 결과물에 포함합니다.", en: "Tune cursor glow and click effects and include them in the export." } },
124      { icon: "download", title: { ko: "MP4 · GIF 내보내기", en: "MP4 and GIF export" }, desc: { ko: "원본 녹화를 보존하고 필요한 구간을 내보냅니다.", en: "Keep the original recording and export the segment you need." } },
125      { icon: "shield", title: { ko: "로컬 처리", en: "Local processing" }, desc: { ko: "캡처 결과는 Mac에 저장되며 계정이나 클라우드 업로드가 필요하지 않습니다.", en: "Captures stay on your Mac with no account or cloud upload required." } }
126    ],
127    shots: [
128      { ko: "클릭 리플 녹화", en: "Click ripple recording" },
129      { ko: "커서 글로우 조정", en: "Cursor glow tuning" },
130      { ko: "MP4 · GIF 내보내기", en: "MP4 / GIF export" }
131    ],
132    faq: [
133      { q: { ko: "어디에서 받을 수 있나요?", en: "Where can I download it?" }, a: { ko: "Mac App Store에서 받을 수 있습니다.", en: "It is available on the Mac App Store." } },
134      { q: { ko: "클라우드 계정이 필요한가요?", en: "Does it require a cloud account?" }, a: { ko: "아니요. 녹화와 내보내기는 Mac에서 처리됩니다.", en: "No. Recording and export are handled on your Mac." } }
135    ]
136  },
137
138  "movie-maker-pro": {
139    what: {
140      ko: "홍보 영상 제작은 매번 처음부터 시작될 필요가 없습니다. Movie Maker Pro는 프로젝트와 템플릿 기반으로 재사용 가능한 AI 보조 콘텐츠 워크플로를 만듭니다.",
141      en: "Promo video work shouldn't start from scratch each time. Movie Maker Pro builds reusable, AI-assisted content workflows around projects and templates."
142    },
143    features: [
144      { icon: "movie", title: { ko: "프로젝트 기반", en: "Project-based" }, desc: { ko: "에셋과 설정을 프로젝트로 묶어 재사용합니다.", en: "Bundles assets and settings into reusable projects." } },
145      { icon: "flow", title: { ko: "재사용 템플릿", en: "Reusable templates" }, desc: { ko: "반복 작업을 템플릿으로 표준화합니다.", en: "Standardizes repeat work into templates." } },
146      { icon: "shield", title: { ko: "AI 보조 파이프라인", en: "AI-assisted pipeline" }, desc: { ko: "생성 단계를 파이프라인으로 연결합니다.", en: "Connects generation steps into a pipeline." } }
147    ],
148    shots: [
149      { ko: "프로젝트 보드", en: "Project board" },
150      { ko: "템플릿 편집", en: "Template editor" }
151    ],
152    faq: [
153      { q: { ko: "언제 출시되나요?", en: "When does it launch?" }, a: { ko: "macOS · Windows 버전 모두 준비 중입니다. 출시 소식은 노트에서 공지됩니다.", en: "macOS and Windows builds are both in preparation. Launch news will be posted in Notes." } },
154      { q: { ko: "엔터프라이즈 옵션이 있나요?", en: "Is there an enterprise option?" }, a: { ko: "엔터프라이즈 / 커스텀은 별도 문의로 진행합니다.", en: "Enterprise / custom is handled by contacting us." } }
155    ]
156  },
157
158  baton: {
159    what: {
160      ko: "BATON은 AI 기반 프로덕션 시스템을 위한 워크플로·템플릿 오케스트레이션 플랫폼입니다. 현재 컨셉을 정교화하며 준비 중입니다.",
161      en: "BATON is a workflow and template orchestration platform for AI-powered production systems. The concept is being refined and is in preparation."
162    },
163    features: [
164      { icon: "baton", title: { ko: "워크플로 오케스트레이션", en: "Workflow orchestration" }, desc: { ko: "여러 단계를 하나의 흐름으로 연결합니다.", en: "Connects many steps into one flow." } },
165      { icon: "flow", title: { ko: "템플릿 시스템", en: "Template system" }, desc: { ko: "반복 가능한 프로덕션 패턴을 정의합니다.", en: "Defines repeatable production patterns." } }
166    ],
167    shots: [
168      { ko: "오케스트레이션 뷰 (컨셉)", en: "Orchestration view (concept)" }
169    ],
170    faq: [
171      { q: { ko: "사용해볼 수 있나요?", en: "Can I try it?" }, a: { ko: "아직 준비 중입니다. 진행 상황은 노트에서 공지됩니다.", en: "N

171ot yet — it's in preparation. Progress is posted in Notes." } }
172    ]
173  }
174};