someone-in-the-world Claude Sonnet 4.6 commited on
Commit
83db00c
·
1 Parent(s): a05c007

Translate UI to Japanese

Browse files

Translate templates/app.html, examples.json, and suggestions.json into Japanese
for the ja branch / Japanese HF Space deployment.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Files changed (3) hide show
  1. examples.json +4 -4
  2. suggestions.json +16 -16
  3. templates/app.html +64 -64
examples.json CHANGED
@@ -1,18 +1,18 @@
1
  [
2
  {
3
  "images": ["examples/1.jpg"],
4
- "prompt": "She is wearing a Ninja costume"
5
  },
6
  {
7
  "images": ["examples/2.jpg"],
8
- "prompt": "Transform the image into a dotted cartoon style."
9
  },
10
  {
11
  "images": ["examples/10.jpg", "examples/11.png"],
12
- "prompt": "Replace the current clothing with the clothing from the reference image 2. Keep the person's face, hairstyle, body pose, background, lighting, and camera angle unchanged. Ensure the new outfit fits naturally with realistic fabric texture, proper shadows, folds, and accurate proportions. Match the lighting, color tone, and overall style for a seamless and high-quality result."
13
  },
14
  {
15
  "images": ["examples/8.jpg", "examples/9.png"],
16
- "prompt": "A full-body, photorealistic studio shot on a seamless white background of a young man and a young woman dancing a lively swing dance together. The man has short, parted light brown hair and is wearing a dark navy blue crewneck sweatshirt, medium-wash blue jeans, white sneakers, and a silver watch. He is spinning the woman outward. The woman has long, wavy light brown hair and is wearing a plain white short-sleeve t-shirt, cuffed medium-wash blue jeans, white sneakers, a delicate gold necklace, and bracelets. They are holding hands, mid-step, smiling warmly and making eye contact with each other. Bright, even studio lighting."
17
  }
18
  ]
 
1
  [
2
  {
3
  "images": ["examples/1.jpg"],
4
+ "prompt": "忍者の衣装を着せてください"
5
  },
6
  {
7
  "images": ["examples/2.jpg"],
8
+ "prompt": "画像をドット絵のカートゥーンスタイルに変換してください。"
9
  },
10
  {
11
  "images": ["examples/10.jpg", "examples/11.png"],
12
+ "prompt": "参照画像2の衣装を現在の服と入れ替えてください。人物の顔、ヘアスタイル、ポーズ、背景、照明、カメラアングルは変えないでください。新しい衣装がリアルな布のテクスチャ、適切な影、シワ、正確なプロポーションで自然に馴染むようにしてください。照明、カラートーン、全体のスタイルを統一してシームレスで高品質な結果にしてください。"
13
  },
14
  {
15
  "images": ["examples/8.jpg", "examples/9.png"],
16
+ "prompt": "シームレスな白い背景のスタジオで、若い男性と若い女性が活気あるスウィングダンスを踊っているフォトリアルなフルボディのスタジオショット。男性は短い横分けの明るい茶色の髪で、ダークネイビーブルーのクルーネックスウェットシャツ、ミディアムウォッシュのブルージーンズ、白いスニーカー、シルバーの腕時計を着用。女性を外側に回転させています。女性は長くウェーブした明るい茶色の髪で、白いシンプルな半袖Tシャツ、カフ折りのミディアムウォッシュブルージーンズ、白いスニーカー、繊細なゴールドネックレスとブレスレットを着用。手をつないでステップの途中で、お互いに温かく微笑みながら目を合わせています。明るく均一なスタジオ照明。"
17
  }
18
  ]
