dillon_stuff/TalkEdit
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

improved tooltips

Browse Source
This commit is contained in:
dillonj
2026-05-06 11:41:32 -06:00
parent fd6697b48e
commit a96e42c9f9
13 changed files with 92 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/SilenceTrimmerPanel.tsx
View File

@ -134,7 +134,7 @@ export default function SilenceTrimmerPanel() {
value={minSilenceMs}
onChange={(e) => setMinSilenceMs(Number(e.target.value) || 500)}
className="w-full px-2.5 py-1.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Minimum duration of silence to detect in milliseconds"
title="Minimum duration of silence to detect in milliseconds"
/>
</div>
@ -150,7 +150,7 @@ export default function SilenceTrimmerPanel() {
value={silenceDb}
onChange={(e) => setSilenceDb(Number(e.target.value) || -35)}
className="w-full px-2.5 py-1.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Volume threshold in dB — lower values detect quieter sounds as silence"
title="Volume threshold in dB — lower values detect quieter sounds as silence"
/>
</div>
@ -167,7 +167,7 @@ export default function SilenceTrimmerPanel() {
value={preBufferMs}
onChange={(e) => setPreBufferMs(Number(e.target.value) || 0)}
className="w-full px-2.5 py-1.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Extra time to add before each detected silence"
title="Extra time to add before each detected silence"
/>
</div>
<div className="space-y-1.5">
@ -182,7 +182,7 @@ export default function SilenceTrimmerPanel() {
value={postBufferMs}
onChange={(e) => setPostBufferMs(Number(e.target.value) || 0)}
className="w-full px-2.5 py-1.5 text-xs bg-editor-surface border border-editor-border rounded focus:border-editor-accent focus:outline-none"
data-tooltip="Extra time to add after each detected silence"
title="Extra time to add after each detected silence"
/>
</div>
</div>
@ -191,7 +191,7 @@ export default function SilenceTrimmerPanel() {
onClick={detectSilence}
disabled={isDetecting || !videoPath}
className="w-full flex items-center justify-center gap-2 px-4 py-2.5 bg-editor-accent hover:bg-editor-accent-hover disabled:opacity-50 rounded-lg text-sm font-medium transition-colors"
data-tooltip="Scan the entire audio track for silent pauses"
title="Scan the entire audio track for silent pauses"
>
{isDetecting ? (
<>
@ -219,7 +219,7 @@ export default function SilenceTrimmerPanel() {
<button
onClick={reapplySelectedGroup}
className="flex items-center gap-1 px-2 py-1 text-xs bg-editor-warning/20 text-editor-warning rounded hover:bg-editor-warning/30"
data-tooltip="Re-apply this silence trim group with current settings"
title="Re-apply this silence trim group with current settings"
>
<RotateCcw className="w-3 h-3" />
Reapply Group
@ -228,7 +228,7 @@ export default function SilenceTrimmerPanel() {
<button
onClick={applyAsNewGroup}
className="flex items-center gap-1 px-2 py-1 text-xs bg-editor-accent/20 text-editor-accent rounded hover:bg-editor-accent/30"
data-tooltip="Create a new silence trim group from detected pauses"
title="Create a new silence trim group from detected pauses"
>
<Scissors className="w-3 h-3" />
Apply As New Group
@ -271,14 +271,14 @@ export default function SilenceTrimmerPanel() {
<button
onClick={() => loadGroupForEditing(group.id)}
className="px-1.5 py-1 rounded hover:bg-editor-accent/20 text-editor-accent"
data-tooltip="Edit and reapply this group"
title="Edit and reapply this group"
>
<PencilLine className="w-3 h-3" />
</button>
<button
onClick={() => removeGroup(group.id)}
className="px-1.5 py-1 rounded hover:bg-editor-danger/20 text-editor-danger"
data-tooltip="Delete all cuts from this group"
title="Delete all cuts from this group"
>
<Trash2 className="w-3 h-3" />
</button>