bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Build [v1.14.31]

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-25 12:53:41 +03:00
parent d0f166a370
commit de8c5c7135
42 changed files with 441 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/components/DebugRotationPanel.tsx
View File

@@ -283,13 +283,13 @@ export function DebugRotationPanel({
return (
<div className="fixed inset-0 bg-black/80 flex items-center justify-center z-50 p-4">
<div className="bg-slate-900 border border-slate-700 rounded-lg shadow-2xl max-w-6xl w-full max-h-[95vh] overflow-hidden flex flex-col">
<div className="bg-surface-container border border-border rounded-none shadow-none max-w-6xl w-full max-h-[95vh] overflow-hidden flex flex-col">
{/* Header */}
<div className="p-3 border-b border-slate-700 flex items-center justify-between bg-slate-800 flex-shrink-0">
<div className="p-3 border-b border-border flex items-center justify-between bg-surface-bright flex-shrink-0">
<h2 className="text-lg font-normal text-white">Debug Rotation & Crop</h2>
<button
onClick={onClose}
className="p-2 hover:bg-slate-700 rounded text-gray-400 hover:text-white transition"
className="p-2 hover:bg-[#222222] rounded text-gray-400 hover:text-white transition"
>
<X size={20} />
</button>
@@ -297,7 +297,7 @@ export function DebugRotationPanel({
<div className="flex gap-4 p-4 flex-1 overflow-hidden">
{/* Left: Controls */}
<div className="w-48 bg-slate-800 p-3 rounded space-y-4 flex-shrink-0 overflow-y-auto">
<div className="w-48 bg-surface-bright p-3 rounded space-y-4 flex-shrink-0 overflow-y-auto">
{/* Rotation Slider */}
<div>
<label className="block text-sm font-normal text-white mb-2">
@@ -324,7 +324,7 @@ export function DebugRotationPanel({
className={`py-1 px-2 rounded text-xs font-normal transition ${
rotation === angle.value
? 'bg-yellow-600 text-white'
: 'bg-slate-700 text-gray-300 hover:bg-slate-600'
: 'bg-[#222222] text-gray-300 hover:bg-slate-600'
}`}
>
{angle.label}
@@ -337,14 +337,14 @@ export function DebugRotationPanel({
<button
onClick={() => setAdjustedCropBounds(null)}
disabled={!adjustedCropBounds}
className="w-full py-2 px-3 rounded text-sm font-normal bg-slate-700 text-gray-300 hover:bg-slate-600 disabled:opacity-50 disabled:cursor-not-allowed transition"
className="w-full py-2 px-3 rounded text-sm font-normal bg-[#222222] text-gray-300 hover:bg-slate-600 disabled:opacity-50 disabled:cursor-not-allowed transition"
>
Reset Crop Box
</button>
{/* Original Values */}
{originalRotation !== undefined && (
<div className="bg-slate-700 p-3 rounded text-xs space-y-1">
<div className="bg-[#222222] p-3 rounded text-xs space-y-1">
<h3 className="font-normal text-white">Original AI Values</h3>
<div className="text-gray-300 font-mono text-xs">
<div>Rotation: {originalRotation}°</div>
@@ -365,7 +365,7 @@ export function DebugRotationPanel({
{/* Right: Canvas + Log */}
<div className="flex-1 flex flex-col gap-3 min-w-0 overflow-hidden">
{/* Canvas - takes most space */}
<div className="flex-1 flex flex-col bg-slate-800 p-3 rounded border border-slate-700 overflow-hidden">
<div className="flex-1 flex flex-col bg-surface-bright p-3 rounded border border-border overflow-hidden">
<h3 className="text-xs font-normal text-white mb-2">Preview (Green = Crop, Orange = Rotation)</h3>
<div className="flex-1 flex items-center justify-center bg-black/70 rounded border border-slate-600 overflow-auto">
<canvas
@@ -380,7 +380,7 @@ export function DebugRotationPanel({
</div>
{/* Log - single line */}
<div className="bg-slate-800 p-2 rounded border border-slate-700 flex-shrink-0">
<div className="bg-surface-bright p-2 rounded border border-border flex-shrink-0">
<div className="bg-black text-green-400 p-2 rounded font-mono text-xs">
{log}
</div>