suggestions.json CHANGED
@@ -1,34 +1,34 @@
1
  [
2
  {
3
- "label": "Bokeh Blur",
4
- "prompt": "Add a smooth, circular bokeh blur to the background while keeping the subject in sharp focus. Use natural out-of-focus highlights consistent with a wide-aperture lens."
5
  },
6
  {
7
- "label": "Enhance Detail",
8
- "prompt": "Enhance and upscale the image with sharper detail, improved texture clarity, and natural color depth. Preserve the original composition and lighting."
9
  },
10
  {
11
- "label": "Portrait Retouch",
12
- "prompt": "Apply professional portrait retouching: smooth skin naturally, even out tones, brighten eyes, and reduce blemishes while keeping the result realistic and lifelike."
13
  },
14
  {
15
- "label": "Restore & Clarify",
16
- "prompt": "Restore and upscale the image with improved clarity, recovered shadow detail, and reduced compression artifacts. Keep all original content intact."
17
  },
18
  {
19
- "label": "Denoise & Clean",
20
- "prompt": "Remove noise and grain, recover fine texture in skin and fabric, and produce a clean, sharp result as if shot in a professional studio."
21
  },
22
  {
23
- "label": "Studio Backdrop",
24
- "prompt": "Replace the background with a seamless, softly blurred light grey studio backdrop. Keep the subject sharp and perfectly separated from the background."
25
  },
26
  {
27
- "label": "Night Street",
28
- "prompt": "Change the setting to a wet urban street at night with warm streetlights, neon reflections on the ground, and a shallow depth of field. Keep the subject unchanged."
29
  },
30
  {
31
- "label": "Autumn Scene",
32
- "prompt": "Change the surroundings to an autumn scene with warm golden and red foliage, soft natural light filtering through the trees, and a slight atmospheric haze."
33
  }
34
  ]
 
1
  [
2
  {
3
+ "label": "ボケ背景",
4
+ "prompt": "被写体はシャープなままに、背景に滑らかな円形ボケをかけてください。広角レンズらしい自然なアウトフォーカスハイライトを使用してください。"
5
  },
6
  {
7
+ "label": "細部を強調",
8
+ "prompt": "画像をより鮮明なディテール、テクスチャの明瞭さ、自然な色の深みで強調・アップスケールしてください。元の構図と照明は保持してください。"
9
  },
10
  {
11
+ "label": "ポートレート補正",
12
+ "prompt": "プロのポートレート補正を適用してください:肌を自然に整え、トーンを均一にし、目を明るくし、リアルで自然な仕上がりを保ちながらシミを除去してください。"
13
  },
14
  {
15
+ "label": "復元・鮮明化",
16
+ "prompt": "画像を復元してアップスケールし、鮮明さを向上させ、シャドウのディテールを復元し、圧縮アーティファクトを低減してください。元のコンテンツはすべて保持してください。"
17
  },
18
  {
19
+ "label": "ノイズ除去",
20
+ "prompt": "ノイズとグレインを除去し、肌や布地の細かいテクスチャを復元し、プロのスタジオで撮影したようなクリーンでシャープな仕上がりにしてください。"
21
  },
22
  {
23
+ "label": "スタジオ背景",
24
+ "prompt": "背景をシームレスで柔らかくぼかしたライトグレーのスタジオ背景に置き換えてください。被写体はシャープなまま背景から完全に分離してください。"
25
  },
26
  {
27
+ "label": "夜の街",
28
+ "prompt": "舞台を、温かいストリートライトと地面に映るネオンの反射、浅い被写界深度を持つ雨で濡れた夜の都市の街に変えてください。被写体は変えないでください。"
29
  },
30
  {
31
+ "label": "秋の情景",
32
+ "prompt": "周囲を、暖かい黄金色と赤い紅葉、木々から差し込む柔らかな自然光、わずかな大気のかすみを持つ秋の情景に変えてください。"
33
  }
34
  ]
templates/app.html CHANGED
@@ -3,37 +3,37 @@
3
  <div class="app-header">
4
  <div class="app-header-left">
5
  <div class="app-logo"><svg viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12 23c-3.6 0-8-2.69-8-7.5 0-3.5 3-6.5 4.5-8 .27-.27.75-.08.75.28v2.44c0 .42.5.63.72.28C12.28 7.5 13 3 13 1c0-.42.48-.64.8-.35C18 4.5 20 9 20 12c0 5.5-3.5 11-8 11z"/></svg></div>
6
- <span class="app-title">High Resolution FireRed Image Edit 2K</span>
7
  <span class="app-badge">v1.1</span>
8
- <span class="app-badge fast">4-Step Fast</span>
9
  </div>
10
  <div class="app-header-right">
11
- <a href="https://huggingface.co/spaces/someone-in-the-world/Selectable-Face-Swap" target="_blank" class="app-header-link">Also try: Selectable Face Swap &#8594;</a>
12
  </div>
13
  </div>
14
 
15
  <div class="app-notice">
16
  <ul class="notice-list">
