notid/ai-game-2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ora editor

Browse Source
This commit is contained in:
Bryce
2026-03-27 23:33:04 -07:00
parent cdc9ca2f92
commit c94988561c
36 changed files with 1564 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
tools/ora_editor/templates/components/sidebar.html
View File

@@ -64,6 +64,71 @@
<p class="text-xs text-gray-400 mt-1">Will create layer: <span x-text="entityName ? entityName + '_0' : 'element_0'"></span></p>
</div>
<!-- SAM Rough Mask -->
<div class="bg-gray-800 rounded-lg p-4 border border-gray-700">
<h3 class="font-bold mb-3 text-gray-300">Rough Mask (SAM)</h3>
<div class="space-y-3">
<p class="text-xs text-gray-400">Click to mark include points (green). Right-click to mark exclude points (red).</p>
<div x-show="samIncludePoints.length > 0 || samExcludePoints.length > 0" class="text-xs text-gray-300 space-y-1">
<div class="flex items-center gap-2">
<span class="w-3 h-3 bg-green-500 rounded-full"></span>
<span>Include: <span x-text="samIncludePoints.length"></span></span>
</div>
<div class="flex items-center gap-2">
<span class="w-3 h-3 bg-red-500 rounded-full"></span>
<span>Exclude: <span x-text="samExcludePoints.length"></span></span>
</div>
</div>
<div class="flex gap-2">
<button
@click="startSamMode()"
:disabled="isSamMode"
class="flex-1 bg-teal-600 hover:bg-teal-700 disabled:bg-gray-600 px-3 py-1.5 rounded text-sm transition"
>
Start
</button>
<button
@click="clearSamPoints()"
:disabled="samIncludePoints.length === 0 && samExcludePoints.length === 0"
class="bg-gray-600 hover:bg-gray-500 disabled:bg-gray-700 px-3 py-1.5 rounded text-sm transition"
>
Clear
</button>
</div>
<button
@click="generateSamMask()"
:disabled="samIncludePoints.length === 0 || isSamGenerating"
class="w-full bg-teal-600 hover:bg-teal-700 disabled:bg-gray-600 px-4 py-2 rounded transition flex items-center justify-center gap-2"
>
<span x-show="isSamGenerating" class="animate-spin rounded-full h-4 w-4 border-t-2 border-b-2 border-white"></span>
<span x-show="!isSamGenerating">Generate Rough Mask</span>
<span x-show="isSamGenerating">Generating...</span>
</button>
<div x-show="samMaskUrl" class="space-y-2">
<p class="text-xs text-green-400">Rough mask ready!</p>
<div class="flex gap-2">
<button
@click="useSamMask()"
class="flex-1 bg-green-600 hover:bg-green-700 px-3 py-1.5 rounded text-sm"
>
Use as Mask
</button>
<button
@click="discardSamMask()"
class="bg-gray-600 hover:bg-gray-500 px-3 py-1.5 rounded text-sm"
>
Discard
</button>
</div>
</div>
</div>
</div>
<!-- Polygon tool -->
<div class="bg-gray-800 rounded-lg p-4 border border-gray-700">
<h3 class="font-bold mb-3 text-gray-300">Polygon (Optional)</h3>
@@ -110,6 +175,16 @@
<span class="text-sm">Use polygon hint</span>
</label>
<label x-show="samMaskPath" class="flex items-center gap-2 cursor-pointer">
<input
type="checkbox"
x-model="useSamAsStart"
:disabled="isExtracting || !samMaskPath"
class="w-4 h-4 rounded"
>
<span class="text-sm">Use SAM mask as starting point (0.8 denoise)</span>
</label>
<!-- Count selector -->
<div class="flex items-center gap-2">
<label class="text-sm text-gray-400">Generate:</label>