add feedback redirect

Author: jef

neo-bpsys-wpf.3DViewerIDV.dll

@@ -118,6 +118,13 @@ const translations = {
         'common.position': 'Position',
         'common.rotation': 'Rotation',
         'common.scale': 'Scale',
+
+        // === feedback tab (dev only) ===
+        'feedback.summary': 'Problem or suggestion?',
+        'feedback.discord': 'Discord:',
+        'feedback.copyTitle': 'Click to copy',
+        'feedback.copied': 'copied',
+        'feedback.github': 'GitHub issues →',
     },
 
     zh: {
@@ -234,6 +241,13 @@ const translations = {
         'common.position': '位置',
         'common.rotation': '旋转',
         'common.scale': '缩放',
+
+        // === feedback tab (dev only) ===
+        'feedback.summary': '有问题或建议？',
+        'feedback.discord': 'Discord：',
+        'feedback.copyTitle': '点击复制',
+        'feedback.copied': '已复制',
+        'feedback.github': 'GitHub 问题 →',
     }
 };
 

wwwroot/js/i18n.js

@@ -22,6 +22,7 @@ import { loadSettings } from './storage/settingsStorage.js';
 import { registry } from './editor/registry.js';
 import { sequencer } from './animation/sequencer.js';
 import { initPerfMonitor, updatePerfMonitor } from './perf/statsMonitor.js';
+import { t } from './i18n.js';
 
 const canvas = document.getElementById('renderCanvas');
 const clock = new THREE.Clock();
@@ -140,6 +141,7 @@ function animate(currentTime) {
             });
             window.__editor = editorMod;
             document.getElementById('topActions').style.display = 'flex';
+            setupFeedbackTab();
         }
 
         preloadAllModels().catch(err => {
@@ -162,3 +164,32 @@ function animate(currentTime) {
         document.getElementById('errorMessage').textContent = `Fatal error: ${error.message}`;
     }
 })();
+
+function setupFeedbackTab() {
+    const tab = document.getElementById('feedbackTab');
+    if (!tab) return;
+
+    document.getElementById('feedbackSummary').textContent = t('feedback.summary');
+    document.getElementById('feedbackDiscordLabel').textContent = t('feedback.discord');
+    document.getElementById('feedbackGithubLink').textContent = t('feedback.github');
+
+    const userCode = document.getElementById('feedbackDiscordUser');
+    userCode.title = t('feedback.copyTitle');
+
+    const copied = document.getElementById('feedbackCopied');
+    copied.textContent = t('feedback.copied');
+
+    let copiedTimeout = null;
+    userCode.addEventListener('click', async () => {
+        try {
+            await navigator.clipboard.writeText(userCode.textContent);
+            copied.classList.add('show');
+            clearTimeout(copiedTimeout);
+            copiedTimeout = setTimeout(() => copied.classList.remove('show'), 1500);
+        } catch (err) {
+            console.warn('Clipboard write failed:', err);
+        }
+    });
+
+    tab.style.display = 'block';
+}

wwwroot/js/main.js

@@ -34,6 +34,20 @@ <h2>Model not found</h2>
     </div>
     <div id="editorPanel" style="display:none;"></div>
 
+    <div id="feedbackTab" style="display:none;">
+        <div class="feedback-summary" id="feedbackSummary">Problem or suggestion?</div>
+        <div class="feedback-details">
+            <div class="feedback-row">
+                <span class="feedback-label" id="feedbackDiscordLabel">Discord:</span>
+                <code id="feedbackDiscordUser" title="Click to copy">dostojefsky</code>
+                <span class="feedback-copied" id="feedbackCopied">copied</span>
+            </div>
+            <a class="feedback-github" id="feedbackGithubLink"
+               href="https://github.com/jefcrb/3DViewerIDV/issues"
+               target="_blank" rel="noopener noreferrer">GitHub issues &rarr;</a>
+        </div>
+    </div>
+
     <script type="module" src="js/main.js"></script>
 </body>
 </html>

wwwroot/scene.html

@@ -971,3 +971,69 @@ html, body {
 .kf-row.just-recorded > .kf-head {
     animation: kfPulse 0.9s ease-out;
 }
+
+/* Dev-only feedback tab (bottom-left). */
+#feedbackTab {
+    position: fixed;
+    left: 12px;
+    bottom: 12px;
+    background: #2c2c2c;
+    border: 1px solid #1e1e1e;
+    border-radius: 8px;
+    color: #e5e5e5;
+    font-family: -apple-system, BlinkMacSystemFont, 'Inter', 'Segoe UI', sans-serif;
+    font-size: 11px;
+    padding: 6px 10px;
+    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.5);
+    z-index: 50;
+    max-width: 240px;
+    user-select: none;
+}
+#feedbackTab .feedback-summary {
+    font-weight: 500;
+    color: #cfcfcf;
+}
+#feedbackTab .feedback-details {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    margin-top: 6px;
+    padding-top: 6px;
+    border-top: 1px solid #1e1e1e;
+}
+#feedbackTab .feedback-row {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+#feedbackTab .feedback-label {
+    color: #9a9a9a;
+}
+#feedbackTab code {
+    font-family: 'SF Mono', Menlo, Consolas, monospace;
+    background: #1e1e1e;
+    padding: 1px 5px;
+    border-radius: 3px;
+    color: #e5e5e5;
+    cursor: pointer;
+    user-select: text;
+}
+#feedbackTab code:hover {
+    background: #262626;
+}
+#feedbackTab .feedback-copied {
+    color: #7dd87d;
+    font-size: 10px;
+    opacity: 0;
+    transition: opacity 0.15s ease;
+}
+#feedbackTab .feedback-copied.show {
+    opacity: 1;
+}
+#feedbackTab .feedback-github {
+    color: #7cc4ff;
+    text-decoration: none;
+}
+#feedbackTab .feedback-github:hover {
+    text-decoration: underline;
+}