17
- <li>Aims to produce high-resolution 2K output images while keeping the generating speed, based on <a href="https://github.com/PRITHIVSAKTHIUR/FireRed-Image-Edit-1.0-Fast" target="_blank">FireRed-Image-Edit-1.0-Fast</a>.</li>
18
- <li>Service availability and response times may vary as this space is under development and runs on shared GPU infrastructure.</li>
19
- <li>When using this Space, please comply with the <a href="https://huggingface.co/content-policy" target="_blank">Hugging Face Content Policy</a>.</li>
20
- <li>To monitor application performance and improve quality, input data (images/text) and generated outputs are logged solely for debugging purposes and retained in a private Hugging Face dataset accessible only to the operator (<a href="https://huggingface.co/someone-in-the-world" target="_blank">someone-in-the-world</a>) until manually deleted. This processing is based on legitimate interest (GDPR Art. 6(1)(f)) and the data is not shared with or sold to any third party. To request access to or deletion of your data, open a discussion on this Space's Community tab. See the <a href="#privacy-policy" onclick="document.getElementById('privacy-policy').open=true">Privacy Policy</a> below for full details of your rights.</li>
21
- <li>No user account or identifying information (such as IP address or session data) is collected. Do not upload images containing faces or other biometric data.</li>
22
  </ul>
23
  </div>
24
 
25
  <div class="app-toolbar">
26
- <button id="tb-upload" class="modern-tb-btn" title="Upload images">
27
- <svg class="tb-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg><span class="tb-label">Upload</span>
28
  </button>
29
- <button id="tb-remove" class="modern-tb-btn" title="Remove selected image">
30
- <svg class="tb-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg><span class="tb-label">Remove</span>
31
  </button>
32
- <button id="tb-clear" class="modern-tb-btn" title="Clear all images">
33
- <svg class="tb-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg><span class="tb-label">Clear All</span>
34
  </button>
35
  <div class="tb-sep"></div>
36
- <span id="tb-image-count" class="tb-info">No images</span>
37
  </div>
38
 
39
  <div class="app-main-row">
@@ -46,8 +46,8 @@
46
  <polygon points="12,62 30,40 42,50 54,34 68,62" fill="rgba(30,144,255,0.15)" stroke="#1E90FF" stroke-width="1.5"/>
47
  <circle cx="28" cy="30" r="6" fill="rgba(30,144,255,0.2)" stroke="#1E90FF" stroke-width="1.5"/>
48
  </svg>
49
- <span class="upload-main-text">Click or drag images here</span>
50
- <span class="upload-sub-text">Supports multiple images for reference-based editing and guided manipulation</span>
51
  </div>
52
  </div>
53
  <input id="custom-file-input" type="file" accept="image/*" multiple style="display:none;" />
@@ -55,21 +55,21 @@
55
  </div>
56
 
57
  <div class="hint-bar">
58
- <b>Upload:</b> Click or drag to add images &nbsp;&middot;&nbsp;
59
- <b>Multi-image:</b> Upload multiple images for reference-based editing &nbsp;&middot;&nbsp;
60
- <kbd>Remove</kbd> deletes selected &nbsp;&middot;&nbsp;
61
- <kbd>Clear All</kbd> removes everything
62
  </div>
63
 
64
  <div class="suggestions-section">
65
- <div class="suggestions-title">Quick Prompts</div>
66
  <div class="suggestions-wrap">
67
  {suggestion_chips_html}
68
  </div>
69
  </div>
70
 
71
  <div class="examples-section">
72
- <div class="examples-title">Quick Examples</div>
73
  <div class="examples-scroll">
74
  {example_cards_html}
75
  </div>
@@ -78,66 +78,66 @@
78
 
79
  <div class="app-main-right">
80
  <div class="panel-card">
81
- <div class="panel-card-title">Edit Instruction</div>
82
  <div class="panel-card-body">
83
- <label class="modern-label" for="custom-prompt-input">Prompt</label>
84
- <textarea id="custom-prompt-input" class="modern-textarea" rows="3" placeholder="e.g., transform into anime, upscale, change lighting..."></textarea>
85
  </div>
86
  </div>
87
 
88
  <div class="mode-toggle-wrap">
