feat: market event

frontend/src/pages/MarketEvents.tsx

@@ -805,14 +805,26 @@ function EventDetail({
                   )}
                 </div>
                 {Object.keys(instInputs).length > 0 && (
-                  <div className="flex flex-wrap gap-1.5">
+                  <div className="space-y-1">
                     {Object.entries(instInputs).map(([k, v]) => (
-                      <span key={k} className={clsx(
-                        'text-xs font-mono px-1.5 py-0.5 rounded border',
-                        v > 0 ? 'text-emerald-400 border-emerald-800/50 bg-emerald-900/20' : v < 0 ? 'text-red-400 border-red-800/50 bg-red-900/20' : 'text-slate-500 border-slate-700/50'
-                      )}>
-                        {k}: {v > 0 ? '+' : ''}{v.toFixed(2)}
-                      </span>
+                      <div key={k} className="flex items-center gap-1.5">
+                        <span className="text-xs font-mono text-slate-500 flex-1 truncate" title={k}>{k}</span>
+                        <input
+                          type="number"
+                          step="any"
+                          value={v}
+                          onChange={e => {
+                            const n = parseFloat(e.target.value)
+                            if (!isNaN(n)) setInstInputs(prev => ({ ...prev, [k]: n }))
+                          }}
+                          className={clsx(
+                            'w-20 text-xs font-mono text-right rounded px-1.5 py-0.5 border bg-dark-900 focus:outline-none focus:ring-1 focus:ring-blue-500/50',
+                            v > 0 ? 'text-emerald-400 border-emerald-800/60'
+                                  : v < 0 ? 'text-red-400 border-red-800/60'
+                                           : 'text-slate-400 border-slate-700/60'
+                          )}
+                        />
+                      </div>
                     ))}
                   </div>
                 )}