[30b88f42] Läuft wieder

Läuft wieder
This commit is contained in:
2026-02-18 14:35:21 +00:00
parent 0862c4b105
commit e0b9a58538
5 changed files with 108 additions and 27 deletions

View File

@@ -179,7 +179,21 @@ export function RoboticsSettings({ isOpen, onClose, apiBase }: RoboticsSettingsP
)}
<div className="flex gap-4 items-start pr-12">
<div className="flex-1">
<h4 className="font-bold text-slate-900 dark:text-white text-sm">{ind.name}</h4>
<div className="flex items-center gap-2 mb-1">
<h4 className="font-bold text-slate-900 dark:text-white text-sm">{ind.name}</h4>
{ind.priority && (
<span className={clsx("text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider",
ind.priority === "Freigegeben" ? "bg-green-100 text-green-700" : "bg-purple-100 text-purple-700"
)}>
{ind.priority}
</span>
)}
{ind.ops_focus_secondary && (
<span className="text-[9px] font-bold px-1.5 py-0.5 rounded uppercase tracking-wider bg-orange-100 text-orange-700 border border-orange-200">
SEC-PRODUCT
</span>
)}
</div>
<div className="flex flex-wrap gap-2 mt-1">
{ind.status_notion && <span className="text-[10px] border border-slate-300 dark:border-slate-700 px-1.5 rounded text-slate-500">{ind.status_notion}</span>}
</div>
@@ -191,7 +205,33 @@ export function RoboticsSettings({ isOpen, onClose, apiBase }: RoboticsSettingsP
</div>
</div>
</div>
<p className="text-xs text-slate-600 dark:text-slate-300 italic whitespace-pre-wrap">{ind.description || "No definition"}</p>
<div className="space-y-2">
<p className="text-xs text-slate-600 dark:text-slate-300 italic whitespace-pre-wrap">{ind.description || "No definition"}</p>
{(ind.pains || ind.gains) && (
<div className="grid grid-cols-1 md:grid-cols-2 gap-3 mt-2">
{ind.pains && (
<div className="p-2 bg-red-50/50 dark:bg-red-900/10 rounded border border-red-100 dark:border-red-900/30">
<div className="text-[9px] font-bold text-red-600 dark:text-red-400 uppercase mb-1">Pains</div>
<div className="text-[10px] text-slate-600 dark:text-slate-400 line-clamp-3 hover:line-clamp-none transition-all">{ind.pains}</div>
</div>
)}
{ind.gains && (
<div className="p-2 bg-green-50/50 dark:bg-green-900/10 rounded border border-green-100 dark:border-green-900/30">
<div className="text-[9px] font-bold text-green-600 dark:text-green-400 uppercase mb-1">Gains</div>
<div className="text-[10px] text-slate-600 dark:text-slate-400 line-clamp-3 hover:line-clamp-none transition-all">{ind.gains}</div>
</div>
)}
</div>
)}
{ind.notes && (
<div className="text-[10px] text-slate-500 border-l-2 border-slate-200 dark:border-slate-800 pl-2 py-1">
<span className="font-bold uppercase mr-1">Notes:</span> {ind.notes}
</div>
)}
</div>
<div className="grid grid-cols-2 sm:grid-cols-4 gap-2 text-[10px] bg-white dark:bg-slate-900 p-2 rounded border border-slate-200 dark:border-slate-800">
<div><span className="block text-slate-400 font-bold uppercase">Whale &gt;</span><span className="text-slate-700 dark:text-slate-200">{ind.whale_threshold || "-"}</span></div>
<div><span className="block text-slate-400 font-bold uppercase">Min Req</span><span className="text-slate-700 dark:text-slate-200">{ind.min_requirement || "-"}</span></div>