89
- <button id="mode-btn-fast" class="mode-btn mode-btn-active" onclick="window.__setMode('fast')">Fast</button>
90
- <button id="mode-btn-hd" class="mode-btn" onclick="window.__setMode('high_detail')">High-Detail</button>
91
  </div>
92
 
93
  <div style="padding:12px 20px;">
94
  <button id="custom-run-btn" class="btn-run">
95
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 23c-3.6 0-8-2.69-8-7.5 0-3.5 3-6.5 4.5-8 .27-.27.75-.08.75.28v2.44c0 .42.5.63.72.28C12.28 7.5 13 3 13 1c0-.42.48-.64.8-.35C18 4.5 20 9 20 12c0 5.5-3.5 11-8 11z"/></svg>
96
- <span id="run-btn-label">Edit Image</span>
97
  </button>
98
  </div>
99
 
100
  <div class="output-frame" style="flex:1">
101
  <div class="out-title">
102
- <span>Output</span>
103
- <span id="dl-btn-output" class="out-download-btn" title="Download">
104
- <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 16l-5-5h3V4h4v7h3l-5 5z"/><path d="M20 18H4v2h16v-2z"/></svg> Save
105
  </span>
106
  </div>
107
  <div class="out-body" id="output-image-container">
108
  <div class="modern-loader" id="output-loader">
109
  <div class="loader-spinner"></div>
110
- <div class="loader-text">Processing image...</div>
111
  <div class="loader-bar-track"><div class="loader-bar-fill"></div></div>
112
  </div>
113
- <div class="out-placeholder" id="output-placeholder">Result will appear here</div>
114
  </div>
115
  </div>
116
 
117
  <div class="settings-group">
118
- <div class="settings-group-title">Advanced Settings</div>
119
  <div class="settings-group-body">
120
  <div class="slider-row">
121
- <label>GPU Duration (s)</label>
122
  <input type="range" id="custom-gpu-duration" min="10" max="120" step="5" value="20">
123
  <span class="slider-val" id="custom-gpu-duration-val">20</span>
124
  </div>
125
  <div class="slider-row">
126
- <label>Seed</label>
127
  <input type="range" id="custom-seed" min="0" max="2147483647" step="1" value="0">
128
  <span class="slider-val" id="custom-seed-val">0</span>
129
  </div>
130
  <div class="checkbox-row">
131
  <input type="checkbox" id="custom-randomize" checked>
132
- <label for="custom-randomize">Randomize seed</label>
133
  </div>
134
  <div class="slider-row">
135
- <label>Guidance</label>
136
  <input type="range" id="custom-guidance" min="1" max="10" step="0.1" value="1.0">
137
  <span class="slider-val" id="custom-guidance-val">1.0</span>
138
  </div>
139
  <div class="slider-row">
140
- <label>Steps</label>
141
  <input type="range" id="custom-steps" min="1" max="50" step="1" value="4">
142
  <span class="slider-val" id="custom-steps-val">4</span>
143
  </div>
@@ -147,42 +147,42 @@
147
  </div>
148
 
149
  <div class="app-statusbar">
150
- <div class="sb-section" id="sb-image-count">No images uploaded</div>
151
- <div class="sb-section sb-fixed">Ready</div>
152
  </div>
153
 
154
  <details id="privacy-policy" class="privacy-details">
155
- <summary>Privacy Policy</summary>
156
  <div class="privacy-body">
157
- <p><strong>Space:</strong> High Resolution FireRed Image Edit 2K<br>
158
- <strong>Operator:</strong> <a href="https://huggingface.co/someone-in-the-world" target="_blank">someone-in-the-world</a> on Hugging Face<br>
159
- <strong>Last updated:</strong> 2026-05-16</p>
160
 
161
- <h4>What data is collected</h4>
162
- <p>When you submit a request, the following is logged: input images and text prompt, generated output image, inference parameters (seed, steps, guidance scale), and timestamp, duration, and success/error status. No user account, IP address, or session data is collected.</p>
163
 
164
- <h4>Why it is collected</h4>
165
- <p>Solely for debugging and monitoring application performance (legitimate interest, GDPR Art. 6(1)(f)).</p>
166
 
167
- <h4>Where it is stored</h4>
168
- <p>In a private Hugging Face dataset accessible only to the operator. The data is not shared with or sold to any third party.</p>
169
 
170
- <h4>How long it is kept</h4>
171
- <p>Until manually deleted by the operator. There is no automatic deletion schedule.</p>
172
 
173
- <h4>Your rights</h4>
174
- <p>Use of this Space and submission of images is entirely voluntary. Under GDPR you have the right to:</p>
175
  <ul>
176
- <li><strong>Access</strong> (Art. 15): request a copy of data held about you</li>
177
- <li><strong>Erasure</strong> (Art. 17): request deletion of your data</li>
178
- <li><strong>Restriction</strong> (Art. 18): request that processing be limited</li>
179
- <li><strong>Portability</strong> (Art. 20): receive your data in a machine-readable format</li>
180
- <li><strong>Objection</strong> (Art. 21): object to processing based on legitimate interest</li>
181
  </ul>
182
- <p>To exercise any of these rights, open a discussion on this Space's Community tab.</p>
183
 
184
- <h4>Right to complain</h4>
185
- <p>You have the right to lodge a complaint with your national data protection authority, for example: ICO (UK), CNIL (France), BfDI (Germany), or your local EU member state authority listed at <a href="https://www.edpb.europa.eu/about-edpb/about-edpb/members_en" target="_blank">edpb.europa.eu</a>.</p>
186
  </div>
187
  </details>
188
 
 
3
  <div class="app-header">
4
  <div class="app-header-left">
5
  <div class="app-logo"><svg viewBox="0 0 24 24" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12 23c-3.6 0-8-2.69-8-7.5 0-3.5 3-6.5 4.5-8 .27-.27.75-.08.75.28v2.44c0 .42.5.63.72.28C12.28 7.5 13 3 13 1c0-.42.48-.64.8-.35C18 4.5 20 9 20 12c0 5.5-3.5 11-8 11z"/></svg></div>
6
+ <span class="app-title">高解像度 FireRed 画像編集 2K</span>
7
  <span class="app-badge">v1.1</span>
8
+ <span class="app-badge fast">4ステップ高速</span>
9
  </div>
10
  <div class="app-header-right">
11
+ <a href="https://huggingface.co/spaces/someone-in-the-world/Selectable-Face-Swap" target="_blank" class="app-header-link">こちらも試す:顔交換(選択式)&#8594;</a>
12
  </div>
13
  </div>
14
 
15
  <div class="app-notice">
16
  <ul class="notice-list">
17
+ <li><a href="https://github.com/PRITHIVSAKTHIUR/FireRed-Image-Edit-1.0-Fast" target="_blank">FireRed-Image-Edit-1.0-Fast</a> をベースに、生成速度を維持しながら高解像度 2K 出力画像の生成を目指しています。</li>
18
+ <li>このスペースは開発中であり、共有 GPU インフラ上で動作するため、サービスの利用可否や応答時間は変動する場合があります。</li>
19
+ <li>このスペースを利用する際は、<a href="https://huggingface.co/content-policy" target="_blank">Hugging Face コンテンツポリシー</a>に従ってください。</li>
20
+ <li>アプリのパフォーマンス監視と品質向上のため、入力データ(画像・テキスト)および生成された出力はデバッグ目的のみに記録され、オペレーター(<a href="https://huggingface.co/someone-in-the-world" target="_blank">someone-in-the-world</a>)のみがアクセス可能なプライベートな Hugging Face データセットに、手動削除されるまで保管されます。この処理は正当な利益(GDPR 61(f))に基づいており、第三者への提供・販売は行いません。データへのアクセスや削除を希望する場合は、このスペースのコミュニティタブでディスカッションを開いてください。詳細は下記の<a href="#privacy-policy" onclick="document.getElementById('privacy-policy').open=true">プライバシーポリシー</a>をご覧ください。</li>
21
+ <li>ユーザーアカウントや個人を特定できる情報(IPアドレス・セッションデータ等)は収集しません。顔その他の生体情報を含む画像はアップロードしないでください。</li>
22
  </ul>
23
  </div>
24
 
25
  <div class="app-toolbar">
26
+ <button id="tb-upload" class="modern-tb-btn" title="画像をアップロード">
27
+ <svg class="tb-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="17 8 12 3 7 8"/><line x1="12" y1="3" x2="12" y2="15"/></svg><span class="tb-label">アップロード</span>
28
  </button>
29
+ <button id="tb-remove" class="modern-tb-btn" title="選択した画像を削除">
30
+ <svg class="tb-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg><span class="tb-label">削除</span>
31
  </button>
32
+ <button id="tb-clear" class="modern-tb-btn" title="全画像をクリア">
33
+ <svg class="tb-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg><span class="tb-label">全削除</span>
34
  </button>
35
  <div class="tb-sep"></div>
36
+ <span id="tb-image-count" class="tb-info">画像なし</span>
37
  </div>
38
 
39
  <div class="app-main-row">
 
46
  <polygon points="12,62 30,40 42,50 54,34 68,62" fill="rgba(30,144,255,0.15)" stroke="#1E90FF" stroke-width="1.5"/>
47
  <circle cx="28" cy="30" r="6" fill="rgba(30,144,255,0.2)" stroke="#1E90FF" stroke-width="1.5"/>
48
  </svg>
49
+ <span class="upload-main-text">クリックまたはドラッグして画像を追加</span>
50
+ <span class="upload-sub-text">参照ベースの編集や誘導操作のために複数の画像をサポート</span>
51
  </div>
52
  </div>
53
  <input id="custom-file-input" type="file" accept="image/*" multiple style="display:none;" />
 
55
  </div>
56
 
57
  <div class="hint-bar">
58
+ <b>アップロード:</b>クリックまたはドラッグして追加 &nbsp;&middot;&nbsp;
59
+ <b>複数画像:</b>参照ベースの編集に対応 &nbsp;&middot;&nbsp;
60
+ <kbd>削除</kbd> で選択画像を削除 &nbsp;&middot;&nbsp;
61
+ <kbd>全削除</kbd> ですべて削除
62
  </div>
63
 
64
  <div class="suggestions-section">
65
+ <div class="suggestions-title">クイックプロンプト</div>
66
  <div class="suggestions-wrap">
67
  {suggestion_chips_html}
68
  </div>
69
  </div>
70
 
71
  <div class="examples-section">
72
+ <div class="examples-title">クイック例</div>
73
  <div class="examples-scroll">
74
  {example_cards_html}
75
  </div>
 
78
 
79
  <div class="app-main-right">
80
  <div class="panel-card">
81
+ <div class="panel-card-title">編集指示</div>
82
  <div class="panel-card-body">
83
+ <label class="modern-label" for="custom-prompt-input">プロンプト</label>
84
+ <textarea id="custom-prompt-input" class="modern-textarea" rows="3" placeholder="例:アニメ風に変換、アップスケール、照明を変更..."></textarea>
85
  </div>
86
  </div>
87
 
88
  <div class="mode-toggle-wrap">
89
+ <button id="mode-btn-fast" class="mode-btn mode-btn-active" onclick="window.__setMode('fast')">高速</button>
90
+ <button id="mode-btn-hd" class="mode-btn" onclick="window.__setMode('high_detail')">高精細</button>
91
  </div>
92
 
93
  <div style="padding:12px 20px;">
94
  <button id="custom-run-btn" class="btn-run">
95
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 23c-3.6 0-8-2.69-8-7.5 0-3.5 3-6.5 4.5-8 .27-.27.75-.08.75.28v2.44c0 .42.5.63.72.28C12.28 7.5 13 3 13 1c0-.42.48-.64.8-.35C18 4.5 20 9 20 12c0 5.5-3.5 11-8 11z"/></svg>
96
+ <span id="run-btn-label">画像を編集</span>
97
  </button>
98
  </div>
99
 
100
  <div class="output-frame" style="flex:1">
101
  <div class="out-title">
102
+ <span>出力</span>
103
+ <span id="dl-btn-output" class="out-download-btn" title="ダウンロード">
104
+ <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 16l-5-5h3V4h4v7h3l-5 5z"/><path d="M20 18H4v2h16v-2z"/></svg> 保存
105
  </span>
106
  </div>
107
  <div class="out-body" id="output-image-container">
108
  <div class="modern-loader" id="output-loader">
109
  <div class="loader-spinner"></div>
110
+ <div class="loader-text">画像を処理中...</div>
111
  <div class="loader-bar-track"><div class="loader-bar-fill"></div></div>
112
  </div>
113
+ <div class="out-placeholder" id="output-placeholder">結果がここに表示されます</div>
114
  </div>
115
  </div>
116
 
117
  <div class="settings-group">
118
+ <div class="settings-group-title">詳細設定</div>
119
  <div class="settings-group-body">
120
  <div class="slider-row">
121
+ <label>GPU時間(秒)</label>
122
  <input type="range" id="custom-gpu-duration" min="10" max="120" step="5" value="20">
123
  <span class="slider-val" id="custom-gpu-duration-val">20</span>
124
  </div>
125
  <div class="slider-row">
126
+ <label>シード</label>
127
  <input type="range" id="custom-seed" min="0" max="2147483647" step="1" value="0">
128
  <span class="slider-val" id="custom-seed-val">0</span>
129
  </div>
130
  <div class="checkbox-row">
131
  <input type="checkbox" id="custom-randomize" checked>
132
+ <label for="custom-randomize">シードをランダム化</label>
133
  </div>
134
  <div class="slider-row">
135
+ <label>ガイダンス</label>
136
  <input type="range" id="custom-guidance" min="1" max="10" step="0.1" value="1.0">
137
  <span class="slider-val" id="custom-guidance-val">1.0</span>
138
  </div>
139
  <div class="slider-row">
140
+ <label>ステップ数</label>
141
  <input type="range" id="custom-steps" min="1" max="50" step="1" value="4">
142
  <span class="slider-val" id="custom-steps-val">4</span>
143
  </div>
 
147
  </div>
148
 
149
  <div class="app-statusbar">
150
+ <div class="sb-section" id="sb-image-count">画像がアップロードされていません</div>
151
+ <div class="sb-section sb-fixed">準備完了</div>
152
  </div>
153
 
154
  <details id="privacy-policy" class="privacy-details">
155
+ <summary>プライバシーポリシー</summary>
156
  <div class="privacy-body">
157
+ <p><strong>スペース:</strong>高解像度 FireRed 画像編集 2K<br>
158
+ <strong>運営者:</strong>Hugging Face の <a href="https://huggingface.co/someone-in-the-world" target="_blank">someone-in-the-world</a><br>
159
+ <strong>最終更新:</strong>2026-05-16</p>
160
 
161
+ <h4>収集するデータ</h4>
162
+ <p>リクエストを送信すると、以下の情報が記録されます:入力画像とテキストプロンプト、生成された出力画像、推論パラメータ(シード、ステップ数、ガイダンススケール)、タイムスタンプ、処理時間、および成功・エラーの状態。ユーザーアカウント、IPアドレス、セッションデータは収集しません。</p>
163
 
164
+ <h4>収集の目的</h4>
165
+ <p>アプリのパフォーマンスのデバッグと監視のみを目的としています(正当な利益、GDPR 61(f))。</p>
166
 
167
+ <h4>保管場所</h4>
168
+ <p>運営者のみがアクセス可能なプライベートな Hugging Face データセットに保管されます。データは第三者への提供・販売を行いません。</p>
169
 
170
+ <h4>保管期間</h4>
171
+ <p>運営者が手動で削除するまで保管されます。自動削除のスケジュールはありません。</p>
172
 
173
+ <h4>お客様の権利</h4>
174
+ <p>このスペースの利用および画像の送信は完全に任意です。GDPR に基づき、以下の権利があります:</p>
175
  <ul>
176
+ <li><strong>アクセス権</strong>(第15条):保有するデータのコピーを請求する権利</li>
177
+ <li><strong>消去権</strong>(第17条):データの削除を請求する権利</li>
178
+ <li><strong>処理制限権</strong>(第18条):処理の制限を請求する権利</li>
179
+ <li><strong>データポータビリティ権</strong>(第20条):機械可読形式でデータを受け取る権利</li>
180
+ <li><strong>異議申立権</strong>(第21条):正当な利益に基づく処理に異議を申し立てる権利</li>
181
  </ul>
182
+ <p>これらの権利を行使するには、このスペースのコミュニティタブでディスカッションを開いてください。</p>
183
 
184
+ <h4>監督機関への申立て</h4>
185
+ <p>各国のデータ保護機関(例:ICO(英国)、CNIL(フランス)、BfDI(ドイツ)、または <a href="https://www.edpb.europa.eu/about-edpb/about-edpb/members_en" target="_blank">edpb.europa.eu</a> に掲載されている EU 加盟国の機関)に苦情を申し立てる権利があります。</p>
186
  </div>
187
  </details>
188